/* =====================================================================================================================================
   Felixa Analytics: design system and layout. Loaded last, so it sets the look of the whole app.
   Colours come from the logo (yellow, amber, red-orange) on warm paper; the menu is deep brown so the logo stands out.
   ===================================================================================================================================== */
:root{
  --fx-ink:#20192a;--fx-ink2:#3d2b59;--fx-muted:#654f85;--fx-paper:#f5f2fa;--fx-card:#ffffff;--fx-line:#d5c5ed;--fx-line2:#c1abe3;
  --fx-yellow:#8441e9;--fx-amber:#7a33e5;--fx-orange:#7e39e5;--fx-red:#ef4b36;--fx-green:#543483;
  --fx-grad:linear-gradient(135deg,#7f36fc 0%,#5b1fc4 100%);--fx-grad-soft:linear-gradient(135deg,#ede2fd,#e1cffb);
  --fx-radius:18px;--fx-radius-sm:12px;--fx-shadow:0 1px 2px #6b5a2a14,0 10px 28px #6b5a2a14;--fx-shadow-hover:0 2px 4px #6b5a2a18,0 16px 36px #6b5a2a26;
  --fx-nav:#3C007C;--fx-nav2:#2b0059;--fx-navtext:#e0d4f1;--fx-navmuted:#846fa3;
  /* the older screens read these: give them the same warm palette */
  --mint-100:#ede2fd;--mint-200:#dcc8f9;--mint-line:#c6adec;--sun-100:#e7d9fc;--sun-200:#d5bdfa;--sun-line:#c6adec;--sun-ink:#2f1f47;--sun-arrow:#7933e1;
}
:root,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fx-ink)}
body{background:radial-gradient(1200px 500px at 70% -10%,#dfcdfb 0%,transparent 60%),#e6def1}
:focus-visible{outline:3px solid #7933e1;outline-offset:2px;border-radius:8px}
.app-shell{background:var(--fx-paper);box-shadow:0 0 60px #6b5a2a24}
h2,h3,h4{color:var(--fx-ink);letter-spacing:-.01em}
a{color:#5825a5}
.muted{color:var(--fx-muted)}

/* ---------- menu ---------- */
body .side-nav{background:linear-gradient(180deg,var(--fx-nav),var(--fx-nav2));border-right:0;color:var(--fx-navtext);padding:18px 12px 14px;gap:0;box-shadow:none}
.fx-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 18px;text-decoration:none;color:#fff}
.fx-brand img{width:42px;height:auto;background:#fff;border-radius:12px;padding:5px;box-shadow:0 2px 10px #0004}
.fx-brand span{display:flex;flex-direction:column;font-weight:800;font-size:19px;letter-spacing:.02em;line-height:1.05;color:#fff}
.fx-brand small{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-amber);margin-top:3px}
.fx-navlabel{margin:16px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-navmuted)}
body .side-nav .side-link{color:var(--fx-navtext);background:transparent;border-radius:11px;min-height:40px;padding:0 12px;font-size:14.5px;font-weight:600;box-shadow:none;border:0}
body .side-nav .side-link:hover{background:#ffffff14;color:#fff}
body .side-nav .side-link.active,body .side-nav .side-link.active:hover{background:var(--fx-grad);color:#fff;box-shadow:0 4px 14px #7f36fc40;font-weight:700}
body .side-nav .side-link::before{content:'';flex:none;width:19px;height:19px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;opacity:.9}
body .side-nav .side-sub .side-link{min-height:34px;font-size:13.5px;font-weight:550;padding-left:42px;color:#bba9d5}
body .side-nav .side-sub .side-link::before{display:none}
body .side-nav .side-nav-bottom{border-top:1px solid #ffffff1c;margin-top:auto;padding-top:10px}
body .side-nav .side-nav-bottom .side-link{min-height:36px;font-size:13.5px;font-weight:550;color:#bba9d5}
body .side-nav .side-link.danger-link{color:#f0a89c}body .side-nav .side-link.danger-link:hover{background:#ef4b3626;color:#ffd2ca}
.side-nav::-webkit-scrollbar{width:8px}.side-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}

/* a menu that is always there on a computer, a drawer on a phone */
@media(min-width:960px){
  .menu-toggle,.nav-backdrop{display:none!important}
  body .app-shell{width:min(1400px,100%);max-width:none;flex-direction:row}
  body .app-shell>.side-nav{position:sticky!important;top:0;transform:none!important;visibility:visible!important;left:auto;width:268px;height:100vh;max-height:100vh;box-shadow:none;z-index:5}
  .app-shell>main>header{display:none}
  .app-shell>main .view{padding:34px clamp(24px,4vw,56px)}
}
@media(max-width:959px){
  body .side-nav{box-shadow:10px 0 40px #0006}
  .fx-brand{padding-top:40px}
}

/* ---------- tool pages ---------- */
.felixa-scrape,.view>.panel.felixa-scrape{max-width:920px;margin:0 auto;background:transparent;border:0;padding:0;box-shadow:none}
.fx-pagehead{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:20px 22px;border-radius:var(--fx-radius);background:var(--fx-grad-soft);border:1px solid var(--fx-line2);box-shadow:var(--fx-shadow)}
.fx-pageico{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--fx-grad);box-shadow:0 6px 16px #7f36fc40}
.fx-pagetitle{flex:1;min-width:0}.fx-pagetitle h2{margin:0;font-size:25px}.fx-pagetitle p{margin:4px 0 0;color:var(--fx-ink2);font-size:14.5px;line-height:1.45}
.fx-back{flex:none;align-self:flex-start;background:#ffffffb0;border:1px solid var(--fx-line2);color:var(--fx-ink2);padding:7px 14px;font-size:13px;box-shadow:none}
@media(min-width:960px){.fx-back{display:none}}
@media(max-width:560px){.fx-pagehead{flex-wrap:wrap;padding:16px}.fx-back{order:-1;width:100%;text-align:left;align-self:stretch}.fx-pagetitle h2{font-size:22px}}

.fx-steps{display:flex;flex-direction:column;gap:16px;counter-reset:fxstep}
.fx-step{position:relative;counter-increment:fxstep;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-radius);padding:20px 22px 20px 70px;box-shadow:var(--fx-shadow)}
.fx-step::before{content:counter(fxstep);position:absolute;left:20px;top:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:var(--fx-grad);box-shadow:0 3px 10px #7f36fc40}
.fx-steptitle{margin:3px 0 12px;font-size:17px}
@media(max-width:620px){.fx-step{padding:56px 16px 16px}.fx-step::before{left:16px;top:14px}.fx-steptitle{position:absolute;left:58px;top:18px;margin:0}}
.fx-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 2px 0}
.fx-primary,button.fx-primary{min-height:50px;padding:0 30px;border:0;border-radius:14px;color:#fff;font-size:16px;font-weight:750;background:var(--fx-grad);box-shadow:0 8px 20px #7f36fc40;cursor:pointer;transition:transform .12s,box-shadow .12s,opacity .12s}
.fx-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #5b1fc455}
.fx-primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed;background:var(--fx-grad)}

/* form controls */
.profile-form label{font-size:14px;color:var(--fx-ink2)}
.profile-form input:not([type=radio]):not([type=checkbox]):not([type=file]),.profile-form select,.profile-form textarea,#healthModel,#healthWho{min-height:46px;border:1.5px solid var(--fx-line2);border-radius:var(--fx-radius-sm);background:#fff;padding:10px 13px;color:var(--fx-ink);transition:border-color .12s,box-shadow .12s}
.profile-form input:focus,.profile-form select:focus,#healthModel:focus,#healthWho:focus{outline:0;border-color:var(--fx-orange);box-shadow:0 0 0 4px #f4842a24}
.felixa-fieldset{border:0;padding:0;margin:0;gap:10px}
.felixa-fieldset legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fx-muted);float:left;width:100%}
.felixa-fieldset legend+*{clear:both}
.felixa-fieldset:disabled{opacity:.5}
.felixa-fieldset .felixa-legend2{margin-top:14px}
/* radio options as tidy selectable rows */
.profile-form label.felixa-radio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:#fbf9fe;cursor:pointer;font-weight:550;color:var(--fx-ink);transition:border-color .12s,background .12s}
.profile-form label.felixa-radio:hover{border-color:var(--fx-line2)}
.profile-form label.felixa-radio:has(input:checked){border-color:var(--fx-orange);background:#ebdffc;box-shadow:0 0 0 3px #f4842a1c}
.felixa-radio input[type=radio]{accent-color:var(--fx-orange);width:18px;height:18px}
#healthSourceSet,#healthLevelSet{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#healthSourceSet legend,#healthLevelSet legend{grid-column:1/-1;margin-bottom:0}
#healthLevelSet #healthSensRow{grid-column:1/-1}
@media(max-width:620px){#healthSourceSet,#healthLevelSet{grid-template-columns:1fr}}
#healthLevelSet label.felixa-radio{align-items:flex-start;flex-wrap:nowrap}
#healthLevelSet label.felixa-radio small{margin-left:0!important;display:block;font-weight:450;line-height:1.45;margin-top:4px}
#healthEngines{display:grid;gap:10px}
#healthEngines label.felixa-radio{align-items:flex-start}
#healthEngines label.felixa-radio small{flex-basis:100%;margin-left:30px;font-weight:450}

.felixa-drop{border:2px dashed #a274e7;border-radius:var(--fx-radius);background:linear-gradient(180deg,#f9f6fe,#eee4fd);padding:34px 18px;transition:border-color .15s,background .15s,transform .15s}
.felixa-drop:hover,.felixa-drop.over{border-color:var(--fx-orange);background:#e5d5fc}.felixa-drop.over{transform:scale(1.01)}
.felixa-drop svg{color:var(--fx-orange)}
.felixa-btn,a.felixa-btn{border-radius:12px;padding:11px 20px;font-weight:700;background:var(--fx-grad);box-shadow:0 6px 16px #5b1fc436;color:#fff}

/* detection, notices, chips */
.felixa-detect{border-radius:var(--fx-radius-sm);padding:11px 15px}
.felixa-how{border-radius:var(--fx-radius-sm);background:#ede2fd;border:1px solid var(--fx-line2)}
.felixa-chip{border-radius:999px;border:1px solid var(--fx-line2);background:#ede2fd;color:var(--fx-ink2);padding:6px 14px}
.felixa-pick-fold{background:#fbf9fe;border-color:var(--fx-line2);border-radius:var(--fx-radius-sm)}
.felixa-scraper{border-radius:14px}
.felixa-cost{border-radius:var(--fx-radius-sm);background:#efe6fd}
.felixa-compare-table th{color:var(--fx-muted)}

/* results */
#healthResult,#scrapeResult,#vibeResult{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-radius);padding:22px;margin-top:18px;box-shadow:var(--fx-shadow)}
#healthResult h3,#scrapeResult h3{margin-top:22px;padding-bottom:6px;border-bottom:2px solid var(--fx-line)}
#healthResult .health-top h3{border:0;margin-top:0}
.health-ring{width:96px;height:96px}
.felixa-chart{border-radius:var(--fx-radius-sm);background:#fbf9fe}
.felixa-comment{border-radius:var(--fx-radius-sm);background:#fbf9fe}
.felixa-history{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-radius);padding:6px 20px 16px;margin-top:18px;box-shadow:var(--fx-shadow)}
.felixa-history>summary{font-size:16px;padding:14px 0}
.db-file{border-radius:var(--fx-radius-sm)}
.felixa-int{border-radius:var(--fx-radius);background:var(--fx-card);box-shadow:var(--fx-shadow)}

/* ---------- home ---------- */
.fx-home{max-width:1060px;margin:0 auto;display:block;text-align:left;padding:0}
.fx-hero{display:flex;align-items:center;gap:22px;padding:26px 28px;margin-bottom:22px;border-radius:24px;background:var(--fx-grad);color:#fff;box-shadow:0 18px 40px #5b1fc436;position:relative;overflow:hidden}
.fx-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:#ffffff1f}
.fx-hero-logo{flex:none;width:92px;height:auto;background:#fff;border-radius:22px;padding:10px;box-shadow:0 10px 24px #0003;position:relative;z-index:1}
.fx-hero h2{margin:0;color:#fff;font-size:clamp(24px,3.2vw,34px);line-height:1.15;position:relative;z-index:1;-webkit-text-fill-color:#fff;background:none}
.fx-hero p{margin:8px 0 0;color:#f2eafd;font-size:16px;max-width:560px;position:relative;z-index:1}
@media(max-width:560px){.fx-hero{flex-direction:column;align-items:flex-start;padding:22px}}
.fx-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.fx-tool{display:flex;align-items:center;gap:16px;text-align:left;min-height:104px;padding:18px 20px;border-radius:20px;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);box-shadow:var(--fx-shadow);cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}
.fx-tool:hover{transform:translateY(-3px);box-shadow:var(--fx-shadow-hover);border-color:var(--fx-line2);background:var(--fx-card)}
.fx-tool-ico{flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px #0002}
.fx-tool[data-tone="amber"] .fx-tool-ico{background:linear-gradient(135deg,#7f39e9,#7a33e5)}
.fx-tool[data-tone="orange"] .fx-tool-ico{background:linear-gradient(135deg,#7f39e7,#7e39e5)}
.fx-tool[data-tone="red"] .fx-tool-ico{background:linear-gradient(135deg,#7e39e5,#ef3b4a)}
.fx-tool-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.fx-tool-text strong{font-size:18px}.fx-tool-text small{font-size:13.5px;font-weight:450;color:var(--fx-muted);line-height:1.4}
.fx-tool-go{flex:none;font-size:22px;color:var(--fx-line2);transition:transform .14s,color .14s}
.fx-tool:hover .fx-tool-go{transform:translateX(4px);color:var(--fx-orange)}
.fx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
@media(max-width:620px){.fx-stats{grid-template-columns:1fr}}
.fx-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 20px;border-radius:18px;background:var(--fx-grad-soft);border:1px solid var(--fx-line2);text-decoration:none;color:var(--fx-ink);cursor:pointer;text-align:left;box-shadow:none;transition:transform .12s}
.fx-stat:hover{transform:translateY(-2px)}
.fx-stat b{font-size:30px;line-height:1.1;background:var(--fx-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-stat span{font-size:13.5px;color:var(--fx-ink2);font-weight:550}
.fx-stat[hidden]{display:none}

/* the old pages (dashboard, about, admin) share the new header colours */
.dashboard-header{background:var(--fx-grad)!important;color:#fff}
.dashboard-header h1,.dashboard-header p{color:#fff}
@media(prefers-reduced-motion:reduce){.fx-tool,.fx-stat,.fx-primary,.felixa-drop{transition:none}}
body .side-nav .side-link[data-ico="home"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="upload"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5'/%3E%3Cpath d='M4 16v4h16v-4'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="scrape"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-5.4A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="vibe"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h3l3-8 4 16 3-8h5'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="health"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.4-9-9.2C1.8 8 4 5 7 5c2 0 3.4 1 5 3 1.6-2 3-3 5-3 3 0 5.2 3 4 6.8-2 4.8-9 9.2-9 9.2z'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="goals"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="people"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.6-3.5 3.2-5.5 6.5-5.5s5.9 2 6.5 5.5M16 4.8a3.5 3.5 0 0 1 0 6.4M18 14.8c2 .6 3.3 2.3 3.5 5.2'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="assess"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6v3H9z'/%3E%3Cpath d='M7 5H5v16h14V5h-2M9 14l2 2 4-4'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="chat"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-5.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="dash"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="insights"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V10M12 20V4M19 20v-8'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="reports"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="database"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='8' ry='3'/%3E%3Cpath d='M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="library"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3z'/%3E%3Cpath d='M8 8h7M8 12h7'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="toolbox"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M9 8V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="key"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.8 12.2 20 3M16 7l3 3'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="settings"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="about"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="admin"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E")}
body .side-nav .side-link[data-ico="logout"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}/* layout fixes for the older screens' flex rules */
body .app-shell>.side-nav{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
body .app-shell>.side-nav .side-nav-top,body .app-shell>.side-nav .side-nav-bottom{flex-direction:column;flex-wrap:nowrap;width:100%}
body main #endScreen,body main #endScreen.active{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto;min-height:100%;background:none}
body main #endScreen:not(.active){display:none}
body #felixaHome.fx-home{width:100%;max-width:1060px;margin:0 auto;align-self:center}

#healthLevelSet label.felixa-radio{display:grid;grid-template-columns:20px 1fr;column-gap:12px;row-gap:3px;align-items:start}
#healthLevelSet label.felixa-radio input{grid-row:1/3;margin-top:2px}
#healthLevelSet label.felixa-radio strong{font-size:16px}
#healthLevelSet label.felixa-radio small{margin:0!important;grid-column:2}
#healthEngines label.felixa-radio{display:grid;grid-template-columns:20px 1fr auto;column-gap:12px;row-gap:2px;align-items:center}
#healthEngines label.felixa-radio input{grid-row:1/3}
#healthEngines label.felixa-radio small{grid-column:2;margin:0!important;flex-basis:auto}
#healthEngines label.felixa-radio .felixa-chip{grid-column:3;grid-row:1/3}
#healthLevelSet label.felixa-radio,#healthEngines label.felixa-radio{align-content:start}
@media(max-width:560px){
  .fx-hero{flex-direction:row;align-items:center;gap:14px;padding:18px;border-radius:20px}
  .fx-hero-logo{width:62px;border-radius:16px;padding:7px}
  .fx-hero h2{font-size:21px}.fx-hero p{font-size:14px;margin-top:5px}
  .fx-tool{min-height:88px;padding:14px 16px;gap:14px}.fx-tool-ico{width:50px;height:50px;border-radius:15px}.fx-tool-text strong{font-size:16.5px}.fx-tool-text small{font-size:13px}
  .fx-stats .fx-stat{padding:12px 16px}
}
.fx-pagehead{flex-direction:row;align-items:center;justify-content:flex-start}
@media(max-width:560px){.fx-pagehead{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 16px}.fx-pageico{width:46px;height:46px;border-radius:14px}.fx-pagetitle{flex:1 1 0;min-width:0}.fx-back{flex:1 0 100%;order:-1;margin-bottom:2px}}
.felixa-drop strong{word-break:normal;overflow-wrap:anywhere}
.felixa-radio input[type=datetime-local]{width:auto;min-width:210px;flex:1 1 210px}
.profile-form label.felixa-radio:has(input[type=datetime-local]){align-items:center}
#healthTimeSet,#vibeTimeSet{margin-top:4px}

/* dashboard: workspace and recent analyses */
.fx-dash{display:block;margin:0 0 20px}
@media(max-width:820px){.fx-dash{grid-template-columns:1fr}}
.fx-wscard,.fx-recent{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-radius);padding:18px 20px;box-shadow:var(--fx-shadow)}
.fx-ws-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fx-ws-kind{display:inline-block;padding:3px 12px;border-radius:99px;background:var(--fx-grad);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.fx-head select,.fx-ws-head select{min-height:36px;padding:0 10px;border:1.5px solid var(--fx-line2);border-radius:10px;background:#fff;font:inherit;font-size:13px;max-width:60%}
.fx-wscard h3{margin:10px 0 6px;font-size:21px}.fx-wscard ul{margin:0 0 8px;padding-left:18px;color:var(--fx-ink2);font-size:14px;line-height:1.55}
.fx-ws-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fx-ws-actions a.felixa-chip{text-decoration:none;display:inline-flex;align-items:center}
.fx-recent-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.fx-recent-head h3{margin:0;font-size:17px}
.fx-recent-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:transparent;text-align:left;box-shadow:none;cursor:pointer;font-weight:400}
.fx-recent-row:hover{background:#ede2fd}
.fx-recent-score{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}
.fx-recent-score.good{background:linear-gradient(135deg,#5d329d,#9066cf)}.fx-recent-score.fair{background:linear-gradient(135deg,#6e1aec,#6a13ec)}.fx-recent-score.bad{background:linear-gradient(135deg,#dc3545,#e25563)}
.fx-recent-text{display:flex;flex-direction:column;min-width:0}.fx-recent-text strong{font-size:14.5px;color:var(--fx-ink)}.fx-recent-text small{color:var(--fx-muted);font-size:12.5px}
.fx-goalchips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.fx-goalchip{padding:3px 11px;border-radius:99px;background:#e5d5fc;color:#381b64;font-size:12.5px;font-weight:650;border:1px solid #c6adec}

/* first visit with no workspace yet: a welcome page that leads to "Set up your first workspace" */
.fx-first{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:24px;padding:30px clamp(20px,4vw,40px);box-shadow:var(--fx-shadow);text-align:left}
.fx-first h3{margin:0 0 10px;font-size:clamp(22px,3.5vw,28px)}.fx-first p{margin:0 0 14px;color:var(--fx-ink2);font-size:16px;line-height:1.6;max-width:640px}
.fx-first ol{margin:0 0 20px;padding-left:22px;color:var(--fx-ink2);line-height:1.9;font-size:15.5px}
.fx-first-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fx-first .fx-btn{min-height:54px;padding:0 32px;border-radius:16px;color:#fff;font-size:17px;font-weight:750;background:var(--fx-grad);box-shadow:0 10px 24px #7f36fc40;text-decoration:none;display:inline-flex;align-items:center}
.fx-welcomemode .fx-tools,.fx-welcomemode .fx-stats,.fx-welcomemode #fxDash,.fx-welcomemode .fx-homegrid{display:none}
.fx-first[hidden]{display:none}

/* dashboard cards: Analyze leads; hubs */
.fx-tools-main{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.fx-tools-main #optAnalyze{grid-column:1/-1;min-height:120px;background:linear-gradient(135deg,#ede2fd,#e1cffb);border-color:var(--fx-line2)}
.fx-tools-main #optAnalyze .fx-tool-text strong{font-size:22px}.fx-tools-main #optAnalyze .fx-tool-ico{width:68px;height:68px;border-radius:20px}
.fx-tools-hub{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.fx-tool-text strong .fx-badge{display:table;margin:5px 0 0;font-size:11px}
.fx-tool[hidden],.fx-badge[hidden]{display:none}
a.fx-tool{text-decoration:none}
.fx-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:14px;color:var(--fx-muted)}.fx-flow b{color:var(--fx-ink);padding:5px 14px;border-radius:99px;background:var(--fx-grad-soft);border:1px solid var(--fx-line2)}.fx-flow span:not([aria-hidden]){padding:5px 14px}
.fx-hub-recent{margin-top:18px}
#importDone{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.felixa-btn.ghostlink{background:#fff;color:var(--fx-ink2);border:1.5px solid var(--fx-line2);box-shadow:none}
#importDone[hidden]{display:none!important}
#scrapeResult .fx-primary{margin:6px 8px 6px 0}

.fx-trend{margin-top:22px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2)}
.fx-trend h3{margin:0 0 6px;font-size:16px}
.fx-welcomemode .fx-trend{display:none}

.fx-stepnav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fx-stepnav[hidden],.fx-stepnav [hidden]{display:none}
#healthForm .fx-step[hidden]{display:none}
.fx-step[data-n]::before{content:attr(data-n)}

.fx-block{margin:0 0 26px}
.fx-blocktitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-size:19px;color:var(--fx-ink)}
.fx-blocktitle small{font-size:13.5px;font-weight:500;color:var(--fx-muted);flex-basis:100%;margin:-6px 0 0 46px}
.fx-blocknum{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fx-grad);color:#fff;font-weight:800;font-size:15px;box-shadow:0 3px 8px rgba(224,100,40,.28)}
.fx-block .fx-tools-hub{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.fx-block:first-of-type .fx-tool{background:linear-gradient(135deg,#fff,#efe5fd)}

.fx-focus{margin:18px 0;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#fff,#ede2fd);border:1px solid var(--fx-line2)}
.fx-focus h3{margin:0 0 6px}
.fx-question{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--fx-line2)}
.fx-question h4{margin:0 0 6px;font-size:16px}
.fx-finding{margin:8px 0 12px}.fx-finding p{margin:4px 0}.fx-finding ul{margin:4px 0 4px 20px;padding:0}
.fx-level{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;color:#fff;background:#5d329d}
.fx-level.noticeable{background:#5a10c9}.fx-level.high{background:#DC3545}
.fx-qinputs{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.fx-suggest{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.fx-suggest button{border:1px solid var(--fx-line2);background:#fff;border-radius:99px;padding:6px 14px;cursor:pointer;font-size:13.5px}

/* Goals tab */
.fx-gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0 0 26px}
.fx-qcard small{display:block;margin-top:4px}
.fx-time{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;background:var(--fx-grad-soft);border:1px solid var(--fx-line2);color:var(--fx-ink2)}
.fx-last{font-size:12.5px;color:var(--fx-muted);margin-top:6px}
.fx-prof{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}
.fx-pcard{padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2)}
.fx-phead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fx-phead h4{margin:0;font-size:16px}
.fx-pval{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.fx-pval .fx-goalchip,.fx-pval em{font-style:normal}
.fx-pform{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.fx-pform label.fx-cb{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border:1px solid var(--fx-line2);border-radius:12px;cursor:pointer}
.fx-pform label.fx-cb span{font-size:14px}
.fx-pform input[type=text],.fx-pform select{width:100%;padding:10px 12px;border:1px solid var(--fx-line2);border-radius:12px;font:inherit;background:#fff}
.fx-pform .fx-row{display:flex;gap:10px;flex-wrap:wrap}
.fx-quiz{padding:22px;border-radius:20px;background:linear-gradient(135deg,#fff,#ede2fd);border:1px solid var(--fx-line2);margin-bottom:24px}
.fx-quiz h3{margin:0 0 4px}
.fx-qbar{height:8px;border-radius:99px;background:#dfd5ef;margin:10px 0 16px;overflow:hidden}.fx-qbar i{display:block;height:100%;background:var(--fx-grad);transition:width .2s}
.fx-qopts{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.fx-qopt{text-align:left;padding:13px 16px;border-radius:14px;border:1px solid var(--fx-line2);background:#fff;cursor:pointer;font:inherit;font-size:15px}
.fx-qopt:hover,.fx-qopt.on{border-color:#8247db;background:#f2eafd}
.fx-qres{display:flex;flex-direction:column;gap:10px}

.fx-homegrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:18px 0 0;align-items:stretch}
@media(max-width:820px){.fx-homegrid{grid-template-columns:1fr}}
.fx-homegrid .fx-trend{margin:0}
.fx-homegrid .fx-recent{background:#fff;border:1px solid var(--fx-line2);border-radius:18px;padding:18px 22px}
/* the workplace card */
.fx-wscard{padding:0;overflow:hidden}
.fx-wp-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;background:linear-gradient(135deg,#ebdffc,#dcc8fb)}
.fx-wp-top h3{margin:0;font-size:22px}.fx-wp-top .fx-wp-sub{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.fx-wp-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--fx-grad)}
.fx-wp-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fx-wp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;padding:16px 22px 20px}
.fx-wp-tile{border-radius:16px;padding:14px 16px;background:var(--t-bg,#f2eafd);border:1px solid var(--t-bd,#c6adec)}
.fx-wp-tile h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--t-fg,#451d81)}
.fx-wp-tile h4 svg{flex:none}
.fx-wp-tile ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:var(--fx-ink)}
.fx-wp-tile .fx-chip{display:inline-block;margin:0 6px 6px 0;padding:3px 11px;border-radius:99px;font-size:12.5px;font-weight:650;background:#fff;color:var(--t-fg);border:1px solid var(--t-bd)}
.fx-wp-tile .fx-none{color:var(--fx-muted);font-size:13px;margin:0}
.tone-red{--t-bg:#fff1ee;--t-bd:#f6c7bd;--t-fg:#b4382a}
.tone-green{--t-bg:#f3eff9;--t-bd:#cfc2e3;--t-fg:#452673}
.tone-amber{--t-bg:#ede2fd;--t-bd:#c6adec;--t-fg:#451d81}
.tone-orange{--t-bg:#ede2fd;--t-bd:#c8acf2;--t-fg:#531ba8}
.tone-teal{--t-bg:#efeaf7;--t-bd:#c8b8e0;--t-fg:#3c1e69}
.tone-violet{--t-bg:#f3effd;--t-bd:#d6c9f4;--t-fg:#5b3fb0}
.fx-find{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px dashed var(--t-bd)}.fx-find:first-of-type{border-top:0;padding-top:0}
.fx-find b{font-size:13.5px}.fx-find span{display:block;font-size:13px;color:var(--fx-ink2);line-height:1.4}
.fx-find .fx-dot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--t-fg);color:#fff;font-size:12px;margin-top:1px}
.fx-find .fx-dot.todo{background:#fff;color:var(--t-fg);border:1.5px dashed var(--t-fg)}
.fx-find a,.fx-find button.fx-link{background:none;border:0;padding:0;color:var(--t-fg);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;box-shadow:none}

/* Goals tab, coloured and icon-led */
.fx-gh{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-size:18px;color:var(--fx-ink)}
.fx-gh-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--t-fg,#8247db)}
.fx-gcards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.fx-qtile{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border-radius:20px;border:1px solid var(--t-bd);background:linear-gradient(135deg,#fff,var(--t-bg));cursor:pointer;font:inherit;box-shadow:none;transition:transform .12s,box-shadow .12s}
.fx-qtile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.07)}
.fx-qico{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:var(--t-fg)}
.fx-qtext{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.fx-qtext strong{font-size:16px;color:var(--fx-ink)}.fx-qtext small{font-size:13px;color:var(--fx-ink2)}
.fx-qmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}
.fx-qtile .fx-time{margin:0;background:#fff;border-color:var(--t-bd);color:var(--t-fg)}
.fx-done{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#452673;background:#ebe4f5;border-radius:99px;padding:2px 9px}
.fx-qtile .fx-tool-go{color:var(--t-fg)}
.fx-pcard{border-left:6px solid var(--t-fg,#8247db);background:linear-gradient(135deg,#fff,var(--t-bg,#f2eafd));border-color:var(--t-bd,#c6adec);border-left-color:var(--t-fg,#8247db)}
.fx-pico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:var(--t-fg,#8247db);flex:none}
.fx-phead{justify-content:flex-start}.fx-phead h4{flex:1}
.fx-pcard .fx-goalchip{background:#fff;color:var(--t-fg);border-color:var(--t-bd)}
.fx-none{color:var(--fx-muted);font-size:13px}
.fx-edit{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:99px;border:1px solid var(--t-bd,#c6adec);background:#fff;color:var(--t-fg,#451d81);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none}
.fx-edit:hover{background:var(--t-bg)}
.fx-line{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:13.5px;color:var(--fx-ink2)}
.fx-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;padding:10px 14px;border-radius:14px;background:#fff;border:1px dashed var(--t-fg)}
.fx-code b{font-size:18px;letter-spacing:.12em;color:var(--t-fg)}
.fx-req{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--t-bd)}
.fx-pform{padding-top:10px;border-top:1px dashed var(--t-bd)}
.fx-quiz{border-color:var(--t-bd,#c6adec)}

.fx-wtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:6px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2)}
.fx-wtab{display:inline-flex;align-items:center;gap:6px;flex:1 1 120px;justify-content:center;padding:11px 14px;border-radius:13px;border:1px solid transparent;background:transparent;color:var(--t-fg);font:inherit;font-weight:700;cursor:pointer;box-shadow:none}
.fx-wtab:hover{background:var(--t-bg)}
.fx-wtab.on{background:var(--t-fg);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.fx-wpanel[hidden]{display:none}.fx-wpanel .fx-gcards{margin-top:6px}

/* Home: the workplace header */
.fx-wscard{position:relative;border:0;background:linear-gradient(120deg,#f0e8fd 0%,#e3d3fb 55%,#d5bdfa 100%);box-shadow:0 10px 30px rgba(224,110,40,.16)}
.fx-wscard::before,.fx-wscard::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.fx-wscard::before{width:220px;height:220px;right:-60px;top:-90px;background:radial-gradient(circle,rgba(255,170,90,.38),transparent 70%)}
.fx-wscard::after{width:160px;height:160px;left:30%;bottom:-100px;background:radial-gradient(circle,rgba(255,120,80,.2),transparent 70%)}
.fx-wp-top{position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 26px;background:none}
.fx-wp-ico{flex:none;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4);box-shadow:0 8px 18px rgba(127,54,252,.32),inset 0 0 0 3px rgba(255,255,255,.35)}
.fx-wp-main{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1 1 260px}
.fx-wp-main h3{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.01em;color:#211337}
.fx-wp-sub{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.fx-wp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.78);border:1px solid rgba(240,170,90,.5);color:#361764;font-size:13px;font-weight:650;backdrop-filter:blur(4px)}
.fx-wp-chip svg{color:#7638d2}
.fx-wp-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fx-wp-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:14px;border:1px solid rgba(240,170,90,.55);background:rgba(255,255,255,.85);color:#361764;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:none;transition:transform .12s,box-shadow .12s,background .12s}
.fx-wp-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 6px 14px rgba(224,110,40,.18)}
.fx-wp-btn.primary{background:linear-gradient(135deg,#7a33e5,#5b1fc4);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(127,54,252,.3)}
.fx-wp-btn.primary:hover{background:linear-gradient(135deg,#8b4de9,#f25c47)}
.fx-wp-btn.danger{background:transparent;border-color:transparent;color:#a8402e;font-weight:600}
.fx-wp-btn.danger:hover{background:rgba(220,53,69,.1);box-shadow:none}
.fx-wp-actions select{min-height:40px;padding:0 12px;border:1px solid rgba(240,170,90,.55);border-radius:14px;background:rgba(255,255,255,.85);font:inherit;font-size:13.5px;max-width:240px}
@media(max-width:700px){.fx-wp-top{padding:18px}.fx-wp-ico{width:52px;height:52px}.fx-wp-main h3{font-size:23px}.fx-wp-actions{margin-left:0;width:100%}}

/* organization, team and community questions */
.fx-wform{display:flex;flex-direction:column;gap:18px}
.fx-wform .fx-field{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:14.5px}
.fx-wform input[type=text],.fx-wform select,.fx-msearch,.fx-mother{width:100%;padding:11px 14px;border:1.5px solid var(--fx-line2,#c6adec);border-radius:14px;font:inherit;font-weight:400;background:#fff;box-sizing:border-box}
.fx-multi{position:relative;display:flex;flex-direction:column;gap:6px}
.fx-mlabel{font-weight:650;font-size:14.5px}
.fx-mctl{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:46px;padding:7px 12px;border:1.5px solid var(--fx-line2,#c6adec);border-radius:14px;background:#fff;cursor:pointer;text-align:left;font:inherit;box-shadow:none;width:100%}
.fx-mctl:focus-visible,.fx-mctl[aria-expanded=true]{outline:none;border-color:#8247db;box-shadow:0 0 0 3px rgba(232,134,58,.18)}
.fx-mph{color:var(--fx-muted,#654f85);font-weight:400}
.fx-mchip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 11px;border-radius:99px;background:linear-gradient(135deg,#e5d5fc,#dcc8fb);color:#361764;font-size:13px;font-weight:650;border:1px solid #c6adec}
.fx-mx{cursor:pointer;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.08);font-size:14px;line-height:1}
.fx-mx:hover{background:rgba(220,53,69,.25)}
.fx-mcaret{margin-left:auto;color:#7557a1}
.fx-mpanel{position:absolute;z-index:30;top:100%;left:0;right:0;margin-top:6px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--fx-line2,#c6adec);box-shadow:0 14px 34px rgba(60,30,0,.18)}
.fx-mpanel[hidden]{display:none}
.fx-mlist{max-height:260px;overflow:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px}
.fx-mrow{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:400;font-size:14.5px}
.fx-mrow:hover{background:#ede2fd}
.fx-mgroup{margin:10px 0 2px;padding:0 10px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#531ba8}
.fx-mnone{padding:10px;color:var(--fx-muted)}
.fx-motherwrap[hidden]{display:none}
.fx-mhint{color:var(--fx-muted,#654f85);font-weight:400}
.fx-radios{border:1.5px solid var(--fx-line2,#c6adec);border-radius:16px;padding:10px 14px 12px;margin:0;display:flex;flex-direction:column;gap:6px}
.fx-radios legend{font-weight:650;font-size:14.5px;padding:0 6px}
.fx-rrow{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:500}
.fx-rrow:hover{background:#ede2fd}
.fx-orgbox{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:16px;background:#f4edfe;border:1px dashed #c6adec}
.fx-orgbox[hidden]{display:none}
.fx-reuse{margin:0;color:#361764;font-weight:600}
.fx-dyn{display:flex;flex-direction:column;gap:18px}

.fx-wform [hidden],.fx-multi [hidden]{display:none!important}
.fx-wform{margin-top:18px}

/* the short setup animation */
.fx-setup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:10px 0 6px}
.fx-setup h1{margin:6px 0 0}
.fx-setup-ring{position:relative;width:84px;height:84px;border-radius:50%;background:conic-gradient(from 0deg,#7a33e5,#5b1fc4,#7a33e5);animation:fxspin 1.4s linear infinite;display:grid;place-items:center}
.fx-setup-ring span{width:66px;height:66px;border-radius:50%;background:#fff}
@keyframes fxspin{to{transform:rotate(360deg)}}
.fx-setup-list{list-style:none;margin:10px 0 4px;padding:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.fx-setup-item{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--fx-muted,#654f85);opacity:.45;transition:opacity .4s,color .4s,transform .4s;transform:translateX(-6px)}
.fx-setup-item.on{opacity:1;color:#211337;font-weight:650;transform:none}
.fx-setup-dot{width:22px;height:22px;border-radius:50%;border:2px solid #c6adec;display:grid;place-items:center;font-size:13px;color:#fff;transition:background .3s,border-color .3s}
.fx-setup-item.on .fx-setup-dot{background:#5d329d;border-color:#5d329d}.fx-setup-item.on .fx-setup-dot::after{content:"\2713"}
.fx-setup-bar{width:100%;max-width:360px;height:8px;border-radius:99px;background:#dfd5ef;overflow:hidden;margin-top:8px}
.fx-setup-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7a33e5,#5b1fc4);transition:width .6s ease}
@media(prefers-reduced-motion:reduce){.fx-setup-ring{animation:none}.fx-setup-item,.fx-setup-bar i{transition:none}}

/* the dashboard */
.fx-dashmode .fx-hero{display:none}
.fx-wp-line{margin:0;color:#4b3074;font-size:15px;font-weight:550}
.fx-dstats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 26px 22px}
@media(max-width:820px){.fx-dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fx-dstat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid var(--t-bd);box-shadow:0 4px 14px rgba(120,70,10,.08)}
.fx-dstat-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:var(--t-fg);margin-bottom:6px}
.fx-dstat b{font-size:34px;line-height:1.05;color:var(--fx-ink)}.fx-dstat b.fx-small{font-size:21px;line-height:1.3}
.fx-dstat span:not(.fx-dstat-ico){font-size:14px;font-weight:650;color:var(--t-fg)}.fx-dstat small{font-size:12px;color:var(--fx-muted)}
.fx-nudge{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0 0;padding:20px 24px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#532894,#7448b7 60%,#a282d2);box-shadow:0 12px 28px rgba(31,157,85,.28);position:relative;overflow:hidden}
.fx-nudge::after{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.16)}
.fx-nudge-ico{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.22);color:#fff}
.fx-nudge-text{flex:1 1 260px;min-width:0}.fx-nudge-text strong{display:block;font-size:20px}.fx-nudge-text p{margin:4px 0 0;font-size:14.5px;opacity:.95}
.fx-nudge-btn{position:relative;z-index:1;padding:13px 20px;border-radius:14px;border:0;background:#fff;color:#432078;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .12s}
.fx-nudge-btn:hover{transform:translateY(-2px)}
.fx-nudge.done{display:block;color:var(--fx-ink);background:linear-gradient(120deg,#f3eff9,#fff);border:1px solid #cfc2e3;box-shadow:none}.fx-nudge.done::after{display:none}
.fx-nudge-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fx-nudge-head strong{flex:1;font-size:17px}
.fx-nudge.done .fx-nudge-ico{width:40px;height:40px;border-radius:12px;background:#532894}
.fx-nudge-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.fx-nudge-q{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #cfc2e3;color:#452673;font-size:13.5px;font-weight:600}
.fx-structure{margin-top:18px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--fx-line2)}
.fx-st-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.fx-st-head h3{margin:0;font-size:19px}
.fx-st-root{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#f0e8fd,#e3d3fb)}
.fx-st-root strong{display:block;font-size:17px}.fx-st-root small{color:var(--fx-muted)}
.fx-st-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4)}
.fx-st-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}
.fx-st-col{padding:14px 16px;border-radius:16px;border:1px solid var(--fx-line2);background:#fbf9fe}
.fx-st-col h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;color:#531ba8}
.fx-st-item{display:block;padding:7px 10px;margin-top:4px;border-radius:10px;background:#ede2fd;font-size:14.5px;font-weight:600;color:#281446}
.fx-getstarted{margin-top:26px}
.fx-gs-title{margin:0 0 14px;font-size:22px}
.fx-gs-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.fx-gs-big{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:22px 24px;border-radius:22px;border:1px solid var(--fx-line2);background:#fff;color:var(--fx-ink);font:inherit;cursor:pointer;box-shadow:none;transition:transform .12s,box-shadow .12s}
.fx-gs-big:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(120,70,10,.14)}
.fx-gs-big strong{font-size:21px}.fx-gs-big small{font-size:14.5px;opacity:.85;min-height:2.6em}
.fx-gs-bigico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-bottom:6px;color:#7638d2;background:#ece0fd}
.fx-gs-go{margin-top:8px;padding:9px 18px;border-radius:12px;font-weight:800;background:#ece0fd;color:#531ba8}
.fx-gs-big.primary{border:0;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4);box-shadow:0 12px 28px rgba(127,54,252,.3)}
.fx-gs-big.primary .fx-gs-bigico{background:rgba(255,255,255,.25);color:#fff}.fx-gs-big.primary .fx-gs-go{background:#fff;color:#c4361f}
.fx-gs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}
.fx-gs-tile{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--t-bd);background:linear-gradient(135deg,#fff,var(--t-bg));color:var(--fx-ink);text-decoration:none;font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:transform .12s,box-shadow .12s}
.fx-gs-tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(120,70,10,.12)}
.fx-gs-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:var(--t-fg)}
.fx-gs-text{display:flex;flex-direction:column;min-width:0;flex:1}.fx-gs-text strong{font-size:17px}.fx-gs-text small{font-size:13.5px;color:var(--fx-ink2)}
.fx-gs-tile .fx-tool-go{color:var(--t-fg)}
.fx-gs-tile[data-tone=green]{--t-bg:#f3eff9;--t-bd:#cfc2e3;--t-fg:#532894}.fx-gs-tile[data-tone=orange]{--t-bg:#ede2fd;--t-bd:#c8acf2;--t-fg:#7638d2}
.fx-gs-tile[data-tone=violet]{--t-bg:#f3effd;--t-bd:#d6c9f4;--t-fg:#7a5cd0}.fx-gs-tile[data-tone=amber]{--t-bg:#ede2fd;--t-bd:#c6adec;--t-fg:#6928cb}.fx-gs-tile[data-tone=teal]{--t-bg:#efeaf7;--t-bd:#c8b8e0;--t-fg:#522891}
.fx-welcomemode .fx-getstarted,.fx-welcomemode .fx-dash{display:none}
.fx-home{max-width:1100px}

/* People */
.fx-pmode{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px}
.fx-pm{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;border:1.5px solid var(--t-bd);background:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:none;color:var(--fx-ink)}
.fx-pm.on{background:linear-gradient(135deg,#fff,var(--t-bg));border-color:var(--t-fg);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.fx-pm-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--t-fg)}
.fx-pm-text{display:flex;flex-direction:column}.fx-pm-text small{color:var(--fx-ink2);font-size:13px}
.fx-pctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.fx-pctl select,.fx-pctl input[type=date]{padding:9px 12px;border:1.5px solid var(--fx-line2);border-radius:12px;font:inherit;background:#fff}
.fx-pdates{display:flex;align-items:center;gap:6px;font-size:14px}
.fx-pempty{padding:26px;text-align:center;border-radius:22px;background:linear-gradient(135deg,#fff,#ede2fd);border:1px solid var(--fx-line2);margin-bottom:18px}
.fx-pempty-ico{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4)}
.fx-meter{margin:10px auto 0;max-width:420px;text-align:left}.fx-meter-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}
.fx-meter-bar{height:9px;border-radius:99px;background:#dfd5ef;overflow:hidden}.fx-meter-bar i{display:block;height:100%;background:#8247db;transition:width .3s}.fx-meter-bar i.ok{background:#5d329d}
.fx-pstats{padding:0;margin:14px 0}
.fx-conf{padding:14px 18px;border-radius:18px;border:1px solid;margin:0 0 14px}
.fx-conf.conf-high{background:#f3eff9;border-color:#cfc2e3;color:#452673}.fx-conf.conf-medium{background:#ede2fd;border-color:#c6adec;color:#451d81}.fx-conf.conf-low{background:#fff1ee;border-color:#f6c7bd;color:#b4382a}
.fx-conf-head{display:flex;align-items:center;gap:8px;font-size:16px}.fx-conf-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px}.fx-conf-list li{opacity:.7}.fx-conf-list li.met{opacity:1;font-weight:650}
.fx-ptwo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:14px 0}
.fx-pcard2{padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2);margin:14px 0}.fx-pcard2 h4{margin:0 0 10px;font-size:16px}
.fx-brow{display:grid;grid-template-columns:130px 1fr 52px;gap:10px;align-items:center;margin:6px 0;font-size:14px}.fx-bbar{height:10px;border-radius:99px;background:#e7dff2;overflow:hidden}.fx-bbar i{display:block;height:100%;border-radius:99px}.fx-bbar i.pos{background:#5d329d}.fx-bbar i.neg{background:#5b1fc4}
.fx-pp{padding:8px 0;border-top:1px dashed var(--fx-line2)}.fx-pp:first-of-type{border-top:0}.fx-pp-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}.fx-pp ul{margin:6px 0 0 20px;font-size:14px}
.fx-pwarn,.fx-pgood{padding:10px 14px;border-radius:12px;margin:10px 0;font-size:14px}.fx-pwarn{background:#ede2fd;border:1px solid #c6adec;color:#451d81}.fx-pgood{background:#f3eff9;border:1px solid #cfc2e3;color:#452673}
.fx-goodnum{color:#452673}.fx-badnum{color:#b4382a}
.fx-padd{margin-top:22px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#fff,#f3eff9);border:1px solid #cfc2e3}
.fx-srcs{display:flex;flex-direction:column;gap:8px;margin-top:12px}.fx-src{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--fx-line2);font-size:13.5px}
/* data sources catalog */
.fx-sources{margin-bottom:22px}.fx-srch{margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--fx-muted)}
.fx-srcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.fx-srccard{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:16px;border:1px solid var(--t-bd);background:linear-gradient(135deg,#fff,var(--t-bg))}
.fx-srccard.yours{box-shadow:0 0 0 2px var(--t-fg)}
.fx-srctop{display:flex;justify-content:space-between;gap:8px;align-items:center}.fx-srcbadge{padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:800;color:#fff;background:var(--t-fg)}
.fx-yours{font-size:12px;font-weight:700;color:var(--t-fg)}.fx-srccard small{font-size:13px;color:var(--fx-ink2)}.fx-srchow{font-style:italic}.fx-srckeys{font-family:monospace;font-size:11.5px;color:var(--fx-muted)}

.fx-ovw{margin:0 0 16px}.fx-ovw-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.fx-ovw-head h4{margin:0;font-size:16px}
.fx-ovw-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fx-ovw .fx-dstat small{line-height:1.4}

/* Assessments */
.fx-atabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:6px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2)}
.fx-atab{padding:10px 16px;border-radius:13px;border:0;background:transparent;font:inherit;font-weight:700;color:#451d81;cursor:pointer;box-shadow:none}.fx-atab.on{background:linear-gradient(135deg,#7a33e5,#5b1fc4);color:#fff}
.fx-atab.chatlink{margin-left:auto;background:#f3eff9;color:#452673}
.fx-anote{font-size:13px;margin:0 0 12px}.fx-aeyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;color:#7638d2}
.fx-acard{padding:18px 22px;border-radius:20px;background:#fff;border:1px solid var(--fx-line2);margin:14px 0}.fx-acard.good{background:#f3eff9;border-color:#cfc2e3}.fx-acard h3,.fx-acard h4{margin:0 0 10px}
.fx-aitem{padding:12px 0;border-top:1px dashed var(--fx-line2)}.fx-aitem:first-of-type{border-top:0}.fx-astate{margin:0 0 8px;font-weight:600}
.fx-aitem textarea,.fx-aitem input[type=text],.fx-acard textarea{width:100%;padding:10px 12px;border:1.5px solid var(--fx-line2);border-radius:12px;font:inherit;box-sizing:border-box;margin-top:6px}
.fx-achips{display:flex;flex-wrap:wrap;gap:8px}.fx-achips.small .fx-achip{font-size:12.5px;padding:5px 12px;background:#f3eff9}.fx-achips.stack{flex-direction:column;align-items:stretch}
.fx-achip{padding:9px 16px;border-radius:99px;border:1.5px solid var(--fx-line2);background:#fff;font:inherit;font-size:14px;cursor:pointer;box-shadow:none;text-align:left}.fx-achip:hover{border-color:#8247db}.fx-achip.on{background:linear-gradient(135deg,#7a33e5,#5b1fc4);color:#fff;border-color:transparent}
.fx-anav{display:flex;justify-content:space-between;margin-top:14px}
.fx-agames{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.fx-agame{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff,#ede2fd);border:1px solid var(--fx-line2)}.fx-agame.done{background:linear-gradient(135deg,#fff,#f3eff9);border-color:#cfc2e3}
.fx-agame-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ece0fd;font-size:22px}.fx-agame p{margin:0;font-size:14px}
.fx-afeed{margin:12px 0;padding:12px 16px;border-radius:14px;background:#ede2fd;border:1px solid #c6adec}.fx-afeed p{margin:4px 0 0}
.fx-adoms{display:flex;flex-direction:column;gap:12px;margin:12px 0}.fx-adom .fx-meter-bar i{background:#8247db}.fx-adom .fx-meter-bar i.ok{background:#5d329d}.fx-adom .fx-meter-bar i.low{background:#5b1fc4}
.fx-arec{padding:10px 0;border-top:1px dashed var(--fx-line2)}.fx-arec p{margin:4px 0}
/* the assessment chat */
.fx-chat{display:flex;flex-direction:column;gap:12px}
.fx-chathead{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,#f3eff9,#fff);border:1px solid #cfc2e3}.fx-chathead .felixa-chip{margin-left:auto}
.fx-chatav{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7448b7,#532894)}
.fx-chatlog{display:flex;flex-direction:column;gap:10px;min-height:96px;max-height:22vh;overflow:auto;padding:6px 4px}
.fx-bub{max-width:82%;padding:11px 16px;border-radius:18px;font-size:15px;line-height:1.5;white-space:pre-line}.fx-bub p{margin:0}
.fx-bub.vito{align-self:flex-start;background:#fff;border:1px solid var(--fx-line2);border-bottom-left-radius:6px}.fx-bub.me{align-self:flex-end;background:linear-gradient(135deg,#7a33e5,#5b1fc4);color:#fff;border-bottom-right-radius:6px}
.fx-tray{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:#fbf9fe;border:1px solid var(--fx-line2);min-height:48px}.fx-tray input{padding:11px 14px;border:1.5px solid var(--fx-line2);border-radius:12px;font:inherit}
.fx-tray:empty{display:none}
.fx-chathead strong,.fx-chathead small{display:block}

.fx-acard.warn{background:#ede2fd;border-color:#c6adec}

/* Reports hub */
.fx-rtypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px}
.fx-rtype{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:20px;border:1px solid var(--t-bd);background:linear-gradient(135deg,#fff,var(--t-bg))}
.fx-rtype strong{font-size:17px}.fx-rtype p{margin:0;font-size:13.5px;color:var(--fx-ink2);min-height:3.8em}.fx-rtype .fx-primary{margin-top:6px}
.fx-rtype-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:var(--t-fg)}
.fx-rscope{margin-left:auto;font-size:13.5px;display:flex;align-items:center;gap:4px;color:var(--fx-ink2)}
.fx-rcard{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 18px;border-radius:18px;border:1px solid var(--t-bd);background:linear-gradient(135deg,#fff,var(--t-bg));margin:10px 0}
.fx-rtext{flex:1 1 260px;min-width:0}.fx-rtext strong{display:block;font-size:16px}.fx-rbits{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fx-ract{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fx-ract a.felixa-chip{text-decoration:none;display:inline-flex}
.fx-rview-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.fx-rview-bar strong{flex:1;min-width:0}
.fx-rframe{width:100%;height:78vh;border:1px solid var(--fx-line2);border-radius:16px;background:#fff}

/* Insights: conflict and communication */
.cf-card{padding:18px 22px;border-radius:20px;background:#fff;border:1px solid var(--fx-line2,#c6adec);margin:14px 0}.cf-card.good{background:#f3eff9;border-color:#cfc2e3}.cf-card.warm{background:#ede2fd}
.cf-card h3{margin:0 0 10px;font-size:17px}.cf-card ul{margin:0;padding-left:20px}.cf-card li{margin:5px 0}.cf-lead{font-weight:650;margin:0 0 10px}
.cf-bar{display:grid;grid-template-columns:170px 1fr 90px;gap:10px;align-items:center;margin:8px 0;font-size:14px}.cf-bar-track{height:12px;border-radius:99px;background:#e7dff2;overflow:hidden}.cf-bar-track.big{height:14px;margin:10px 0}.cf-bar-track i{display:block;height:100%;border-radius:99px}
.cf-card details{margin:0 0 6px 0;font-size:13.5px}.cf-card summary{cursor:pointer;color:#451d81}.cf-card details p{margin:4px 0 6px 12px}
.cf-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cf-two .cf-card{margin:0}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cf-chip{padding:4px 12px;border-radius:99px;background:#e5d5fc;border:1px solid #c6adec;font-size:13px;font-weight:650;color:#381b64}
.cf-btn{display:inline-block;margin-top:6px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#7a33e5,#5b1fc4);color:#fff;font-weight:700;text-decoration:none}
.cf-filter{display:flex;gap:14px;margin:10px 0 4px;font-size:14px}.cf-filter input{padding:7px 10px;border:1.5px solid var(--fx-line2,#c6adec);border-radius:10px;font:inherit}.cf-note{margin-top:14px}
@media(max-width:620px){.cf-bar{grid-template-columns:1fr}}
/* Insights: what needs help */
.nd-basis{margin:0 0 12px;font-size:13.5px;color:var(--fx-muted,#654f85)}
.nd-card{padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--fx-line2,#c6adec);margin:12px 0}.nd-card h4{margin:0 0 8px;font-size:16px}.nd-card.red{background:#fff1ee;border-color:#f6c7bd}.nd-card.green{background:#f3eff9;border-color:#cfc2e3}.nd-card.amber{background:#ede2fd}.nd-card.violet{background:#f3effd;border-color:#d6c9f4}.nd-card.warm{background:#ede2fd}
.nd-bar{display:grid;grid-template-columns:190px 1fr 44px;gap:10px;align-items:center;margin:7px 0;font-size:14px}.nd-track{height:11px;border-radius:99px;background:#e7dff2;overflow:hidden}.nd-track i{display:block;height:100%;border-radius:99px}
.nd-quote{margin:6px 0;padding:8px 12px;border-left:3px solid #5b1fc4;background:#fff7f5;border-radius:6px;font-size:14px;white-space:pre-wrap}.nd-sub{margin:12px 0 4px;font-weight:700;font-size:13.5px}.nd-card ul{margin:4px 0 0;padding-left:20px}.nd-card li{margin:3px 0;font-size:14px}
.nd-act{padding:8px 0;border-top:1px dashed var(--fx-line2,#c6adec)}.nd-act:first-of-type{border-top:0}.nd-act p{margin:3px 0}
.nd-chips{display:flex;flex-wrap:wrap;gap:8px}.nd-chip{padding:4px 12px;border-radius:99px;background:#fff;border:1px solid var(--fx-line2,#c6adec);font-size:13px;font-weight:650}.nd-chip.amber{background:#e5d5fc}.nd-chip.violet{background:#ece5fb;border-color:#d6c9f4}
.nd-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.nd-two .nd-card{margin:0}
@media(max-width:620px){.nd-bar{grid-template-columns:1fr}}
.nd-sources{margin:12px 0 4px;padding:14px 18px;border-radius:18px;background:#fbf9fe;border:1px solid var(--fx-line2,#c6adec)}.nd-sources strong{display:block;margin-bottom:8px}

.ins-hero #refreshDashboard{margin-left:auto}.fx-gmood .nd-bar{margin:4px 0}

.fx-trayq{margin:0 0 6px;font-size:19px;font-weight:750;line-height:1.4;color:#20192a;white-space:pre-line}.fx-abox .fx-acard.fx-page{height:min(540px,62vh);overflow:auto}

.fx-kindsw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px 26px 16px}
.fx-kindbox{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:20px;border:1.5px solid var(--fx-line2,#c6adec);background:#fff;font:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}
.fx-kindbox:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px rgba(120,80,20,.12)}.fx-kindbox:disabled{opacity:.45;cursor:default}
.fx-kindbox strong{font-size:16px}.fx-kindbox small{color:#554868;font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-kindico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4)}
.fx-kindbox.tone-team .fx-kindico{background:linear-gradient(135deg,#6335a9,#522891)}.fx-kindbox.tone-community .fx-kindico{background:linear-gradient(135deg,#8e6bd8,#6b4c9a)}
.fx-kindbox.on{border-color:#7c3ae0;background:linear-gradient(180deg,#f2eafd,#fff);box-shadow:0 8px 20px rgba(239,138,43,.22)}
.fx-workplace{margin:18px 0 0;padding:18px 22px 22px;border-radius:22px;background:#fff;border:1px solid var(--fx-line2,#c6adec)}.fx-wph{margin:0 0 12px;font-size:20px}
@media(max-width:560px){.fx-kindsw{grid-template-columns:1fr}}

/* assessment chat: the question sits above big, easy-to-hit choices */
.fx-tray{gap:12px;padding:16px 18px}.fx-traynote{margin:0;font-size:13.5px;font-weight:650;color:#5a447b;letter-spacing:.01em}
.fx-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.fx-scalebtn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:16px;border:2px solid transparent;background:#fff;box-shadow:0 2px 8px rgba(120,80,20,.1);font:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s;border-color:color-mix(in srgb,var(--tone) 35%,#fff)}
.fx-scalebtn b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tone);color:#fff;font-size:18px}.fx-scalebtn span{font-size:13px;font-weight:650;color:#382e48;text-align:center;line-height:1.2}
.fx-scalebtn:hover,.fx-scalebtn:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px rgba(120,80,20,.18);border-color:var(--tone);outline:none}.fx-scalebtn.picked{background:var(--tone);border-color:var(--tone);transform:scale(.97)}.fx-scalebtn.picked span{color:#fff}.fx-scalebtn.picked b{background:#fff;color:var(--tone)}
.fx-skiprow{display:flex;gap:10px;justify-content:center}.fx-skip{padding:7px 16px;border-radius:99px;border:1.5px dashed #a994c8;background:transparent;font:inherit;font-size:13.5px;font-weight:650;color:#554868;cursor:pointer}.fx-skip:hover{background:#fff;border-style:solid}.fx-skip.picked{background:#554868;color:#fff}
.fx-opts{display:flex;flex-direction:column;gap:9px}.fx-opts.two{flex-direction:row}.fx-opts.two .fx-opt{flex:1;justify-content:center;text-align:center;font-weight:750}
.fx-opt{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;border:2px solid #c6adec;background:#fff;font:inherit;font-size:15.5px;line-height:1.35;text-align:left;color:#20192a;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}
.fx-opt:hover,.fx-opt:focus-visible{transform:translateY(-2px);border-color:#7c3ae0;box-shadow:0 8px 18px rgba(239,138,43,.18);outline:none}
.fx-optbadge{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#deccf9;color:#491a90;font-weight:800;font-size:14px}.fx-opttext{flex:1}
.fx-optmark{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:2px solid #b49fd4;background:#fff;color:transparent}
.fx-opt.on{border-color:#532894;background:#f3eff9}.fx-opt.on .fx-optmark{background:#532894;border-color:#532894;color:#fff}
.fx-opt.picked{background:linear-gradient(135deg,#7a33e5,#5b1fc4);border-color:transparent;color:#fff;transform:scale(.985)}.fx-opt.picked .fx-optbadge{background:#fff;color:#5b1fc4}
.fx-bigbtn{padding:13px 22px;font-size:16px;border-radius:14px}.fx-inrow{display:flex;gap:10px;align-items:center}.fx-tray input{font-size:16px;padding:13px 16px}
@media(max-width:560px){.fx-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.fx-scalebtn span{font-size:11px}.fx-opts.two{flex-direction:column}}

.fx-orgbar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:14px 26px 0}.fx-orgico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7a33e5,#5b1fc4)}.fx-orgbar strong{font-size:19px;letter-spacing:-.01em}
.fx-kindadd{display:inline-flex;align-items:center;gap:6px;margin:0 26px 14px;font-weight:700;font-size:14px;color:#491a90;text-decoration:none}.fx-kindadd:hover{text-decoration:underline}
.fx-dstats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

.fx-awelcome{max-width:560px;margin:8px auto;padding:34px 26px;text-align:center}.fx-awelcome h2{margin:0 0 12px;font-size:28px;line-height:1.2;letter-spacing:-.01em}.fx-awelcome p{margin:0 0 14px;font-size:16.5px;line-height:1.55;color:#382e48}.fx-awelcome .fx-alead{font-size:18px;font-weight:650;color:#20192a}.fx-awelcome .fx-bigbtn{margin-top:10px;min-width:180px}
.fx-awelcome-alt{margin-top:14px}

/* Home: one workspace card with a summary of everything inside it, then a preview of the teams and communities */
#fxWorkspace.fx-wscard{background:none;box-shadow:none;border:0;overflow:visible;padding:0}#fxWorkspace.fx-wscard::before,#fxWorkspace.fx-wscard::after{display:none}
#fxWorkspace .fx-orgbar{padding:0 4px 12px}#fxWorkspace .fx-orgbar strong{font-size:22px;flex:1}.fx-orgback{border:0;background:transparent;color:#541ba9;font:inherit;font-weight:700;font-size:14px;cursor:pointer}.fx-orgback:hover{text-decoration:underline}
.fx-orgcard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;border-radius:26px;border:1px solid #c0a1ef;background:linear-gradient(120deg,#f7f3fe 0%,#e9dcfc 60%,#dcc8fb 100%);box-shadow:0 14px 34px rgba(224,110,40,.16);overflow:hidden}
.fx-orgleft{display:flex;gap:24px;align-items:center;padding:30px 30px}.fx-orgtile{flex:none;display:grid;place-items:center;width:112px;height:112px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#8e4cf0,#a45cff);box-shadow:0 14px 28px rgba(242,96,47,.35)}
.fx-orgtile.tone-team{background:linear-gradient(135deg,#6335a9,#522891);box-shadow:0 14px 28px rgba(31,143,154,.3)}.fx-orgtile.tone-community{background:linear-gradient(135deg,#9a78e0,#6b4c9a);box-shadow:0 14px 28px rgba(107,76,154,.3)}
.fx-orgtext{min-width:0}.fx-orgtext h3{margin:0 0 4px;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:#15111c}.fx-orgkind{margin:0 0 10px;font-weight:700;color:#601ec2}.fx-orgdesc{margin:0 0 10px;color:#463a57;font-size:15.5px;line-height:1.5}
.fx-orgmeta{display:flex;align-items:center;gap:8px;margin:0;font-weight:650;color:#20192a}.fx-orgmi{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#5d4384;box-shadow:0 2px 6px rgba(120,80,20,.12)}
.fx-orgright{padding:22px 26px;border-left:1px solid rgba(214,150,90,.35);display:flex;flex-direction:column;justify-content:center;gap:12px}
.fx-orgstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px}.fx-orgstat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:18px;background:#fff;box-shadow:0 4px 12px rgba(120,80,20,.08)}
.fx-orgsi{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:2px}.fx-orgstat.tone-teal .fx-orgsi{background:#e8e1f3;color:#4d2787}.fx-orgstat.tone-orange .fx-orgsi{background:#e1d0fb;color:#6c29d1}.fx-orgstat.tone-violet .fx-orgsi{background:#ece5fb;color:#6b4c9a}
.fx-orgstat b{font-size:28px;line-height:1.1;color:#15111c}.fx-orgstat b.fx-small{font-size:17px}.fx-orgstat span:last-child{font-size:13.5px;color:#554868}
.fx-orgopen{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border:0;border-radius:16px;background:linear-gradient(90deg,#782de8,#5b1fc4);color:#fff;font:inherit;font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 10px 22px rgba(127,54,252,.3);transition:transform .12s}.fx-orgopen:hover{transform:translateY(-2px)}
.fx-orgcap{margin:0;text-align:center;font-size:13px;color:#645877}
.fx-orgfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 8px 0;font-size:13px;color:#645877}.fx-orgfi{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid #9b71d9;color:#6429bc}.fx-orgpains{font-weight:650;color:#463a57}
.fx-orgremove{margin-left:auto;border:0;background:transparent;color:#a33;font:inherit;font-size:13px;cursor:pointer}.fx-orgfoot select{padding:5px 10px;border-radius:10px;border:1px solid #bba5dd;background:#fff;font:inherit;font-size:13px}
#fxNudge{margin-top:6px}
.fx-insh{margin:26px 4px 2px;font-size:26px;letter-spacing:-.02em;color:#15111c}.fx-inss{margin:0 4px 14px;color:#554868}
.fx-instwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fx-inspanel{padding:18px 18px 14px;border-radius:22px;background:#fff;border:1px solid #c6adec;box-shadow:0 8px 22px rgba(120,80,20,.08)}
.fx-inshead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fx-inshead strong{font-size:19px}.fx-inslink{margin-left:auto;border:0;background:transparent;color:#601ec2;font:inherit;font-weight:750;font-size:14px;cursor:pointer;text-decoration:none}.fx-inslink:hover{text-decoration:underline}
.fx-insico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:#bbb}.fx-insico.tone-orange{background:linear-gradient(135deg,#8e4cf0,#a45cff)}.fx-insico.tone-violet{background:linear-gradient(135deg,#9a78e0,#6b4c9a)}.fx-insico.tone-teal{background:linear-gradient(135deg,#8848e9,#6c29d1)}
.fx-dirrow{display:flex;align-items:center;gap:14px;width:100%;margin:8px 0;padding:11px 14px;border:0;border-radius:16px;background:#f5f0fc;font:inherit;text-align:left;cursor:pointer;transition:background .12s,transform .12s}.fx-dirrow:hover{background:#e9dcfc;transform:translateX(2px)}
.fx-dirico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px}.fx-dirico.tone-orange{background:#e1d0fb;color:#6c29d1}.fx-dirico.tone-violet{background:#ece5fb;color:#6b4c9a}
.fx-dirtext{flex:1;min-width:0}.fx-dirtext strong{display:block;font-size:16.5px;color:#15111c}.fx-dirtext small{display:block;color:#645877;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-dirgo{font-size:24px;color:#9c8bb5}
.fx-structbox{margin-top:18px;padding:18px 18px 18px;border-radius:22px;background:#fff;border:1px solid #c6adec;box-shadow:0 8px 22px rgba(120,80,20,.08)}.fx-structhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fx-structhead strong{font-size:19px}.fx-structhead p{margin:2px 0 0;font-size:14px}
.fx-structgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fx-structtile{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px}.fx-structtile.tone-orange{background:#eee4fd}.fx-structtile.tone-violet{background:#f1ecfc}.fx-structtile strong{font-size:20px}.fx-structtile p{margin:4px 0 0;font-size:14px}
.fx-dirbar{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px}.fx-dirbar input,.fx-dirbar select{padding:12px 16px;border-radius:14px;border:1.5px solid #bba5dd;background:#fff;font:inherit;font-size:15px}.fx-dirbar input{flex:1;min-width:220px}
@media(max-width:820px){.fx-orgcard{grid-template-columns:1fr}.fx-orgright{border-left:0;border-top:1px solid rgba(214,150,90,.35)}.fx-orgleft{padding:22px}.fx-orgtile{width:84px;height:84px}.fx-instwo,.fx-structgrid{grid-template-columns:1fr}}
.fx-inslink{background:transparent!important;box-shadow:none!important;padding:4px 0!important;white-space:nowrap;border-radius:0!important}.fx-inshead{flex-wrap:wrap}.fx-inshead strong{white-space:nowrap}
.fx-orgstats{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-orgstat{padding:12px 4px}.fx-orgstat b{font-size:24px}.fx-orgstat b.fx-small{font-size:15px}
.fx-orgstat b.fx-small{font-size:14px;white-space:nowrap}

/* Home header, edit and add controls */
.fx-homehead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:26px 30px;border-radius:26px;background:linear-gradient(110deg,#f0e8fd 0%,#e2d1fb 55%,#d3b9f9 100%);overflow:hidden;min-height:132px}
.fx-homehead-text{position:relative;z-index:1}.fx-homehead h1{margin:0 0 6px;font-size:44px;line-height:1.05;letter-spacing:-.03em;color:#15111c}.fx-homehead p{margin:0;font-size:18px;color:#554868}
.fx-homehead-art{flex:none;width:300px;max-width:42%;height:auto;margin:-10px -12px -26px 0}
.fx-orgtitle{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
.fx-orgedit{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1.5px solid #a882e1;background:#fff;color:#541ba9;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.fx-orgedit:hover{background:#e9dcfc}
.fx-orgadd{display:block;margin:2px 0 8px;padding:0;border:0;background:transparent;color:#541ba9;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;text-align:left}.fx-orgadd:hover{text-decoration:underline}
button.fx-orgstat{border:1.5px dashed #ae90db;cursor:pointer;font:inherit}button.fx-orgstat:hover{background:#f3ecfd}
.fx-addrow{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 2px;padding:11px;border-radius:14px;border:1.5px dashed #ae90db;color:#541ba9;font-weight:750;font-size:14.5px;text-decoration:none;background:#f7f2fe}.fx-addrow:hover{background:#e9dcfc}
.fx-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(32,22,10,.5)}
.fx-modalcard{width:min(640px,100%);max-height:90vh;display:flex;flex-direction:column;border-radius:24px;background:#fbf9fe;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.fx-modalhead{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #c6adec}.fx-modalhead h3{margin:0;font-size:21px}.fx-modalx{border:0;background:transparent;font-size:28px;line-height:1;color:#645877;cursor:pointer}
.fx-modalbody{padding:18px 24px;overflow:auto}.fx-modalbody textarea{width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid #bba5dd;border-radius:12px;font:inherit;resize:vertical}
.fx-modalfoot{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:14px 24px;border-top:1px solid #c6adec}.fx-modaldel{margin-right:auto;border:0;background:transparent;color:#a33;font:inherit;font-size:14px;cursor:pointer}
.fx-crumbs{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px}.fx-crumb{border:0;background:transparent;color:#541ba9;font:inherit;font-weight:700;cursor:pointer;padding:0}.fx-crumb:hover{text-decoration:underline}.fx-crumbsep{color:#9c8bb5}.fx-crumbnow{font-weight:700;color:#15111c}
@media(max-width:640px){.fx-homehead h1{font-size:34px}.fx-homehead-art{display:none}}
.fx-instwo.one,.fx-structgrid.one{grid-template-columns:1fr}

/* the Organization / Team / Community explainer */
.fx-sh{display:grid;gap:14px}.fx-sh-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.fx-sh-def{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid #c6adec;background:#f7f2fe;font-size:14px;line-height:1.45;color:#382e48}.fx-sh-def strong{font-size:15.5px;color:#15111c}
.fx-sh-def.tone-org{border-left:5px solid #803ee3}.fx-sh-def.tone-team{border-left:5px solid #522891}.fx-sh-def.tone-comm{border-left:5px solid #6b4c9a}
.fx-sh-art{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.fx-sh-line{fill:none;stroke:#a994c8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fx-sh-box.org{fill:#803ee3}.fx-sh-box.team{fill:#522891}.fx-sh-box.comm{fill:#6b4c9a}.fx-sh-label{fill:#fff;font:700 16px system-ui,sans-serif}
.fx-sh-note{margin:0;font-size:13.5px;line-height:1.5;color:#554868}
.fx-howfit{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#f7f2fe;border:1px solid #c6adec}.fx-howfit>summary{cursor:pointer;font-weight:700;color:#541ba9}.fx-howfit .fx-sh{margin-top:12px}
.fx-howlink{display:inline-block;margin:0 4px 14px;padding:0;border:0;background:transparent;color:#541ba9;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline}

/* Diagnostics landing page: workspace banner, Felixa's welcome with Start, four focus areas */
#assessments>.panel>.fx-pagehead,#assessChat>.panel>.fx-pagehead{display:none}
#assessments>.panel,#assessChat>.panel{padding-top:8px}
.fx-dbanner{position:relative;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:24px;background:linear-gradient(105deg,#eee4fd 0%,#e1cffb 60%,#d5bdfa 100%);box-shadow:0 8px 22px rgba(224,110,40,.14);margin:0 0 6px}
.fx-dtile{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#8e4cf0,#a45cff);box-shadow:0 8px 18px rgba(242,96,47,.3)}
.fx-dbtext{flex:1;min-width:0}.fx-dname{display:block;font-size:24px;letter-spacing:-.01em;color:#15111c}.fx-dsub{margin:3px 0 0;font-size:14.5px;color:#554868}
.fx-dchangewrap{position:relative}.fx-dchange{padding:12px 20px;border:0;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(120,80,20,.14);font:inherit;font-weight:750;color:#15111c;cursor:pointer}
.fx-dmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:240px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(60,40,10,.22);border:1px solid #c6adec}.fx-dmenu[hidden]{display:none}
.fx-dmenuitem{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;font:inherit;text-align:left;cursor:pointer}.fx-dmenuitem:hover{background:#eee4fd}.fx-dmenuitem.on{background:#e1d0fb}.fx-dmenuitem small{color:#645877}
.fx-dresume{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0;padding:14px 18px;border-radius:18px;background:#f3eff9;border:1px solid #cfc2e3}.fx-dresume>div{flex:1;min-width:200px}.fx-dresume p{margin:2px 0 0;font-size:14px}
.fx-dhero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:10px;padding:34px 8px 26px}
.fx-dkick{margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.14em;color:#a45cff}
.fx-dhero h2{margin:0 0 16px;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.03em;color:#15111c}.fx-dgrad{background:linear-gradient(90deg,#833bef,#5b1fc4);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-dlead{margin:0 0 24px;max-width:520px;font-size:18px;line-height:1.55;color:#463a57}
.fx-dstart{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:300px;padding:18px 28px;border:0;border-radius:18px;background:linear-gradient(90deg,#7c30ee,#5b1fc4);color:#fff;font:inherit;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px rgba(127,54,252,.3);transition:transform .12s,box-shadow .12s}.fx-dstart:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(127,54,252,.36)}
.fx-drobot{width:100%;max-width:420px;height:auto;justify-self:end}
.fx-dareahead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 14px;padding-top:22px;border-top:1px solid #d6c7ed}.fx-dareahead h3{margin:0;font-size:24px;letter-spacing:-.01em}.fx-dinfo{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#645877}
.fx-dareas{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.fx-darea{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 20px 22px;border-radius:22px;border:1px solid transparent;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .14s,box-shadow .14s;min-height:220px}
.fx-darea:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(120,80,20,.16)}.fx-darea strong{font-size:20px;color:#15111c}.fx-dareatext{font-size:15px;line-height:1.5;color:#463a57;padding-right:40px}
.fx-dareaico{display:grid;place-items:center;width:62px;height:62px;border-radius:18px}.fx-dareago{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff}
.fx-darea.tone-orange{background:linear-gradient(180deg,#f3ecfd,#fff);border-color:#d4bdf6}.fx-darea.tone-orange .fx-dareaico{background:#dbc7fa;color:#6f29d9}.fx-darea.tone-orange .fx-dareago{background:#7830e5}
.fx-darea.tone-pink{background:linear-gradient(180deg,#fff0f3,#fff);border-color:#fbd0d9}.fx-darea.tone-pink .fx-dareaico{background:#ffd9e1;color:#d63a62}.fx-darea.tone-pink .fx-dareago{background:#ea3f6f}
.fx-darea.tone-violet{background:linear-gradient(180deg,#f4f0ff,#fff);border-color:#ddd2fa}.fx-darea.tone-violet .fx-dareaico{background:#e6dcff;color:#6b4ccf}.fx-darea.tone-violet .fx-dareago{background:#6f4de0}
.fx-darea.tone-green{background:linear-gradient(180deg,#f2eef8,#fff);border-color:#d3c7e5}.fx-darea.tone-green .fx-dareaico{background:#dfd5ef;color:#522891}.fx-darea.tone-green .fx-dareago{background:#6535ac}
.fx-dmore{display:flex;gap:18px;justify-content:center;margin:20px 0 4px}.fx-dlink{border:0;background:transparent;color:#541ba9;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline}.fx-dback{margin:6px 0 10px}
/* the chat: header with progress and Pause, and a box for typed messages */
.fx-chattitle small{display:block}.fx-chatprog{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:130px}.fx-chatprog .fx-meter-bar{flex:1;min-width:80px}.fx-chatprog span{font-size:13px;font-weight:700;color:#382e48}
.fx-chathead .fx-chatprog+.felixa-chip{margin-left:0}.fx-pausebtn{background:#fff!important;border:1.5px solid #a882e1!important;color:#541ba9!important;font-weight:700}
.fx-composer{display:flex;gap:10px;margin-top:12px}.fx-composer input{flex:1;padding:13px 16px;border:1.5px solid #bba5dd;border-radius:14px;background:#fff;font:inherit;font-size:15.5px}
@media(max-width:820px){.fx-dhero{grid-template-columns:1fr}.fx-drobot{max-width:260px;justify-self:center}.fx-dstart{min-width:0;width:100%}}

/* Discord is used: suggest the VibeCheck bot */
.fx-botsuggest{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 4px;padding:16px 20px;border-radius:20px;background:linear-gradient(105deg,#eef0ff,#f6f2ff);border:1px solid #d6d9fb}
.fx-botico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#6d78f0,#5865f2)}.fx-bottext{flex:1;min-width:220px}.fx-bottext strong{font-size:17px}.fx-bottext p{margin:3px 0 0;font-size:14px;line-height:1.45;color:#4a4f73}
.fx-botnote{margin:8px 0 0;padding:10px 14px;border-radius:12px;background:#eef0ff;color:#4a4f73;font-size:13.5px;line-height:1.45}.fx-botnote[hidden]{display:none}

/* the chat header's question counter and the optional box */
.fx-chatprog{flex-wrap:wrap}.fx-chatq{flex:1 1 100%;font-size:13px;font-weight:700;color:#5a447b;white-space:nowrap}.fx-chatpct{min-width:34px;text-align:right}
.fx-composer{flex-direction:column;gap:6px}.fx-composer-label{font-size:14px;font-weight:700;color:#382e48}.fx-composer-row{display:flex;gap:10px}.fx-composer-row input{flex:1;padding:13px 16px;border:1.5px solid #bba5dd;border-radius:14px;background:#fff;font:inherit;font-size:15.5px}.fx-composer-hint{margin:0;font-size:13px;color:#645877}
/* the Diagnostics category in the Database */
.db-cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.db-cat{padding:8px 18px;border-radius:999px;border:1.5px solid #bba5dd;background:#fff;font:inherit;font-weight:700;font-size:14px;color:#554868;cursor:pointer}.db-cat.on{background:linear-gradient(90deg,#782de8,#5b1fc4);border-color:transparent;color:#fff}
#journal[data-cat="diagnostics"] #journalEntries,#journal[data-cat="diagnostics"] #dbFiles{display:none}
.cal-day.diag{box-shadow:inset 0 -3px 0 #6f4de0}.diag-h{margin:22px 4px 8px;font-size:18px}.diag-ico{background:#e6dcff!important;color:#6f4de0!important;font-weight:800}
.diag-card{margin:10px 0;padding:14px 16px;border-radius:16px;background:#f7f4ff;border:1px solid #ddd2fa}.diag-card.paused{background:#f3ecfd;border-color:#c6adec}
.diag-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diag-tag{padding:2px 10px;border-radius:999px;background:#6f4de0;color:#fff;font-size:12px;font-weight:700}.diag-status{font-size:12.5px;font-weight:700;color:#4a4f73}.diag-head small{margin-left:auto;color:#645877}
.diag-areas{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:6px}.diag-areas li{display:grid;grid-template-columns:minmax(120px,190px) 1fr 34px;align-items:center;gap:10px;font-size:14px}.diag-bar{height:8px;border-radius:99px;background:#e6e0f7;overflow:hidden}.diag-bar i{display:block;height:100%;background:linear-gradient(90deg,#8e6bd8,#6f4de0)}.diag-areas b{text-align:right}
.diag-meta{margin:4px 0 8px;font-size:13px;color:#645877}.diag-open{font-weight:700;color:#6f4de0;font-size:14px}
.journal-body .db-cats,.journal-body .journal-diag{grid-column:1/-1}
/* Phone polish: compact organization card and Diagnostics landing (2026-10-24) */
@media(max-width:560px){
  .fx-orgleft{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px}
  .fx-orgtile{width:60px;height:60px;border-radius:18px}
  .fx-orgtext{width:100%}.fx-orgtext h3{font-size:24px}
  .fx-orgtitle{flex-wrap:wrap;gap:8px}
  .fx-darea{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:start;min-height:0;padding:16px 52px 16px 16px}
  .fx-dareaico{grid-row:1/3;width:48px;height:48px;border-radius:14px}
  .fx-darea strong{font-size:18px;align-self:end}.fx-dareatext{padding-right:0;font-size:14px;grid-column:2}
  .fx-dareago{right:12px;top:50%;bottom:auto;transform:translateY(-50%);width:32px;height:32px}
  .fx-darea:hover{transform:none}
  .fx-drobot{display:none}
  .fx-dareas{gap:12px}
}
@media(max-width:560px){
  .fx-chathead{flex-wrap:wrap;gap:10px 12px;padding:12px 14px}
  .fx-chattitle{flex:1 1 0;min-width:0}
  .fx-chathead .felixa-chip{margin-left:0;order:2}
  .fx-chatprog{order:3;flex:1 1 100%;margin-left:0;min-width:0}
  .fx-chatq{white-space:normal}
  .fx-chatlog{min-height:0;max-height:30vh}
  .fx-composer-row{gap:8px}.fx-composer-row input{min-width:0;font-size:16px}
}
/* One look for every tile and control: same number size, same label size, same font everywhere (2026-10-24) */
button,input,select,textarea{font-family:inherit}
.fx-orgstat{justify-content:flex-start;min-height:128px}
.fx-orgstat b,.fx-orgstat b.fx-small{font-size:26px;line-height:1.1;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:#15111c}
.fx-orgstat b.fx-small{font-size:20px}
.fx-orgstat span:last-child{font-size:14px;font-weight:500;line-height:1.3}
button.fx-orgstat b{color:#15111c}
@media(max-width:560px){.fx-orgstat{min-height:112px}.fx-orgstat b,.fx-orgstat b.fx-small{font-size:22px}.fx-orgstat b.fx-small{font-size:17px}.fx-orgstat span:last-child{font-size:13px}.fx-orgsi{width:40px;height:40px}}
/* ---- Database page, after the mockup (2026-10-24) ---- */
.db-page{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid;gap:18px}
.db-head{display:flex;align-items:center;gap:20px;padding:22px 26px;border-radius:26px;background:linear-gradient(120deg,#f0e8fd 0%,#e3d3fb 100%);border:1px solid #cdb5f1}
.db-emblem{flex:none;display:grid;place-items:center;width:78px;height:78px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#713bc3,#54239d);box-shadow:0 12px 24px #18a85e44}
.db-emblem svg{width:38px;height:38px}
.db-htext{flex:1;min-width:0}.db-htext h2{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.02em;color:#15111c}.db-htext p{margin:6px 0 0;color:#463a57;font-size:18px}
.db-ws{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:0 4px 14px #78501a14}
.db-ws[hidden]{display:none}.db-ws strong{display:block;font-size:17px;color:#15111c}.db-ws small{display:block;color:#554868;font-size:13px;margin-top:2px}
.db-wico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7c30ee,#5b1fc4)}
.db-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#journal .db-cats{margin:0;gap:0;padding:4px;border-radius:999px;background:#fff;border:1px solid #d5c5ed;display:inline-flex}
#journal .db-cat{border:0;background:transparent;padding:11px 26px;font-size:16px;font-weight:650;color:#2c2438}
#journal .db-cat.on{background:linear-gradient(90deg,#7c30ee,#a45cff);color:#fff;box-shadow:0 6px 14px #7f36fc40}
.db-search{display:flex;align-items:center;gap:10px;flex:0 1 380px;min-width:220px;padding:0 18px;height:50px;border-radius:999px;background:#fff;border:1px solid #d5c5ed;color:#6e5e86}
.db-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#20192a;height:100%}
.db-search:focus-within{border-color:#7e39e5;box-shadow:0 0 0 4px #f4842a22}
.db-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.db-stat{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid #e0d4f1;box-shadow:0 4px 16px #78501a0f}
.db-sico{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px}
.db-stat.tone-red .db-sico{background:#ffe3e6;color:#e5384f}.db-stat.tone-green .db-sico{background:#e4dbf2;color:#54239d}.db-stat.tone-violet .db-sico{background:#e8defc;color:#6f4de0}
.db-snum b{display:block;font-size:34px;line-height:1.1;color:#15111c}.db-snum span{display:block;margin-top:2px;font-size:18px;color:#463a57}
.db-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}
.db-right{display:grid;gap:18px;min-width:0}
.db-card{padding:24px 26px;border-radius:24px;background:#fff;border:1px solid #e0d4f1;box-shadow:0 4px 16px #78501a0f;min-width:0}
.db-card>h3{margin:0 0 16px;font-size:24px;letter-spacing:-.01em;color:#15111c}
#journal .journal-cal{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
#journal .cal-head{margin:0 0 14px}#journal .cal-head strong{font-size:20px;color:#15111c}
#journal .cal-nav{width:44px;height:44px;border-radius:50%;border:1.5px solid #d9ceea;background:#fff;color:#15111c;font-size:20px}
#journal .cal-week span{font-size:14px;font-weight:600;color:#665b77;padding:8px 0}
#journal .cal-grid{gap:6px}
#journal .cal-day,#journal .cal-blank{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:17px;color:#20192a;background:transparent;border:2px solid transparent}
#journal .cal-day.has{background:#e9e2f3;font-weight:800;cursor:pointer;position:relative;box-shadow:none}
#journal .cal-day.has b{font-weight:800;line-height:1;margin-top:-6px}
#journal .cal-dots{position:absolute;left:0;right:0;bottom:22%;display:flex;gap:3px;justify-content:center}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.up{background:#5e2aab}.dot.dg{background:#7a4ee0}
#journal .cal-day.sel{background:#f0e8fd;border-color:#7e39e6;color:#15111c}
#journal .cal-day.today:not(.sel){box-shadow:inset 0 0 0 2px #dad1e7}
.db-legend{display:flex;gap:28px;flex-wrap:wrap;margin:22px 0 0;color:#2c2438;font-size:15px}.db-legend span{display:inline-flex;align-items:center;gap:10px}.db-legend .dot{width:12px;height:12px}
.db-reclist{display:grid;gap:10px}
.db-rec{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;width:100%;padding:12px 18px 12px 12px;border-radius:16px;border:1.5px solid #dfd5ef;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.db-rec:hover{box-shadow:0 6px 16px #78501a14}.db-rec.on{border-color:#9a66e9;background:#f6f1fe}
.db-rico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}.db-rico.up{background:#dbeafe;color:#2f6fe0}.db-rico.dg{background:#ffe3e6;color:#e5384f}.db-rico.big{width:56px;height:56px;border-radius:16px}
.db-rmain{min-width:0}.db-rmain strong{display:block;font-size:17px;color:#15111c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-rmain small{display:block;margin-top:2px;font-size:14.5px;color:#463a57}
.db-tag{display:inline-block;padding:5px 14px;border-radius:999px;font-size:13.5px;font-weight:650;white-space:nowrap}.db-tag.dg{background:#ebe3fc;color:#6f4de0}.db-tag.up{background:#e4dbf2;color:#462080}
.db-rec time{font-size:14.5px;color:#463a57;white-space:nowrap}.db-chev{color:#15111c;display:grid}
.db-empty{margin:0;color:#554868;font-size:16px;line-height:1.55}
.db-dhead{display:flex;gap:18px;align-items:flex-start}.db-dhead>div{min-width:0;flex:1}
.db-dtitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.db-dtitle h3{margin:0;font-size:21px;color:#15111c}.db-dtitle small{margin-left:auto;color:#463a57;font-size:14.5px}
.db-dhead p{margin:10px 0 0;color:#382e48;font-size:16px;line-height:1.55}
.db-detail h4{margin:22px 0 12px;padding-top:18px;border-top:1px solid #dfd5ef;font-size:17px;color:#15111c}
.db-chips{display:flex;gap:12px;flex-wrap:wrap}.db-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;border:1px solid #dfd5ef;background:#fff;color:#20192a;font-size:15px}.db-chip svg{color:#6f4de0}
.db-actions{margin:16px 0 0}.db-open{padding:11px 22px;border:0;border-radius:14px;color:#fff;font:inherit;font-weight:700;background:linear-gradient(90deg,#7c30ee,#a45cff);cursor:pointer;box-shadow:0 6px 14px #7f36fc40}
#journal .journal-entries:empty,#journal .db-files:empty{display:none}
@media(max-width:980px){.db-grid{grid-template-columns:1fr}.db-stats{gap:12px}}
@media(max-width:640px){
  .db-head{flex-wrap:wrap;padding:18px;gap:14px}.db-emblem{width:56px;height:56px;border-radius:16px}.db-emblem svg{width:28px;height:28px}.db-htext h2{font-size:26px}.db-htext p{font-size:15px}.db-ws{width:100%;box-sizing:border-box}
  .db-toolbar{gap:12px}#journal .db-cats{width:100%;box-sizing:border-box;justify-content:space-between}#journal .db-cat{flex:1;padding:10px 6px;font-size:14.5px}.db-search{flex:1 1 100%}
  .db-stats{grid-template-columns:1fr}.db-stat{padding:14px 16px}.db-sico{width:52px;height:52px}.db-snum b{font-size:28px}.db-snum span{font-size:16px}
  .db-card{padding:18px 16px;border-radius:20px}
  .db-rec{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px}.db-rec time,.db-chev{display:none}.db-rico{width:42px;height:42px}
  .db-dhead{flex-direction:column;gap:12px}.db-dtitle small{margin-left:0;flex-basis:100%}
  #journal .cal-day,#journal .cal-blank{font-size:15px}.db-legend{gap:14px;font-size:14px}
}

.db-rmeta{display:flex;align-items:center;gap:16px}
#journal .cal-day.has{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#journal .cal-day.has b{margin:0}
#journal .cal-dots{position:static;height:7px}
.db-rec{grid-template-columns:auto minmax(0,1fr) auto auto}
@media(max-width:1280px){
  .db-grid{grid-template-columns:1fr}
  .db-rec{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico main chev" "ico meta chev"}
  .db-rec .db-rico{grid-area:ico}.db-rec .db-rmain{grid-area:main}.db-rec .db-rmeta{grid-area:meta;gap:10px}.db-rec .db-chev{grid-area:chev}
  .db-rmain strong{white-space:normal}
}
@media(max-width:640px){.db-rec .db-chev{display:grid}.db-rec time{display:inline}}
#journal .cal-day i.dot{position:static;right:auto;bottom:auto;width:7px;height:7px;font-size:0}
#journal .cal-day.sel i.dot{color:inherit}
#journal .db-rec,#journal .db-rec *{text-align:left}
.db-calcard .journal-cal{max-width:560px;margin:0 auto}
#journal .cal-day,#journal .cal-blank{aspect-ratio:1/.9}
#journal #journalEntries{display:none}#journal[data-filter="1"] #journalEntries{display:block}
.fx-wsbar-host{margin:0 0 16px}.fx-wsbar-host .fx-dbanner{margin:0}
.fx-dbanner .fx-dbtext{flex:1;min-width:0}
@media(max-width:560px){.fx-wsbar .fx-dtile{width:48px;height:48px;border-radius:14px}.fx-wsbar .fx-dname{font-size:18px}.fx-wsbar{padding:14px;gap:12px}.fx-wsbar .fx-dchange{padding:10px 14px}}
/* foldable sections: Database records and Diagnostics results */
details.fx-fold{border:1px solid #d5c5ed;border-radius:20px;background:#fff;padding:0;margin:12px 0}
details.fx-fold>summary,.db-fold>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 20px;font-weight:750;font-size:18px;color:#15111c}
details.fx-fold>summary::-webkit-details-marker,.db-fold>summary::-webkit-details-marker{display:none}
details.fx-fold>summary::after,.db-fold>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2.5px solid #451d81;border-bottom:2.5px solid #451d81;transform:rotate(45deg);transition:transform .15s}
details.fx-fold[open]>summary::after,.db-fold[open]>summary::after{transform:rotate(-135deg)}
details.fx-fold>*:not(summary){margin-left:20px;margin-right:20px}details.fx-fold>*:last-child{margin-bottom:18px}
details.fx-fold.fx-acard{padding:0}
.db-fold>summary{padding:0 0 14px;font-size:inherit}.db-fold>summary h3{margin:0;font-size:24px;color:#15111c}.db-count{margin-left:auto;padding:3px 12px;border-radius:999px;background:#f0e8fd;color:#541ba9;font-weight:700;font-size:14px}
.db-fold>summary::after{margin-left:12px}
.db-card>h3{margin-bottom:16px}

/* ---- questionnaire pages, one question per page, every page the same size (2026-10-25) ---- */
.fx-qpage{display:flex;flex-direction:column;gap:14px;min-height:min(760px,calc(100vh - 150px));max-width:900px;margin:0 auto}
.fx-qhead{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:#fff;border:1px solid #dfd5ef;box-shadow:0 4px 14px #78501a0d}
.fx-qhead .fx-chatav{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#713bc3,#54239d)}
.fx-qtitle{flex:1;min-width:0}.fx-qtitle strong{display:block;font-size:20px;color:#15111c}.fx-qtitle small{display:block;color:#463a57;font-size:14.5px;margin-top:2px}
.fx-qprog{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;min-width:210px}.fx-qcount{grid-column:1/-1;font-size:14px;color:#20192a}
.fx-qprog .fx-meter-bar{height:8px}.fx-qpct{font-size:13.5px;color:#463a57;font-weight:600}
.fx-qfelixa{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:18px;background:#f5effe;border:1px solid #dac8f5}
.fx-qfico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e3d3fb;color:#a45cff}.fx-qfico.big{width:52px;height:52px;border-radius:15px}
.fx-qfelixa strong{display:block;font-size:15.5px;color:#15111c}.fx-qfelixa p{margin:3px 0 0;color:#382e48;font-size:15.5px;line-height:1.5}
.fx-qbody{flex:1;display:flex;flex-direction:column;gap:16px;min-height:300px;padding:24px 26px;border-radius:20px;background:#fff;border:1px solid #dfd5ef;overflow:auto}
.fx-qq{margin:0;display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.35;color:#15111c}.fx-qinfo{flex:none;display:inline-grid;color:#554868;cursor:help}
.fx-qscale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fx-qscalebtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 6px;border-radius:14px;border:1.5px solid #d9ceea;background:#fbf9ff;font:inherit;color:#20192a;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}
.fx-qscalebtn b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6d8fc;color:#6f29d9;font-size:16px}
.fx-qscalebtn span{font-size:15px;text-align:center}.fx-qscalebtn:hover{transform:translateY(-1px);border-color:#b692ed}
.fx-qscalebtn.on{border-color:#a45cff;background:#f2eafd;box-shadow:0 0 0 3px #a45cff1f}.fx-qscalebtn.on b{background:#a45cff;color:#fff}
.fx-qextra{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.fx-qskip{padding:10px 24px;border-radius:12px;border:1.5px solid #d9ceea;background:#fff;font:inherit;font-size:14.5px;color:#20192a;cursor:pointer}.fx-qskip.on{border-color:#a45cff;background:#f2eafd}
.fx-qstory{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#f5effe;border:1px solid #dac8f5}.fx-qstory strong{display:block;font-size:17px;color:#15111c}.fx-qstory p{margin:4px 0 0;color:#382e48;font-size:15px;line-height:1.5}
.fx-qopts{display:grid;gap:10px}.fx-qopts.row{grid-template-columns:repeat(5,minmax(0,1fr))}
.fx-qopt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:12px;border:1.5px solid #d9ceea;background:#fbf9ff;font:inherit;font-size:16px;color:#20192a;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}
.fx-qopt:hover{border-color:#b692ed}.fx-qopt.on{border-color:#a45cff;background:#f2eafd}.fx-qopttext{flex:1;min-width:0}
.fx-qradio,.fx-qcheck{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #b4a5ca;background:#fff;display:grid;place-items:center}.fx-qcheck{border-radius:7px}
.fx-qopt.on .fx-qradio{border-color:#a45cff;background:radial-gradient(circle,#a45cff 0 45%,#fff 50%)}.fx-qopt.on .fx-qcheck{border-color:#a45cff;background:#a45cff}.fx-qopt.on .fx-qcheck::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.fx-qopts.row .fx-qopt{justify-content:center;padding:16px 8px}.fx-qopts.row .fx-qradio{display:none}
.fx-qtext,.fx-qother{width:100%;box-sizing:border-box;min-height:50px;padding:12px 16px;border:1.5px solid #d9ceea;border-radius:12px;font:inherit;font-size:16px;color:#20192a;background:#fff}.fx-qtext:focus,.fx-qother:focus{outline:0;border-color:#7e39e5;box-shadow:0 0 0 4px #f4842a22}.fx-qother[hidden]{display:none}
.fx-qnote{border-radius:16px;background:#fff;border:1px solid #dfd5ef;padding:0}.fx-qnote>summary{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;list-style:none;font-size:15.5px;color:#20192a}
.fx-qnote>summary::-webkit-details-marker{display:none}.fx-qnote>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #554868;border-bottom:2px solid #554868;transform:rotate(45deg)}.fx-qnote[open]>summary::after{transform:rotate(-135deg)}
.fx-qnico{display:grid;color:#20192a}
.fx-qnote textarea{display:block;width:calc(100% - 40px);box-sizing:border-box;margin:0 20px;padding:12px 14px;border:1.5px solid #d9ceea;border-radius:12px;font:inherit;font-size:15.5px;resize:vertical;min-height:84px}
.fx-qcnt{display:block;text-align:right;margin:6px 24px 0;font-size:12.5px;color:#645877}.fx-qnrow{display:flex;align-items:center;gap:14px;padding:6px 20px 16px}.fx-qhint{flex:1;font-size:13px;color:#554868;line-height:1.4}
.fx-qfoot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fx-qback{padding:14px 28px;border-radius:14px;background:#fff;border:1.5px solid #d9ceea;font:inherit;font-size:16px;font-weight:600;color:#20192a;cursor:pointer}.fx-qback:disabled{opacity:.4;cursor:default}
.fx-qnext{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:14px;font-size:16px}.fx-qnext:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.fx-qsaving{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;color:#463a57;font-size:17px}
.fx-qsaving i{width:22px;height:22px;border-radius:50%;border:3px solid #d1bdf0;border-top-color:#a45cff;animation:fxspin .8s linear infinite}@keyframes fxspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fx-qsaving i{animation:none}}
.fx-qactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.fx-qaction{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;border:1.5px solid #d9ceea;background:#fff;font:inherit;text-align:left;cursor:pointer;color:#15111c;transition:transform .12s,box-shadow .12s}
.fx-qaction:hover{transform:translateY(-2px);box-shadow:0 10px 22px #78501a1a}
.fx-qaction.primary{background:linear-gradient(105deg,#7c30ee,#5b1fc4);border-color:transparent;color:#fff;box-shadow:0 10px 22px #7f36fc40}
.fx-qaico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6d8fc;color:#6f29d9}.fx-qaction.primary .fx-qaico{background:#ffffff33;color:#fff}
.fx-qatext{flex:1;min-width:0}.fx-qatext strong{display:block;font-size:17px}.fx-qatext small{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;opacity:.85}
@media(max-width:720px){
  .fx-qhead{flex-wrap:wrap;gap:12px;padding:14px}.fx-qprog{order:3;flex:1 1 100%;min-width:0}.fx-qtitle strong{font-size:17px}
  .fx-qbody{padding:18px 16px;min-height:280px}.fx-qq{font-size:18px}
  .fx-qscale{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.fx-qscalebtn{min-height:92px;padding:10px 2px;gap:8px}.fx-qscalebtn span{font-size:12px}.fx-qscalebtn b{width:30px;height:30px}
  .fx-qopts.row{grid-template-columns:repeat(5,minmax(0,1fr))}
  .fx-qactions{grid-template-columns:1fr}.fx-qnext{padding:14px 20px}.fx-qback{padding:14px 18px}
}
details.fx-fold>.fx-goalchip{display:inline-block;margin:0 0 8px 20px}
details.fx-fold>.fx-goalchip+.fx-goalchip{margin-left:8px}
details.fx-fold>.fx-goalchip:last-of-type{margin-bottom:18px}
/* Database header: the workspace sits inside the header, like the mockup */
.db-ws{position:relative;flex:none}.db-ws .fx-wsc{position:relative;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:0 4px 14px #78501a14;min-width:260px}
.db-ws .fx-dtile{width:46px;height:46px;border-radius:14px;box-shadow:none}
.db-ws .fx-wsname{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;box-shadow:none;font:inherit;font-size:17px;font-weight:750;color:#15111c;cursor:pointer;text-align:left}
.db-ws .fx-wschev{width:8px;height:8px;border-right:2.5px solid #7d39e3;border-bottom:2.5px solid #7d39e3;transform:rotate(45deg) translateY(-2px)}
.db-ws .fx-dsub{margin:2px 0 0;font-size:13px;color:#463a57}
.db-ws .fx-dmenu{right:0;top:calc(100% + 8px)}
.db-rmain strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.db-calcard .db-fold>summary,.db-detail .db-fold>summary{padding:0 0 14px}
.db-detail .db-fold>summary h3{font-size:22px}
@media(max-width:860px){.db-ws{width:100%}.db-ws .fx-wsc{min-width:0;width:100%;box-sizing:border-box}}
.db-fold>summary h3{flex:1}.db-fold>summary .db-count+*{}

/* every question page: the same size, in the same place */
.fx-qpage{height:min(720px,calc(100vh - 140px));min-height:560px}
.fx-qhead{flex:none;min-height:84px;box-sizing:border-box}
.fx-qfelixa{flex:none;min-height:84px;box-sizing:border-box;overflow:hidden}
.fx-qbody{flex:1 1 0;min-height:0;overflow:auto}
.fx-qnote,.fx-qfoot{flex:none}
.fx-qnote[open]{max-height:240px;overflow:auto}
@media(max-width:720px){.fx-qpage{height:auto;min-height:calc(100vh - 130px)}.fx-qbody{min-height:300px;flex:1 1 auto}.fx-qhead{min-height:0}.fx-qfelixa{min-height:96px}}

.fx-seeresults{display:inline-flex;align-items:center;gap:12px;padding:12px 22px 12px 14px;border-radius:999px;border:1.5px solid #9a66e9;background:linear-gradient(105deg,#f4edfe,#e6d7fc);font:inherit;font-weight:750;font-size:16px;color:#541ba9;cursor:pointer;box-shadow:0 6px 16px #5b1fc422;transition:transform .12s,box-shadow .12s}
.fx-seeresults:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5b1fc433}
.fx-seeico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c30ee,#5b1fc4);color:#fff}
.fx-qactions{grid-template-columns:repeat(3,minmax(0,1fr))}
.fx-share{margin:6px 0 14px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #dfd5ef}.fx-share[hidden]{display:none}.fx-share h4{margin:0 0 6px}
.fx-sharerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #e6def2}.fx-shareurl{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13.5px;background:#f6f0fe;padding:8px 12px;border-radius:10px}
@media(max-width:1100px){.fx-qactions{grid-template-columns:1fr}}

.fx-dactions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fx-dactions .fx-dstart{min-width:0}
.fx-qnote{position:relative}.fx-qnote[open]{max-height:none;overflow:visible}
.fx-qpop{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:5;padding:14px 0 6px;border-radius:16px;background:#fff;border:1px solid #dfd5ef;box-shadow:0 14px 34px #78501a30}
.fx-qpop textarea{width:calc(100% - 32px);margin:0 16px}.fx-qpop .fx-qcnt{margin:6px 20px 0}.fx-qpop .fx-qnrow{padding:6px 16px 10px}
/* final: one fixed window for every question, nothing inside it needs scrolling */
.fx-qpage{height:auto;min-height:0}
.fx-qhead{height:88px;min-height:0;flex:none}
.fx-qfelixa{height:98px;min-height:0;flex:none;overflow:visible;align-items:center}
.fx-qbody{flex:none;height:520px;min-height:0;overflow:visible;box-sizing:border-box;padding:20px 24px;gap:14px;justify-content:flex-start}
.fx-qnote,.fx-qfoot{flex:none}.fx-qnote>summary{height:54px;box-sizing:border-box;padding-top:0;padding-bottom:0}
.fx-qq{font-size:20px}
.fx-qopt{padding:11px 16px;font-size:15.5px}.fx-qopts{gap:8px}
.fx-qopts.multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.fx-qscalebtn{min-height:104px}
.fx-qstory{padding:12px 16px}
@media(max-width:720px){.fx-qpage{height:auto}.fx-qhead{height:auto;min-height:88px}.fx-qfelixa{height:auto;min-height:98px}.fx-qbody{height:auto;min-height:420px;flex:none}.fx-qopts.multi{grid-template-columns:1fr}}

button.db-stat{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}
button.db-stat:hover{transform:translateY(-1px);box-shadow:0 10px 22px #78501a1a}
button.db-stat.on{border-color:#7e39e6;box-shadow:0 0 0 3px #f58a2a26;background:#f9f6fe}
.db-stats>li{list-style:none;min-width:0}
.db-toolbar{justify-content:flex-end}
/* compact fixed window: fits a normal laptop screen without the page moving */
.fx-qpage{gap:12px}
.fx-qhead{height:72px;padding:10px 18px}.fx-qhead .fx-chatav{width:44px;height:44px;border-radius:13px}.fx-qtitle strong{font-size:18px}.fx-qtitle small{font-size:13.5px;margin-top:0}
.fx-qfelixa{height:92px;padding:12px 18px}.fx-qfelixa p{font-size:15px;line-height:1.45}
.fx-qbody{height:400px;padding:16px 22px;gap:12px}
.fx-qq{font-size:19px}
.fx-qopt{padding:9px 14px;font-size:15px}.fx-qopts{gap:6px}
.fx-qscalebtn{min-height:92px;padding:10px 6px;gap:8px}.fx-qstory{padding:10px 14px}.fx-qstory p{font-size:14.5px}
.fx-qnote>summary{height:48px}.fx-qnext,.fx-qback{padding:11px 26px}
.fx-qtext,.fx-qother{min-height:46px;padding:10px 14px}

.fx-linkrow{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#f6f0fe;border:1px solid #dbccf1;color:#463a57;font-size:14px}.fx-linkrow a{color:#541ba9;font-weight:700;text-decoration:none}.fx-linkrow a:hover{text-decoration:underline}

.fx-orgcard.fx-orgsolo{grid-template-columns:1fr}
.fx-orgtext .fx-orgmeta+.fx-orgmeta,.fx-orgtext .fx-orgmeta+.fx-orgadd,.fx-orgtext .fx-orgadd+.fx-orgadd{margin-top:8px}

.fx-sizeexact{margin:-6px 0 4px}.fx-sizeexact input{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid #c1abe3;border-radius:14px;font:inherit;font-size:16px;box-sizing:border-box}
.fx-sizeexact input:focus{outline:0;border-color:#7e39e5;box-shadow:0 0 0 4px #f4842a22}

.fx-linkbtn{padding:0;border:0;background:none;color:#541ba9;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.fx-tool[data-tone="violet"] .fx-tool-ico{background:linear-gradient(135deg,#9b7be8,#6f4de0)}.fx-tool[data-tone="teal"] .fx-tool-ico{background:linear-gradient(135deg,#7148ae,#4d2787)}
.fx-firstchallenge{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#f5effe;border:1px solid #dac8f5;color:#382e48;font-weight:600;font-size:14.5px}

.nd-barwrap{margin:0 0 10px}.nd-meta{display:block;margin:-2px 0 0;color:#554868;font-size:12.5px}
/* Diagnostics: choose between Group Dynamics and Community Dynamics */
.fx-choosecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 14px}
.fx-choosecard{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;border:1.5px solid #dfd5ef;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}
.fx-choosecard:hover{transform:translateY(-1px);box-shadow:0 10px 22px #78501a1a}.fx-choosecard.on{border-color:#a45cff;background:#f9f6fe;box-shadow:0 0 0 3px #a45cff1f}
.fx-cc-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fx-cc-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#7c30ee,#5b1fc4);color:#fff;flex:none}
.fx-cc-tag{display:block;font-size:13px;color:#554868;margin-bottom:2px}.fx-cc-title strong{font-size:21px;color:#15111c}
.fx-cc-badgerow{min-height:26px;margin-bottom:-4px}.fx-cc-rec{display:inline-block;padding:4px 12px;border-radius:999px;background:#e4dbf2;color:#462080;font-size:12.5px;font-weight:700}
.fx-cc-blurb{margin:0;color:#382e48;font-size:15px;line-height:1.5}.fx-cc-best{margin:0;color:#463a57;font-size:14px;line-height:1.45}
.fx-cc-go{align-self:flex-start;margin-top:4px;padding:9px 18px;border-radius:999px;border:1.5px solid #9a66e9;color:#541ba9;font-weight:700;font-size:14px;background:#fff}
.fx-choosecard.on .fx-cc-go{background:linear-gradient(105deg,#7c30ee,#5b1fc4);color:#fff;border-color:transparent}
.fx-unsure{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:#f6f0fe;border:1px solid #dbccf1}.fx-unsure strong{display:block;margin-bottom:10px;color:#15111c}
.fx-unsure-row{display:flex;gap:10px;flex-wrap:wrap}.fx-unsure-chip{padding:9px 16px;border-radius:999px;border:1.5px solid #c6adec;background:#fff;font:inherit;font-size:14px;cursor:pointer;color:#20192a}.fx-unsure-chip:hover{border-color:#9a66e9}
.fx-unsure p{margin:10px 0 0;font-size:14px}
.fx-ownview{margin:0 0 14px}.fx-deeprow{margin:6px 0;font-size:14.5px}.fx-overall .fx-meter-bar i{background:linear-gradient(90deg,#7c30ee,#5b1fc4)}
.fx-darea.tone-rose{background:linear-gradient(180deg,#fff0f1,#fff);border-color:#f9cdd0}.fx-darea.tone-rose .fx-dareaico{background:#ffd9dc;color:#d63a4a}.fx-darea.tone-rose .fx-dareago{background:#e0475a}
.fx-darea.tone-teal{background:linear-gradient(180deg,#efeaf7,#fff);border-color:#cfc2e3}.fx-darea.tone-teal .fx-dareaico{background:#dbcfec;color:#4d2787}.fx-darea.tone-teal .fx-dareago{background:#5b309c}
.fx-darea.tone-amber{background:linear-gradient(180deg,#ede2fd,#fff);border-color:#c4a8ef}.fx-darea.tone-amber .fx-dareaico{background:#d5bdfa;color:#5818b8}.fx-darea.tone-amber .fx-dareago{background:#6e27d8}
.fx-darea.tone-blue{background:linear-gradient(180deg,#edf4ff,#fff);border-color:#cfdffa}.fx-darea.tone-blue .fx-dareaico{background:#dce8fd;color:#2f6fe0}.fx-darea.tone-blue .fx-dareago{background:#3b7be8}
@media(max-width:860px){.fx-choosecards{grid-template-columns:1fr}}

/* Libraries */
.fx-libsection{margin:0 0 28px}.fx-libsection>h3{margin:0 0 4px;font-size:20px}.fx-libsection>p{margin:0 0 14px}
.fx-libgrid{display:grid;gap:12px}
.fx-libcard{border:1px solid #dfd5ef;border-radius:18px;background:#fff;padding:0;overflow:hidden}
.fx-libcard>summary{list-style:none;cursor:pointer;padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline}
.fx-libcard>summary::-webkit-details-marker{display:none}
.fx-libcard>summary strong{font-size:16px;color:#15111c}.fx-libcard>summary p{grid-column:1/-1;margin:0;color:#463a57;font-size:14px;line-height:1.45}
.fx-libcount{font-size:13px;font-weight:700;color:#541ba9;white-space:nowrap}
.fx-libcard[open]>summary{border-bottom:1px solid #dfd5ef;background:#f7f3fe}
.fx-libbody{padding:14px 18px 18px;max-height:480px;overflow-y:auto}
.fx-libsearch{width:100%;padding:10px 14px;border:1px solid #cbb9e5;border-radius:12px;font:inherit;margin:0 0 12px;background:#fff}
.fx-libgroup{margin:0 0 16px}.fx-libgroup h4{margin:0 0 8px;font-size:14px;color:#441b81}
.fx-libitem{padding:8px 0;border-top:1px solid #e7dff2}.fx-libitem strong{display:block;font-size:14px}.fx-libitem p{margin:2px 0 0;color:#463a57;font-size:13.5px;line-height:1.5}
/* Toolbox */
.tb-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tb-rec{border:1px solid #dfd5ef;border-radius:18px;background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.tb-rec strong{font-size:16px}.tb-rec p{margin:0;color:#463a57;font-size:14px;line-height:1.5}
.tb-tags{display:flex;gap:6px;flex-wrap:wrap}.tb-tag{padding:2px 10px;border-radius:999px;background:#ece0fd;color:#541ba9;font-size:12px;font-weight:700}
.tb-link{align-self:flex-start;margin-top:auto;padding:8px 16px;border-radius:999px;background:linear-gradient(105deg,#7c30ee,#5b1fc4);color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.tb-area{margin:10px 0}.tb-iv{padding:10px 0;border-top:1px solid #e7dff2}.tb-iv:first-child{border-top:0}.tb-iv strong{display:block;font-size:15px}.tb-iv p{margin:3px 0 0;font-size:14px;line-height:1.5}
/* Clarification questions */
.fx-clq{margin:0 0 18px}.fx-clq h4{margin:0 0 8px;font-size:16px;line-height:1.4}.fx-clq textarea{width:100%;padding:10px 14px;border:1px solid #cbb9e5;border-radius:14px;font:inherit;background:#fff;resize:vertical}
.fx-clexp{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.fx-clexp .felixa-chip.on{background:#ece0fd;border-color:#a45cff;color:#541ba9}
.fx-clnav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}
/* Organizational Dynamics */
.od-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px;padding:14px;border:1px solid #dfd5ef;border-radius:18px;background:#f7f3fe}
.od-fl{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#554868}.od-fl select,.od-fl input{padding:8px 10px;border:1px solid #cbb9e5;border-radius:10px;font:inherit;font-weight:500;background:#fff;color:#15111c}
.od-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.od-tab{padding:8px 14px;border-radius:999px;border:1px solid #cbb9e5;background:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:#463a57}
.od-tab.on{background:linear-gradient(105deg,#7c30ee,#5b1fc4);color:#fff;border-color:transparent}
.od-banner{padding:12px 16px;border-radius:14px;margin:0 0 12px;border:1px solid #c6adec;background:#f4edfe}.od-banner.blocked{background:#fdeceb;border-color:#f3c3be}.od-banner p{margin:4px 0 0;font-size:14px}
.od-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 12px}.od-kpi{padding:14px;border-radius:16px;background:#f4edfe;border:1px solid #c6adec;text-align:center}.od-kpi b{display:block;font-size:26px}.od-kpi span{font-size:12px;color:#5d4c76}
.od-bars{display:grid;gap:6px;margin:8px 0}.od-bar{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;gap:10px;align-items:center;font-size:13.5px}.od-track{height:12px;border-radius:7px;background:#e7dff2;overflow:hidden}.od-track i{display:block;height:100%;background:#7a33e5;border-radius:7px}.od-bar em{font-style:normal;font-weight:700;font-size:13px}
.od-sig,.od-finding{padding:12px 0;border-top:1px solid #e7dff2}.od-sig:first-of-type{border-top:0}.od-sig p,.od-finding p{margin:4px 0 0;font-size:14px}.od-sighead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.od-unknown{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:#f3f0fa;font-size:14px;color:#4a3a73}
.od-regbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}.od-regbar select{padding:8px 10px;border:1px solid #cbb9e5;border-radius:10px;font:inherit;background:#fff}.od-regbar .fx-libsearch{flex:1;min-width:200px;margin:0}
.od-regrow{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-top:1px solid #e7dff2;background:#fff;font:inherit;cursor:pointer}.od-regrow:hover{background:#f7f3fe}.od-regrow strong{display:block;font-size:14px}
.od-regdetail{padding:10px 14px;background:#f7f3fe;border-left:3px solid #7a33e5;font-size:14px}.od-stages{margin:6px 0;padding-left:18px}.od-stages li{margin:2px 0}
.od-status{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e7dff2;color:#554868}.od-status.approved{background:#e4dbf2;color:#462080}.od-status.retracted,.od-status.rejected{background:#fdeceb;color:#b4372a}.od-status.evidence_review{background:#e7f0ff;color:#2a5fb0}
.od-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.od-acts .fx-libsearch{flex:1;min-width:180px;margin:0}.od-ack{font-size:13px}
.od-drill{margin-top:8px;padding:10px 12px;border-radius:12px;background:#f7f3fe;max-height:320px;overflow:auto}

.fx-tplbar{display:flex;gap:10px;padding:12px 18px 0}.fx-tplbtn{display:inline-block;padding:9px 16px;border-radius:12px;border:1px solid #8341e5;color:#8341e5;font-weight:700;font-size:14px;text-decoration:none;background:#fff}.fx-tplbar .fx-tplbtn:last-child{background:#8341e5;color:#fff}

.fx-backbar{padding:8px 0 4px}.fx-backbar[hidden]{display:none}

/* Behavioural review: report tables */
.od-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.od-table th{background:#dbcbf2;text-align:left}.od-table th,.od-table td{padding:6px 8px;border-bottom:1px solid #dfd5ef;vertical-align:top}
@media (max-width:640px){.od-table{display:block;overflow-x:auto}}
.be-sig>strong,.be-sig>small{display:block}.be-sig{padding:8px 0;border-bottom:1px solid #dfd5ef}.be-sig:last-child{border-bottom:0}

/* Diagnostics windows: every question page is the same size and all of its text is visible.
   On phones the options stack in one column, so the window is taller (it was a fixed 420px and the longer pages spilled out of it).
   overflow:auto is only a safety net for unusually narrow screens: when the content fits, nothing scrolls. */
.fx-qbody{overflow-x:hidden;overflow-y:auto}
@media(max-width:720px){
  .fx-qhead{height:auto;min-height:72px}
  .fx-qfelixa{height:160px;min-height:0;align-items:center}
  .fx-qbody{height:660px;min-height:0;flex:none}
}
@media(max-width:380px){.fx-qfelixa{height:190px}.fx-qbody{height:720px}}

/* the follow-up questions use the same window as every question page: same header, message box, body and footer heights */
.fx-qfelixa{height:100px}
.fx-clarify .fx-clbody{height:400px;flex:none}
.fx-clarify>p.muted:empty{display:none}
.fx-clarify .fx-clnav{margin-top:0;min-height:48px;align-items:center}
.fx-clarify .fx-clq textarea{min-height:150px}
.fx-clarify .fx-clq .fx-clexp{margin:0 0 12px}
@media(max-width:720px){.fx-clarify .fx-clbody{height:660px}}
@media(max-width:380px){.fx-clarify .fx-clbody{height:720px}}
@media(max-width:720px){.fx-qfelixa{height:160px}}
@media(max-width:380px){.fx-qfelixa{height:190px}}

/* ---- model choice, Discuss Results with Felixa, the Database, and the report question about the conversation ---- */
.fx-ai{padding:14px 16px;border-radius:16px;background:#f6f0fe;border:1px solid #dbccf1;margin:0 0 12px}
.fx-airow{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}.fx-airow label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#463a57}
.fx-airow select{min-height:42px;padding:8px 10px;border:1.5px solid #d9ceea;border-radius:12px;font:inherit;font-weight:500;background:#fff;color:#20192a}
.fx-ainote{margin:8px 0 0;font-size:13px;line-height:1.45}.fx-aiwarn{margin:6px 0 0;font-size:13px;font-weight:650}.fx-aiwarn.cloud{color:#541ba9}.fx-aiwarn.local{color:#462080}
.fx-dwin{display:flex;flex-direction:column;gap:10px;max-width:900px;margin:0 auto}
.fx-dmsgs{height:340px;overflow-y:auto;padding:14px;border-radius:18px;background:#fff;border:1px solid #dfd5ef;display:flex;flex-direction:column;gap:10px}
.fx-dmsg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5}.fx-dmsg p{margin:0;white-space:pre-wrap}.fx-dmsg small{display:block;margin-top:4px;font-size:12px}
.fx-dmsg.user{align-self:flex-end;background:#f2eafd;border:1px solid #dac8f5}.fx-dmsg.felixa{align-self:flex-start;background:#f1eff5;border:1px solid #dcd5e7}
.fx-dempty{margin:auto;text-align:center;max-width:420px}.fx-dchips{display:flex;gap:8px;flex-wrap:wrap}.fx-dchips:empty{display:none}
.fx-dlast{margin:0;font-size:13.5px;font-weight:700;color:#462080}.fx-dlast:empty{display:none}.fx-dest{margin:0;font-size:13.5px}.fx-derr{margin:0;color:#c0392b;font-weight:650;font-size:14px}.fx-derr:empty{display:none}
.fx-dform{display:flex;gap:10px;align-items:flex-end}.fx-dform textarea{flex:1;min-height:56px;padding:10px 14px;border:1.5px solid #d9ceea;border-radius:14px;font:inherit;font-size:15px;resize:none;background:#fff}
.fx-dform textarea:focus{outline:0;border-color:#7e39e5;box-shadow:0 0 0 4px #f4842a22}.fx-dform .fx-primary{min-height:56px}
.fx-dfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}.fx-dnote{margin:0;font-size:12.5px}
.fx-dbstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 6px}.fx-dbstat{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dfd5ef;display:flex;flex-direction:column;gap:2px}
.fx-dbstat b{font-size:22px;color:#15111c}.fx-dbstat span{font-size:13px;color:#463a57}
.fx-dbcount{margin-left:auto;padding:3px 12px;border-radius:999px;background:#f0e8fd;color:#541ba9;font-weight:700;font-size:14px}
.fx-dbcard{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dfd5ef;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.fx-dbtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fx-dbtop strong{display:block;color:#15111c;font-size:16px}.fx-dbtop small{display:block;margin-top:2px}
.fx-dbstatus{padding:3px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:#e4dbf2;color:#462080;white-space:nowrap}.fx-dbstatus.paused{background:#f0e8fd;color:#541ba9}
.fx-dbchips{display:flex;gap:6px;flex-wrap:wrap}.fx-dbmeta{margin:0;font-size:13px}.fx-dbrow{display:flex;gap:8px;flex-wrap:wrap}.fx-dbdel{color:#a3453c;border-color:#f1cfc5;background:#fff}
.fx-dbprompt{margin:0;font-size:13px}.fx-dbtext{margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap}
.fx-dbread>summary{cursor:pointer;color:#541ba9;font-weight:700;font-size:14px}.fx-dbtranscript{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:360px;overflow-y:auto;padding:4px}
.fx-dbinsight{padding:12px 14px;border-radius:14px;background:#f6f4f9;border:1px solid #dcd5e6}.fx-dbinsight p{margin:4px 0}.fx-dbinsight ul{margin:4px 0 6px;padding-left:20px;font-size:14px}
.fx-rask{margin:0 0 12px;font-size:15px;line-height:1.5}.fx-rcheck{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:0 0 10px;border:1.5px solid #d9ceea;border-radius:14px;cursor:pointer}
.fx-rcheck input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#a45cff}.fx-rcheck strong{display:block}.fx-rcheck small{display:block;margin-top:2px;line-height:1.4}.fx-rcheck input:disabled+span{opacity:.5}
.fx-rcost{margin:8px 0 0;font-size:14px;font-weight:650;color:#462080;line-height:1.45}
@media(max-width:720px){.fx-airow{grid-template-columns:1fr}.fx-dbstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-dmsg{max-width:94%}.fx-dmsgs{height:300px}.fx-dform{flex-direction:column;align-items:stretch}}

/*KEEP*/
/* ---- Dashboard: collective and individual results ---- */
.dsh-root{--d-ink:#1d1710;--d-ink2:#5a4a37;--d-muted:#8a7a65;--d-line:#efe6d6;--d-surface:#fff;--d-blue:#2a78d6;--d-blue-soft:#eef4fd;--d-orange:#eb6834;--d-grey:#9a9a96}
.dsh-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 18px}
.dsh-seg{display:inline-flex;padding:4px;border-radius:14px;background:#f4ecdd;gap:2px}
.dsh-segbtn{border:0;background:transparent;padding:9px 18px;border-radius:11px;font:inherit;font-weight:650;font-size:14.5px;color:var(--d-ink2);cursor:pointer}
.dsh-segbtn.on{background:#fff;color:var(--d-ink);box-shadow:0 1px 3px #78501a26}.dsh-segbtn:focus-visible{outline:3px solid #2a78d655;outline-offset:1px}
.dsh-pick{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:var(--d-ink2);min-width:200px;flex:1;max-width:340px}
.dsh-pick select{min-height:42px;padding:8px 10px;border:1.5px solid #ece0cc;border-radius:12px;font:inherit;font-weight:500;background:#fff;color:var(--d-ink)}
.dsh-head{margin:0 0 14px}.dsh-head h2{margin:0;font-size:26px;letter-spacing:-.02em;color:var(--d-ink)}.dsh-head p{margin:4px 0 0;font-size:14.5px}
.dsh-notice{margin:0 0 16px;padding:11px 14px;border-radius:12px;background:#fff8ef;border:1px solid #f4e3c9;color:var(--d-ink2);font-size:14px;line-height:1.45}
.dsh-kpis{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;margin:0 0 16px}.dsh-kpis.two{grid-template-columns:1fr 1fr}
.dsh-tile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;background:var(--d-surface);border:1px solid #f1e6d3;min-width:0}
.dsh-label{font-size:13px;font-weight:650;color:var(--d-ink2)}.dsh-val{font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--d-ink);font-weight:650}
.dsh-tile.hero .dsh-val{font-size:56px;letter-spacing:-.03em}.dsh-tile small{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.dsh-meter{height:8px;border-radius:999px;background:#dbe8fa;overflow:hidden;margin:6px 0 2px}.dsh-meter i{display:block;height:100%;background:var(--d-blue);border-radius:999px}
.dsh-spark{margin-top:4px}
.dsh-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin:0 0 16px;align-items:start}
.dsh-side{display:flex;flex-direction:column;gap:16px}
.dsh-card{padding:18px 20px;border-radius:20px;background:var(--d-surface);border:1px solid #f1e6d3;box-shadow:0 4px 14px #78501a0d;margin:0 0 16px;min-width:0}.dsh-grid .dsh-card,.dsh-side .dsh-card{margin:0}
.dsh-cardhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:0 0 12px;flex-wrap:wrap}.dsh-cardhead h3{margin:0;font-size:17px;color:var(--d-ink)}.dsh-cardhead p{margin:3px 0 0;font-size:13.5px}
.dsh-toggles{display:flex;gap:8px;flex-wrap:wrap}
.dsh-legend{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--d-ink2)}.dsh-key{display:inline-flex;align-items:center;gap:7px}
.dsh-key i{width:16px;height:4px;border-radius:2px}.dsh-key i.dot{width:10px;height:10px;border-radius:50%}
.dsh-bars,.dsh-dumb{display:flex;flex-direction:column;gap:2px}
.dsh-barrow,.dsh-drow{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 92px;gap:12px;align-items:center;padding:8px 6px;border-radius:12px}
.dsh-barrow:hover,.dsh-drow:hover,.dsh-barrow:focus-visible,.dsh-drow:focus-visible{background:#faf5ea;outline:0}
.dsh-barlabel{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:600;color:var(--d-ink);line-height:1.25}
.dsh-mark{font-size:11.5px;font-weight:700;letter-spacing:.01em;color:var(--d-ink2)}.dsh-mark.explore{color:#9a4a12}.dsh-mark.strong{color:#2f5f93}
.dsh-track{display:flex;flex-direction:column;gap:4px;min-width:0}.dsh-barwrap{position:relative;height:14px;background:var(--d-blue-soft);border-radius:0 4px 4px 0}
.dsh-bar2{display:block;height:100%;border-radius:0 4px 4px 0}.dsh-bar2.thin{height:100%}.dsh-track:has(.dsh-barwrap + .dsh-barwrap) .dsh-barwrap{height:10px}
.dsh-spread{position:absolute;left:0;bottom:-6px;height:2px;background:var(--d-ink2);opacity:.55;border-radius:1px;text-decoration:none}
.dsh-barval{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.dsh-barval b{font-size:16px;color:var(--d-ink);font-variant-numeric:tabular-nums}.dsh-barval small{white-space:nowrap}.dsh-barval .cmpval{font-size:12.5px;color:var(--d-ink2);font-weight:600}
.dsh-axis{position:relative;height:16px;margin:6px 104px 0 202px;font-size:11.5px;color:var(--d-muted);font-variant-numeric:tabular-nums}.dsh-axis span{position:absolute;top:0}
.dsh-note{margin:12px 0 0;font-size:12.5px;line-height:1.45}
.dsh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dsh-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--d-line);font-size:14.5px;color:var(--d-ink2)}.dsh-list li:last-child{border-bottom:0}.dsh-list b{color:var(--d-ink)}
.dsh-list.plain li{justify-content:flex-start;color:var(--d-ink);font-weight:600}.dsh-side h4{margin:12px 0 4px;font-size:13.5px;color:var(--d-ink2)}
.dsh-side .felixa-chip{margin-top:10px}
.dsh-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px 6px}
.dsh-heat{display:grid;gap:2px;min-width:1010px;align-items:stretch}
.dsh-hh{font-size:11.5px;font-weight:700;color:var(--d-ink2);text-align:center;padding:4px 2px 8px;line-height:1.2;align-self:end}
.dsh-hname{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:8px 10px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:650;font-size:14px;color:var(--d-ink);cursor:pointer}
.dsh-hname:not(:disabled):hover{background:#faf5ea}.dsh-hname:disabled{cursor:default}.dsh-hname small{font-weight:500;font-size:12px}
.dsh-cell{display:grid;place-items:center;min-height:46px;border-radius:6px;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;background:#f6f2ea;color:var(--d-muted)}.dsh-cell.overall{border-radius:6px}
.dsh-cell:focus-visible{outline:3px solid #1d1710;outline-offset:1px}
.dsh-scale{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--d-muted)}.dsh-scale i{flex:0 1 260px;height:8px;border-radius:4px}
.dsh-people{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.dsh-person{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;border:1.5px solid #ece0cc;background:#fff;font:inherit;cursor:pointer;text-align:left}
.dsh-person small{display:block}.dsh-person.on{border-color:var(--d-blue);background:var(--d-blue-soft);box-shadow:0 0 0 3px #2a78d61f}
.dsh-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--d-blue);color:#fff;font-weight:700;font-size:14px}
.dsh-dtrack{position:relative;height:26px}.dsh-gridline{position:absolute;top:0;bottom:0;width:1px;background:var(--d-line);text-decoration:none}
.dsh-dtrack::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--d-line)}
.dsh-dline{position:absolute;top:50%;height:3px;margin-top:-1.5px;background:#2a78d655;border-radius:2px}
.dsh-ddot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-sizing:content-box}.dsh-ddot.me{background:var(--d-blue);width:12px;height:12px;margin:-8px 0 0 -8px}.dsh-ddot.group{background:var(--d-grey);width:12px;height:12px;margin:-8px 0 0 -8px}
.dsh-tablewrap{overflow-x:auto}.dsh-table{width:100%;border-collapse:collapse;font-size:14px}.dsh-table th{text-align:left;font-size:12.5px;color:var(--d-ink2);padding:8px 10px;border-bottom:1.5px solid var(--d-line)}.dsh-table td{padding:9px 10px;border-bottom:1px solid var(--d-line);color:var(--d-ink);font-variant-numeric:tabular-nums}
.dsh-empty{text-align:center;padding:42px 20px;border-radius:20px;background:#fff;border:1px dashed #e4d3b2}.dsh-empty h3{margin:0 0 6px;color:var(--d-ink)}.dsh-empty p{margin:0 auto 16px;max-width:460px;line-height:1.5}
.dsh-foot{margin:6px 0 0;font-size:12.5px;line-height:1.5}
.dsh-tip{position:fixed;z-index:300;pointer-events:none;max-width:280px;padding:9px 12px;border-radius:10px;background:#1d1710;color:#fff;font-size:12.5px;line-height:1.45;box-shadow:0 8px 24px #1d171040;display:flex;flex-direction:column}.dsh-tip[hidden]{display:none}.dsh-tip strong{font-size:13px}
@media(max-width:1100px){.dsh-grid{grid-template-columns:1fr}.dsh-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.dsh-kpis{grid-template-columns:1fr 1fr}.dsh-tile.hero .dsh-val{font-size:44px}.dsh-barrow,.dsh-drow{grid-template-columns:1fr 92px;grid-template-areas:"l v" "t t"}.dsh-barlabel{grid-area:l}.dsh-barval{grid-area:v}.dsh-track,.dsh-dtrack{grid-area:t}.dsh-axis{margin:6px 0 0}.dsh-pick{max-width:none}.dsh-seg{width:100%}.dsh-segbtn{flex:1;padding:9px 6px}}

/*ENDKEEP*/

/* ---- Database calendar, and inviting people from Diagnostics ---- */
.fx-dbcal{padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #dfd5ef;margin:0 0 16px;max-width:620px}
.fx-calhead{display:flex;align-items:center;gap:10px;margin:0 0 10px}.fx-calhead strong{flex:1;text-align:center;font-size:18px;color:#15111c}
.fx-calnav{width:38px;height:38px;border-radius:50%;border:1.5px solid #d9ceea;background:#fff;color:#15111c;font-size:20px;line-height:1;cursor:pointer}
.fx-calweek,.fx-calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.fx-calweek span{text-align:center;font-size:12.5px;font-weight:650;color:#665b77;padding:4px 0}
.fx-calblank,.fx-calday{min-height:46px;border-radius:12px}
.fx-calday{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid transparent;background:transparent;font:inherit;color:#746887;cursor:default;padding:0}
.fx-calday b{font-size:15px;font-weight:600;line-height:1}.fx-calday.has{background:#f1ebf9;color:#15111c;cursor:pointer}.fx-calday.has b{font-weight:800}.fx-calday.has:hover{border-color:#c7b6e0}
.fx-calday.today{box-shadow:inset 0 0 0 2px #cfd8e6}.fx-calday.sel{background:#f0e8fd;border-color:#7e39e6}
.fx-caldots{display:flex;gap:3px;height:7px}.fx-callegend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0;font-size:12.5px;color:#463a57}.fx-callegend span{display:inline-flex;align-items:center;gap:6px}
.fx-dbfilter{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0 0 14px;border-radius:12px;background:#f6f0fe;border:1px solid #dbccf1;font-weight:650;color:#382e48}
.fx-invkinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 14px}
.fx-invkind{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:14px;border:1.5px solid #d9ceea;background:#fff;font:inherit;text-align:left;cursor:pointer}
.fx-invkind:disabled{opacity:.5;cursor:not-allowed}.fx-invkind.on{border-color:#a45cff;background:#f5effe;box-shadow:0 0 0 3px #a45cff1f}.fx-invico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e6d8fc;color:#6f29d9;margin-bottom:4px}
.fx-invfield{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#463a57;margin:0 0 10px}.fx-invfield select,.fx-invfield input{min-height:42px;padding:8px 12px;border:1.5px solid #d9ceea;border-radius:12px;font:inherit;font-weight:500;background:#fff;color:#15111c}
.fx-invgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.fx-invnote{margin:0 0 12px;font-size:13.5px}.fx-invout{margin:6px 0 0}.fx-invout strong{display:block;margin:6px 0 4px}
@media(max-width:620px){.fx-invkinds,.fx-invgrid{grid-template-columns:1fr}.fx-calday,.fx-calblank{min-height:40px}}
/*KEEP*/
.fx-caldot{width:7px;height:7px;border-radius:50%;display:inline-block}.fx-caldot.diag{background:#2a78d6}.fx-caldot.chat{background:#eb6834}.fx-caldot.written{background:#1baf7a}
/*ENDKEEP*/

/* IdealMe brand block: logo on a white badge, product name beneath */
.fx-brand{flex-direction:column;align-items:flex-start;gap:10px}
.fx-brand .fx-brandbadge{display:block;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 2px 10px #0004}
.fx-brand .fx-brandbadge img{display:block;width:132px;max-width:100%;height:auto;background:none;border-radius:0;padding:0;box-shadow:none}
.fx-brand .fx-brandname{font-size:20px;font-weight:700;letter-spacing:.02em;padding-left:2px}
.fx-brand .fx-brandname small{font-size:10px;letter-spacing:.16em;color:#d9c8ff}
.felixa-mark{height:28px;width:auto}

/* Powered by Felixa: small, at the bottom, links to felixahealth.com */
.fx-powered{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.03em;text-decoration:none;color:#8A8A99;opacity:.9}
.fx-powered:hover{opacity:1}.fx-powered b{font-weight:600;color:#5E6070}.fx-powered img{height:16px;width:auto;display:block}
.side-nav-bottom .fx-powered{margin:10px 12px 4px;color:#b9a6e0}.side-nav-bottom .fx-powered b{color:#e6dcff}.side-nav-bottom .fx-powered img{background:#fff;border-radius:5px;padding:2px 3px;height:20px}
.im-powered .fx-powered{font-size:12px}.im-powered{text-align:center;margin:18px 0 6px}

/* Review and edit my answers */
.fx-rvcard{max-width:720px}.fx-rvcard .fx-modalbody{max-height:60vh;overflow:auto}
.fx-rvarea h4{margin:16px 0 6px;font-size:15px;color:#3C007C}.fx-rvrow{padding:10px 0;border-bottom:1px solid #eee7f8}
.fx-rvq{margin:0 0 8px;font-size:14.5px;line-height:1.45}.fx-rvopts{display:flex;flex-wrap:wrap;gap:6px}
.fx-rvopt{flex:1 1 90px;min-height:36px;padding:6px 8px;border-radius:10px;border:1.5px solid #d9ceea;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#463a57;cursor:pointer}
.fx-rvopt.on{background:#7f36fc;border-color:#7f36fc;color:#fff}.fx-rvmsg{margin:0 auto 0 0;font-size:13px;color:#5E6070}

/* Results page: numbered, dated assessments; areas with change since the previous one */
.rs{display:flex;flex-direction:column;gap:16px;max-width:880px}
.rs-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff}
.rs-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#d9c8ff}
.rs-title{margin:0;font-size:28px;line-height:1.1;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;color:#fff}
.rs-date{font-size:15px;font-weight:500;color:#e6dcff}
.rs-sub{margin:8px 0 0;font-size:13.5px;color:#e6dcff}
.rs-acts{display:flex;flex-wrap:wrap;gap:8px}
.rs-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;border:1.5px solid #ffffff55;background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.rs-btn:hover{background:#ffffff1f}.rs-btn.primary{background:#fff;color:#3C007C;border-color:#fff}.rs-btn.primary:hover{background:#f1e9ff}
.rs-tabs{display:flex;flex-wrap:wrap;gap:8px}
.rs-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;border-radius:12px;border:1.5px solid #d9ceea;background:#fff;font:inherit;cursor:pointer;color:#463a57}
.rs-tab small{font-size:12px;color:#5E6070}.rs-tab.on{border-color:#7f36fc;background:#f5effe;box-shadow:0 0 0 3px #7f36fc1f}
.rs-jumps{display:flex;flex-wrap:wrap;gap:6px}
.rs-jump{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid #d9ceea;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#3C007C;cursor:pointer}
.rs-jump:hover{background:#f5effe}
.rs-card{padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #e7e0f5;box-shadow:0 2px 10px #3c007c0d;scroll-margin-top:12px}
.rs-card h4{margin:0 0 4px;font-size:18px;color:#1F1235}.rs-card h5{margin:0 0 6px;font-size:15px;color:#3C007C}
.rs-lead{margin:0 0 14px;font-size:13.5px}.rs-note{margin:0;font-size:13px;line-height:1.5;color:#5E6070}
.rs-callout{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#f5effe;border-color:#d9c8ff}
.rs-overview{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:22px;align-items:center}
.rs-big{display:flex;flex-direction:column;gap:4px}.rs-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8A8A99}
.rs-num{font-size:64px;line-height:1;font-weight:600;color:#3C007C}
.rs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rs-tile{padding:14px 16px;border-radius:14px;background:#faf7ff;border:1px solid #e7e0f5;display:flex;flex-direction:column;gap:6px}.rs-tile strong{font-size:14.5px;line-height:1.4;color:#1F1235}
.rs-delta{display:inline-block;align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eeeaf6;color:#463a57}
.rs-delta.up{background:#e3f4ec;color:#126b45}.rs-delta.down{background:#fde9e4;color:#a1361f}
.rs-sech{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin:0 0 10px}
.rs-legend{display:flex;gap:14px;margin:0;font-size:12.5px;color:#5E6070}
.rs-key{display:inline-flex;align-items:center;gap:6px}.rs-key:before{content:"";width:16px;height:8px;border-radius:4px;background:#7f36fc}.rs-key.was:before{width:3px;height:14px;border-radius:2px;background:#1F1235}
.rs-area{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #f0eaf9}.rs-area:first-of-type{border-top:0}
.rs-areaico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f1e9ff;color:#5b1fc4}
.rs-areamid{display:flex;flex-direction:column;gap:7px;min-width:0}.rs-areatop{display:flex;justify-content:space-between;align-items:center;gap:10px}.rs-areatop strong{font-size:15px;color:#1F1235}
.rs-score{display:flex;align-items:center;gap:8px}.rs-score b{font-size:20px;color:#3C007C}
.rs-track{position:relative;height:10px;border-radius:6px;background:#eee7f8}
.rs-track i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#9a5cff,#5b1fc4)}
.rs-track u{position:absolute;top:-4px;width:3px;height:18px;margin-left:-1px;border-radius:2px;background:#1F1235;text-decoration:none}
.rs-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rs-rec{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;border:1px solid #e7e0f5;background:#faf7ff}.rs-rec p{margin:0;font-size:14px;line-height:1.5}
.rs-deepbtn{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 16px;border-radius:12px;border:0;background:#7f36fc;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.rs-deepbtn:hover{background:#6a22d6}
.rs-done{margin-top:auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:#e3f4ec;color:#126b45;font-size:14px;font-weight:600}
.rs-link{margin-left:auto;padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#5b1fc4;text-decoration:underline;cursor:pointer}
.rs-chips{display:flex;flex-wrap:wrap;gap:8px}.rs-chip{padding:6px 14px;border-radius:999px;background:#f1e9ff;color:#3C007C;font-size:13.5px;font-weight:600}
.rs-inv{padding:10px 0;border-top:1px solid #f0eaf9}.rs-inv p{margin:4px 0 0;font-size:14px}
.rs-dgroup{margin:0 0 14px}.rs-drow{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid #f0eaf9;font-size:14px}.rs-drow b{flex:none;color:#3C007C}
.rs-more{display:flex;flex-wrap:wrap;gap:20px}.rs-more .rs-link{margin-left:0}
@media(max-width:640px){.rs-overview{grid-template-columns:1fr}.rs-tiles{grid-template-columns:1fr}.rs-head{padding:18px}.rs-title{font-size:24px}.rs-num{font-size:52px}}
.rs-done{flex-wrap:wrap;padding:8px 14px}.rs-done .rs-link{white-space:nowrap}

/* Felixa mascot: same corner on Diagnostics, Results and Dashboard; opens the conversation window */
.fx-mascot{position:fixed;right:22px;bottom:22px;z-index:60;width:68px;height:68px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;cursor:pointer;background:linear-gradient(145deg,#8f4dff,#3C007C);box-shadow:0 10px 26px #3c007c55,0 0 0 4px #fff;transition:transform .15s ease,box-shadow .15s ease}
.fx-mascot[hidden],.fx-dpanel[hidden]{display:none}
.fx-mascot:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 30px #3c007c66,0 0 0 4px #fff}.fx-mascot:focus-visible{outline:3px solid #7f36fc;outline-offset:4px}
.fx-mascot.open{box-shadow:0 10px 26px #3c007c55,0 0 0 4px #d9c8ff}
.fx-mascot-tip{position:absolute;right:76px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 12px;border-radius:10px;background:#1F1235;color:#fff;font-size:12.5px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s}
.fx-mascot:hover .fx-mascot-tip,.fx-mascot:focus-visible .fx-mascot-tip{opacity:1}
.fx-dpanel{position:fixed;right:22px;bottom:106px;z-index:61;width:min(440px,calc(100vw - 24px));height:min(680px,calc(100vh - 130px));display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid #d9ceea;box-shadow:0 24px 60px #1f12353d;overflow:hidden}
.fx-dphead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 12px 16px;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff}
.fx-dptitle{display:flex;align-items:center;gap:10px}.fx-dptitle svg{background:#ffffff26;border-radius:50%;padding:3px}.fx-dptitle strong{font-size:15px}
.fx-dphead .fx-modalx{background:#ffffff26;color:#fff}.fx-dpbody{flex:1;overflow-y:auto;padding:14px}
.fx-dpanel .fx-dwin{max-width:none;margin:0}.fx-dpanel .fx-dmsgs{height:auto;min-height:200px;max-height:300px}.fx-dpanel .fx-dform{flex-direction:column;align-items:stretch}
@media(max-width:560px){.fx-mascot{right:14px;bottom:14px;width:60px;height:60px}.fx-dpanel{right:10px;bottom:84px;height:calc(100vh - 100px)}}
/* saved banner and the explore strip on Results */
.rs-saved{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:#e3f4ec;color:#0e5a39;font-size:14px}.rs-saved svg{vertical-align:-3px}.rs-saved .rs-link{margin-left:0;color:#0e5a39}
.rs-explore{background:#f5effe;border-color:#d9c8ff}.rs-exrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.rs-explorebtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:12px;border:0;background:#7f36fc;color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}.rs-explorebtn:hover{background:#6a22d6}

/* Which model: asked each time, cost only in small print */
.fx-aiask .fx-aiq{margin:0 0 12px;font-size:15px;line-height:1.5}.fx-aiswitch{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#463a57;margin:0 0 10px}
.fx-aiswitch select{min-height:40px;padding:6px 10px;border:1.5px solid #d9ceea;border-radius:10px;font:inherit;font-size:14px;background:#fff}
.fx-aipriv{margin:0 0 6px;font-size:12.5px;color:#5E6070}.fx-aicost{margin:0;min-height:1.2em;font-size:11.5px;color:#8A8A99}

/* Results: folded assessments, top bar, challenges and goals; invite roles */
.rs-topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}.rs-new{display:inline-flex;align-items:center;gap:6px;background:#7f36fc;color:#fff;border-color:#7f36fc}.rs-new:hover{background:#6a22d6}
.rs-stack{display:flex;flex-direction:column;gap:14px;max-width:880px}
.rs-fold{border-radius:18px;background:#fff;border:1px solid #e7e0f5;box-shadow:0 2px 10px #3c007c0d;overflow:hidden}
.rs-foldhead{list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;cursor:pointer;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff}
.rs-foldhead::-webkit-details-marker{display:none}.rs-foldtitle{display:flex;flex-direction:column;margin-right:auto}.rs-foldtitle strong{font-size:18px}.rs-foldtitle small{font-size:13px;color:#e6dcff}
.rs-foldchip{padding:3px 12px;border-radius:999px;background:#ffffff26;font-size:13px;font-weight:600}.rs-foldchip.soft{background:#fff;color:#3C007C}
.rs-foldchev{width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .15s;margin-left:6px}.rs-fold[open]>.rs-foldhead .rs-foldchev{transform:rotate(-135deg)}
.rs-fold>.rs{padding:16px;max-width:none}
.rs-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rs-barnote{font-size:13px;color:#5E6070}.rs-btn.solid{background:#7f36fc;border-color:#7f36fc;color:#fff}.rs-btn.solid:hover{background:#6a22d6}
.rs-cg{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #f0eaf9}.rs-cg:first-of-type{border-top:0}.rs-chip.first{background:#7f36fc;color:#fff}
.fx-invrole{margin:6px 0 10px;padding:12px 14px;border-radius:14px;background:#faf7ff;border:1px solid #e7e0f5}.fx-invrole strong{display:block;margin-bottom:8px}
.dsh-sub{margin:12px 0 4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8A99}
@media(max-width:640px){.rs-cg{grid-template-columns:1fr}}
.fx-invgrid[hidden]{display:none}

/* Invite window: which questionnaire is being sent, and the message to send */
.fx-invq{display:flex;gap:14px;align-items:center;margin:4px 0 12px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff}
.fx-invqico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#ffffff26}.fx-invqk{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d9c8ff}
.fx-invq strong{font-size:19px}.fx-invqd{margin:4px 0 0;font-size:13px;line-height:1.45;color:#e6dcff}
.fx-invmsg{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;padding:14px;border-radius:14px;background:#faf7ff;border:1px solid #e7e0f5}
.fx-invmsg textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #d9ceea;border-radius:12px;font:inherit;font-size:14px;line-height:1.5;resize:vertical;background:#fff}
.fx-invmsg select{min-height:38px;padding:4px 10px;border:1.5px solid #d9ceea;border-radius:10px;font:inherit;background:#fff}.fx-invmsg .fx-primary{align-self:flex-start}

/* Links: used ones go grey; refresh buttons */
.fx-sharerow.used{opacity:.55;background:#f1eff5}.fx-sharerow.used .fx-shareurl{color:#8A8A99}.fx-shareurl{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.fx-shareurl small{color:#5E6070;font-size:12px}
.fx-linkstate{font-size:12px;font-weight:600;color:#5E6070}.fx-linkrm{color:#a1361f}.fx-linkhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 6px}
.dsh-refresh{margin-left:auto}.dsh-updated{align-self:center}
.fx-invlt{margin:6px 0 4px}

/* Every answer option is visible at once: the window grows to fit its options instead of scrolling inside itself */
.fx-qbody{height:auto!important;min-height:400px;overflow:visible!important}
.fx-qopts.multi{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.fx-qopts.multi .fx-qopt{padding:8px 12px;font-size:14.5px}
@media(max-width:720px){.fx-qbody{min-height:420px}.fx-qopts.multi{grid-template-columns:1fr}}
.fx-qbody{padding:14px 20px!important;gap:10px!important}.fx-qopts.multi .fx-qopt{padding:5px 10px;min-height:0;line-height:1.25}.fx-qopts.multi{gap:6px}.fx-qopts.multi .fx-qcheck,.fx-qopts.multi .fx-qradio{flex:none}

.dsh-hidden{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #f0eaf9}.dsh-hidden strong{margin-right:6px}

/* Dashboard: reading, radar, distribution, actions, IdealMe */
.dsh-read{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.55}
.dsh-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin:16px 0}
.dsh-radar{width:100%;height:auto;max-width:520px;display:block;margin:0 auto}
.dsh-drow{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:12px;align-items:center;padding:6px 0}.dsh-dlabel{font-size:13.5px;color:#1F1235}
.dsh-dbar{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden;background:#f1eff5}.dsh-dbar i{display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;min-width:6px}
.dsh-acts{margin:20px 0}.dsh-acthead h3{margin:0 0 2px}.dsh-actgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:12px}
.dsh-act{padding:18px;border-radius:16px;background:#fff;border:1px solid #e7e0f5;display:flex;flex-direction:column;gap:6px}.dsh-act h4{margin:0;font-size:17px}.dsh-act h5{margin:8px 0 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8A8A99}.dsh-act p{margin:0;font-size:14.5px;line-height:1.5}.dsh-act ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.5}
.dsh-acttop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.dsh-bandchip{flex:none;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eeeaf6;color:#463a57}.dsh-bandchip.low{background:#fde9e0;color:#a1431c}.dsh-bandchip.high{background:#e3eefc;color:#1f5aa8}
.dsh-help{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-top:1px solid #f0eaf9}.dsh-help p{font-size:13.5px;color:#5E6070}
.dsh-helpbtn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:12px;background:#7f36fc;color:#fff;font-weight:600;font-size:14px;text-decoration:none}.dsh-helpbtn:hover{background:#6a22d6}.dsh-helpbtn.big{min-height:46px;padding:0 22px;background:#fff;color:#3C007C}
.dsh-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:18px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff}.dsh-cta h3{margin:0 0 4px;color:#fff}.dsh-cta p{margin:0;max-width:560px;color:#e6dcff;font-size:14.5px}
.dsh-fbrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dsh-comments{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.rs-meaning{display:block;font-size:13px;line-height:1.45;color:#5E6070}.rs-meaning.low{color:#a1431c}.rs-meaning.high{color:#1f5aa8}
.rs-helpbtn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:12px;background:#7f36fc;color:#fff;font-weight:600;text-decoration:none}.rs-helpbtn:hover{background:#6a22d6}.rs-help{background:#f5effe;border-color:#d9c8ff}

/* Results: which group; Responses tab */
.rs-scope{padding:3px 12px;border-radius:999px;background:#f1e9ff;color:#3C007C;font-size:13px;font-weight:600}
.dsh-rbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 14px}.dsh-dl{margin-left:auto;text-decoration:none}
.dsh-resp{display:flex;flex-direction:column;gap:10px}.dsh-rdet{border-radius:14px;background:#fff;border:1px solid #e7e0f5;overflow:hidden}
.dsh-rsum{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.dsh-rsum::-webkit-details-marker{display:none}.dsh-rwho{display:flex;flex-direction:column;margin-right:auto;min-width:0}.dsh-rwho strong{font-size:15.5px}.dsh-rwho small{font-size:12.5px}
.dsh-rscore{padding:3px 12px;border-radius:999px;background:#f1e9ff;color:#3C007C;font-size:13px;font-weight:700}.dsh-chev{border-color:#3C007C}.dsh-rdet[open]>.dsh-rsum .dsh-chev{transform:rotate(-135deg)}
.dsh-rbody{padding:4px 16px 16px;border-top:1px solid #f0eaf9}.dsh-rbody h4{margin:14px 0 6px}.dsh-rareas{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dsh-rarea{display:grid;grid-template-columns:minmax(120px,200px) 1fr 36px;gap:10px;align-items:center;font-size:14px}.dsh-rarea b{text-align:right;color:#3C007C}
.dsh-ranswers h5,.dsh-rfb h5{margin:14px 0 4px;font-size:13px;color:#3C007C}.dsh-ritem{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid #f6f2fb;font-size:14px}.dsh-ritem b{flex:none;text-align:right;max-width:46%}
@media(max-width:640px){.dsh-rarea{grid-template-columns:1fr 1fr 32px}.dsh-ritem{flex-direction:column;gap:2px}.dsh-ritem b{text-align:left;max-width:none}}

/* Engine page and sidebar icon */
body .side-nav .side-link[data-ico="engine"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E")}
.eg-now{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#3C007C,#6a22d6);color:#fff;margin:0 0 14px}.eg-nowk{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d9c8ff}.eg-now strong{font-size:17px;margin-right:auto}
.eg-chip{padding:3px 12px;border-radius:999px;background:#e3f4ec;color:#126b45;font-size:12.5px;font-weight:600}.eg-chip.test{background:#fff3df;color:#8a5a14}.eg-now .eg-chip{background:#ffffff26;color:#fff}.eg-now .eg-chip.test{background:#fff;color:#8a5a14}
.eg-card{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #e7e0f5;margin:0 0 14px}.eg-card h3{margin:0 0 2px;font-size:18px}.eg-card p{margin:0}
.eg-vol{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:10px}.eg-vbtn{min-height:40px;padding:0 16px;border-radius:12px;border:1.5px solid #d9ceea;background:#fff;font:inherit;font-weight:600;cursor:pointer;color:#463a57}.eg-vbtn.on{background:#7f36fc;border-color:#7f36fc;color:#fff}
.eg-vcustom{display:flex;flex-direction:column;gap:3px;margin-left:8px;font-size:12px;color:#5E6070}.eg-vcustom input{width:130px;min-height:40px;padding:6px 10px;border:1.5px solid #d9ceea;border-radius:10px;font:inherit}
.eg-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eg-sends{margin-top:6px!important;font-size:13px;color:#5E6070}.eg-hint{margin-top:8px!important;padding:8px 12px;border-radius:10px;background:#faf7ff;font-size:13px;color:#463a57}
.eg-table{margin-top:12px;display:flex;flex-direction:column}.eg-row{display:grid;grid-template-columns:minmax(150px,2.2fr) 1fr 1fr 84px;gap:12px;align-items:center;padding:10px 6px;border-top:1px solid #f0eaf9}.eg-row.on{background:#f5effe;border-radius:10px}
.eg-th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8A99;border-top:0}.eg-model{display:flex;flex-direction:column;gap:2px}.eg-model small{font-size:12px}.eg-num{display:flex;flex-direction:column}.eg-num small{font-size:11.5px}
.eg-badge{align-self:flex-start;margin-top:3px;padding:1px 9px;border-radius:999px;background:#f1e9ff;color:#3C007C;font-size:11.5px;font-style:normal;font-weight:700}
.eg-use{min-height:36px;border-radius:10px;border:1.5px solid #7f36fc;background:#fff;color:#5b1fc4;font:inherit;font-weight:600;cursor:pointer}.eg-use.on{background:#7f36fc;color:#fff;cursor:default}.eg-none{padding:10px 6px;font-size:13px}.eg-foot{font-size:12.5px;line-height:1.5}
@media(max-width:640px){.eg-row{grid-template-columns:1fr 1fr;row-gap:6px}.eg-th{display:none}.eg-use{grid-column:1 / -1}}

/* Evidence, responses in the Database, AI trace */
.fx-evcounts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.fx-evrow,.fx-dbrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #f0eaf9}.fx-evrow small,.fx-dbrow small{display:block}
.fx-evtext{margin:4px 0 0;font-size:13.5px;color:#463a57}.fx-evverified{display:flex;gap:8px;align-items:center;margin:8px 0}
.fx-trace{margin-top:6px;font-size:12px;color:#5E6070}.fx-trace summary{cursor:pointer;font-weight:600;color:#5b1fc4}.fx-trace ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:2px}

/* The engine bar: which engine is in use, and a way to change it */
.fx-enginebar{position:relative;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:10px 14px;border-radius:14px;background:#faf7ff;border:1px solid #e7e0f5}
.fx-enginebar[hidden]{display:none}.fx-eblabel{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fx-ebk{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8A8A99}.fx-eblabel strong{font-size:14.5px;color:#1F1235}
.fx-ebchip{padding:2px 10px;border-radius:999px;background:#f1e9ff;color:#3C007C;font-size:12px;font-weight:600}.fx-ebact{display:flex;gap:10px;align-items:center}.fx-eblink{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#5b1fc4;text-decoration:underline;cursor:pointer}
.fx-engpop{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:min(360px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:10px;border-radius:14px;background:#fff;border:1px solid #d9ceea;box-shadow:0 18px 40px #1f12353d}.fx-engpop[hidden]{display:none}
.fx-engpgroup{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid #f0eaf9}.fx-engpgroup:first-child{border-top:0}.fx-engpgroup>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8A8A99;padding:2px 8px}
.fx-engpitem{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:7px 8px;border-radius:8px;border:0;background:none;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;color:#1F1235}.fx-engpitem:hover:not(:disabled){background:#f5effe}.fx-engpitem.on{background:#f1e9ff;font-weight:700;cursor:default}
.fx-dwin .fx-enginebar{margin:0 0 4px;padding:8px 10px}.fx-dwin .fx-eblabel strong{font-size:13px}.fx-dwin .fx-engpop{left:0;right:auto}

.dsh-prog{display:flex;flex-direction:column;gap:6px}
.dsh-progrow{display:grid;grid-template-columns:24px minmax(120px,1.2fr) minmax(90px,1.4fr) auto auto;gap:12px;align-items:center;padding:8px 4px;border-top:1px solid var(--line,#e5e0f0)}
.dsh-progrow:first-child{border-top:0}
.dsh-prognum{font-weight:700;color:#6b46c1}
.dsh-progname{display:flex;flex-direction:column;min-width:0}
.dsh-progbar{height:8px;border-radius:99px;background:#ece7f6;overflow:hidden}
.dsh-progbar i{display:block;height:100%;background:#6b46c1;border-radius:99px}
.dsh-progtxt{font-size:13px;white-space:nowrap}
.dsh-progdone{font-size:12px;color:#2a7a4b}
.dsh-remind{margin:0 0 8px 36px;padding:12px;border-radius:12px;background:#f7f4fc}
.dsh-remtext{width:100%;box-sizing:border-box;font:inherit;font-size:13px;padding:8px;border:1px solid #d9d2ea;border-radius:8px}
.dsh-remact{display:flex;gap:8px;margin:8px 0}
@media(max-width:720px){.dsh-progrow{grid-template-columns:24px 1fr;row-gap:6px}.dsh-progbar,.dsh-progtxt,.dsh-progrow .felixa-chip,.dsh-progdone{grid-column:2}.dsh-remind{margin-left:0}}

/* access code, structure and mailing list */
.fx-accfield{display:block;margin:10px 0}.fx-accfield span{display:block;font-size:13px;margin-bottom:4px;color:#4b3a6b}
.fx-accfield input,.fx-peopleta{width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border:1px solid #d9d2ea;border-radius:8px}
.fx-accrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.fx-accesscard{margin:20px 0;padding:16px;border-radius:14px;background:#faf8fd;border:1px solid #e5e0f0}
.fx-accstatus{font-weight:600}
.fx-locked{padding:18px;border-radius:14px;background:#faf8fd;border:1px dashed #b9a9dc;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fx-stcard{margin:18px 0;padding:16px;border-radius:14px;background:#fff;border:1px solid #e5e0f0}
.fx-sttree{display:flex;flex-direction:column}
.fx-strow{display:grid;grid-template-columns:minmax(150px,1.6fr) auto auto auto;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid #eee9f6}
.fx-strow:first-child{border-top:0}.fx-strow.d1{margin-left:26px;border-left:2px solid #d9d2ea;padding-left:12px}
.fx-stname{display:flex;flex-direction:column;min-width:0}.fx-stcount{font-size:13px;white-space:nowrap}.fx-stlabel{margin:12px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b5a8c}
.fx-peoplelist{margin-top:12px;max-height:240px;overflow:auto}
.fx-personrow{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #eee9f6}.fx-pname{display:flex;flex-direction:column;min-width:0;flex:1}
.fx-peopleout{margin-top:10px}.fx-ok{color:#2a7a4b}
@media(max-width:720px){.fx-strow{grid-template-columns:1fr;row-gap:4px}.fx-strow.d1{margin-left:10px}}

/* what the dashboard results are about */
.dsh-scope{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;padding:10px 12px;border-radius:12px;background:#faf8fd;border:1px solid #e5e0f0}
.dsh-scopelbl{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6b5a8c}
.dsh-scopechip{padding:4px 12px;border-radius:99px;font-weight:600;font-size:13px;background:#ece7f6;color:#3c007c}
.dsh-scopechip.hi.team{background:#eb6834;color:#fff}.dsh-scopechip.hi.community{background:#6b46c1;color:#fff}.dsh-scopechip.hi.both{background:linear-gradient(90deg,#eb6834,#6b46c1);color:#fff}
.dsh-scopenames{flex-basis:100%}
.fx-stadd{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap}
.fx-linkbox{margin-top:14px;padding:12px;border-radius:12px;background:#f7f4fc}.fx-linklist{margin-top:6px;max-height:160px;overflow:auto}
.fx-linknote{font-size:12px;margin:0}
.fx-stadd .fx-inslink{margin-left:0}

.fx-rnew{padding:12px 16px;border-radius:14px;background:#edf9f6;border:1px solid #bfe6dc;color:#08776d;margin-bottom:14px;font-size:14px}.fx-rsec{margin:26px 0 8px;font-size:15px}

.fx-stmembers{grid-column:1/-1;margin:8px 0 0 4px;padding:8px 12px;border-left:3px solid #c6adec;display:grid;gap:4px}.fx-stmember{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}

.fx-rerr{display:block;margin-top:8px;padding:8px 12px;border-radius:10px;background:#fdecea;color:#9b2c1f;font-size:13.5px;line-height:1.4}

.fx-stask{color:#7a5a00;background:#fff6dd;border-radius:99px;padding:2px 10px;font-size:12.5px}
.fx-stmember button{padding:3px 12px;font-size:12.5px}

.fx-rchips{display:grid;gap:4px;max-height:160px;overflow:auto;padding:4px 2px}
.fx-modalbody .fx-accfield select{width:100%;box-sizing:border-box;min-height:40px}.fx-modalbody .fx-accfield input[type=text]{margin-top:6px}

.fx-stok{color:#1d6b3a;background:#e3f6ea;border-radius:99px;padding:2px 10px;font-size:12.5px}

.fx-stperson{display:grid;gap:4px;padding:6px 0;border-top:1px solid #eee9f6}.fx-stperson:first-of-type{border-top:0}.fx-stquote{margin:0 0 0 4px;padding:6px 10px;border-left:3px solid #c6adec;background:#f7f4fc;border-radius:0 8px 8px 0;font-size:13.5px;line-height:1.4}

.fx-bell{position:fixed;top:14px;right:18px;z-index:60}.fx-bell.in-nav{position:absolute;top:22px;right:14px;z-index:5}.fx-bell.in-nav .fx-bellbtn{width:38px;height:38px}.fx-bell.in-head{position:absolute;top:9px;right:14px;z-index:5}.fx-bell.in-head .fx-bellbtn{width:38px;height:38px}.fx-bellpanel.float{position:fixed;top:16px;right:auto;z-index:80}.fx-bellbtn{position:relative;width:42px;height:42px;border-radius:50%;border:1.5px solid #c6adec;background:#fff;color:#3C007C;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(60,0,124,.12)}
.fx-bellbadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#d94a3a;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.fx-bellpanel{position:absolute;right:0;top:50px;width:min(360px,calc(100vw - 28px));max-height:70vh;overflow:auto;background:#fff;border:1.5px solid #c6adec;border-radius:16px;box-shadow:0 12px 32px rgba(60,0,124,.2);padding:10px}
.fx-bellhead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 8px}.fx-bellnone{padding:8px 6px;margin:0}
.fx-bellitem{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;background:transparent;padding:9px 8px;border-radius:10px;border-top:1px solid #eee9f6;cursor:pointer;font:inherit;color:inherit}.fx-bellitem:hover{background:#f7f4fc}.fx-bellitem.new{background:#f3ecff;font-weight:600}
.fx-rset{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 14px;border-radius:12px;background:#f7f4fc;font-size:14px}.fx-rset small{display:block}

.fx-rhero{border:1.5px solid #c6adec;border-radius:22px;padding:20px 22px;background:linear-gradient(135deg,#f3ecff,#fff);margin:12px 0;display:grid;gap:12px}.fx-rherotop{display:flex;gap:14px;align-items:flex-start}.fx-rherotop h3{margin:0 0 4px;font-size:22px}.fx-rherotop p{margin:0;color:#5d4c76;line-height:1.45}
.fx-biggo{width:100%;min-height:52px;font-size:16px;border-radius:14px}
.fx-rhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 2px 8px}.fx-rhead h3{margin:0;font-size:19px}
.fx-rtitle{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fx-latest{background:#e3f6ea;color:#1d6b3a;border-radius:99px;padding:1px 9px;font-size:12px;font-weight:700}
.fx-rdet{border:1.5px solid #e1d5f3;border-radius:16px;padding:6px 14px;margin:14px 0;background:#fff}.fx-rdet summary{cursor:pointer;font-weight:700;padding:8px 0;color:#3C007C}
.fx-gen{width:min(760px,calc(100vw - 24px))}.fx-gsec{border-left:5px solid var(--c);background:#faf8ff;border-radius:0 14px 14px 0;padding:12px 14px;margin:0 0 14px}.fx-gshead{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.fx-gshead b{flex:0 0 26px;height:26px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:13px}.fx-gshead small{display:block}
.fx-gopts{display:flex;flex-wrap:wrap;gap:8px}.fx-gopt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:9px 14px;border-radius:12px;border:2px solid var(--c);background:#fff;color:var(--c);font:inherit;cursor:pointer;min-width:120px}.fx-gopt strong{font-size:14px}.fx-gopt small{font-size:12px;opacity:.85}.fx-gopt.on{background:var(--c);color:#fff}.fx-gopt:disabled{opacity:.4;cursor:default}
.fx-gpeople{display:grid;gap:2px;max-height:190px;overflow:auto;margin-top:8px;padding:4px;background:#fff;border-radius:10px;border:1px solid #e7defa}.fx-gperson{display:flex;gap:10px;align-items:flex-start;padding:5px 6px;border-radius:8px;cursor:pointer}.fx-gperson:hover{background:#f7f4fc}.fx-gperson small{display:block}.fx-gcount{display:block;margin-top:6px}
.fx-gta{width:100%;box-sizing:border-box;margin:10px 0 6px;padding:10px 12px;border:1.5px solid #c6adec;border-radius:12px;font:inherit}
.fx-rhero .fx-rtype-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#3C007C;color:#fff;flex:0 0 48px}
.fx-gen .fx-gopts .fx-gopt{width:auto!important;flex:0 0 auto;min-width:130px;max-width:100%}.fx-gen .fx-gopts{align-items:stretch}

.fx-invmail{margin-top:16px;padding:14px;border:1.5px solid #e1d5f3;border-radius:16px;background:#faf8ff;display:grid;gap:6px}.fx-invmail strong{color:#3C007C}.fx-invmail .fx-invnote{margin:0 0 4px}
.fx-drop{display:grid;place-items:center;gap:2px;padding:20px 14px;border:2px dashed #b995ee;border-radius:14px;background:#fff;color:#3C007C;cursor:pointer;text-align:center}.fx-drop span{font-size:13px;color:#5d4c76}.fx-drop.over{background:#f3ecff;border-color:#7f36fc}
.fx-dropres{display:grid;gap:8px}.fx-dropcard{padding:10px 12px;border-radius:12px;background:#fff;border:1.5px solid #e1d5f3;display:grid;gap:4px}.fx-dropcard.ok{border-color:#a9dcba;background:#f1faf4}.fx-dropcard.bad{border-color:#f0b9b0;background:#fdf3f1}.fx-dropcard p{margin:2px 0}

/* the bell: top right of the page on a computer */
.fx-topbar{display:flex;justify-content:flex-end;align-items:center;padding:14px clamp(24px,4vw,56px) 0}.fx-topbar ~ .view{padding-top:10px!important}
.fx-bell.in-top{position:relative;top:auto;right:auto;z-index:20}.fx-bell.in-top .fx-bellbtn{width:42px;height:42px}
/* Reports: how many answered, collect answers, create the report */
.fx-rdash{display:grid;gap:16px;margin:6px 0 4px}
.fx-rtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fx-rtile{background:#fff;border:1.5px solid #e7defa;border-top:4px solid var(--c);border-radius:16px;padding:12px 16px;display:grid;gap:2px}.fx-rtile b{font-size:30px;line-height:1.1;color:var(--c)}.fx-rtile span{font-size:13px;color:#5d4c76}
.fx-rcols{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
.fx-rcard2{background:#fff;border:1.5px solid #e1d5f3;border-radius:22px;padding:18px 20px;display:grid;gap:12px;box-shadow:0 8px 24px rgba(60,0,124,.06)}.fx-rcard2.t1{border-top:5px solid #11a89a}.fx-rcard2.t2{border-top:5px solid #7f36fc;background:linear-gradient(160deg,#f6f0ff,#fff)}
.fx-rcard2h{display:flex;gap:12px;align-items:flex-start}.fx-rcard2h>b{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px}.t1 .fx-rcard2h>b{background:#11a89a}.t2 .fx-rcard2h>b{background:#7f36fc}
.fx-rcard2h h3{margin:0 0 3px;font-size:20px}.fx-rcard2h p{margin:0;color:#5d4c76;line-height:1.45;font-size:14px}.fx-rcard2 h4{margin:4px 0 0;font-size:15px;color:#3C007C}.fx-rsub{margin:0}
.fx-rbtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fx-rtpl{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#f3ecff;border:1.5px dashed #c6adec}.fx-rtpl>div{flex:1;min-width:0}.fx-rtpl strong{display:block}.fx-rtpl small{display:block}.fx-rtpl-ico{width:34px;height:34px;border-radius:10px;background:#3C007C;color:#fff;display:grid;place-items:center;flex:0 0 34px}
.fx-dropico{color:#7f36fc;display:block;margin-bottom:2px}
@media(max-width:900px){.fx-rcols{grid-template-columns:1fr}.fx-rtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Database: quick links, search, completed questionnaires */
.fx-dbnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;position:sticky;top:0;z-index:4;background:#fbfafc;padding:8px 0}
.fx-dbchip{padding:7px 14px;border-radius:99px;border:1.5px solid #c6adec;background:#fff;color:#3C007C;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.fx-dbchip:hover,.fx-dbchip.on{background:#3C007C;color:#fff;border-color:#3C007C}
.fx-dbtools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.fx-dbsearch{flex:1 1 220px;min-width:180px;padding:10px 14px;border:1.5px solid #c6adec;border-radius:12px;font:inherit}.fx-dbchipsrow{display:flex;gap:6px;flex-wrap:wrap}
.fx-dblist{display:grid;gap:8px}.fx-dbrow2{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 14px;border:1.5px solid #e7defa;border-radius:14px;background:#fff}.fx-dbmain{flex:1 1 240px;min-width:0}.fx-dbmain small{display:block}
.fx-dbname{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fx-dbsrc{font-size:11.5px;font-weight:700;padding:1px 9px;border-radius:99px;background:#f3ecff;color:#6a2fd6}.fx-dbsrc.email{background:#e0f5f1;color:#0c7a6e}.fx-dbsrc.own{background:#fff1d4;color:#8a5a00}.fx-dbsrc.old{background:#eee;color:#666}
.fx-dbact{display:flex;flex-wrap:wrap;gap:6px}.fx-dbwsrow{display:flex;gap:10px;align-items:center;margin:0 0 8px}.fx-dbwsrow select{flex:1;min-width:0;padding:9px 12px;border:1.5px solid #c6adec;border-radius:12px;font:inherit;background:#fff}
body .side-nav .side-link[data-ico="results"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V10M12 20V4M19 20v-8'/%3E%3C/svg%3E")}

/* Results tab */
.fx-rsbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:0 0 12px}.fx-rsfield{display:grid;gap:3px;font-size:12.5px;color:#5d4c76}.fx-rsfield select{padding:9px 12px;border:1.5px solid #c6adec;border-radius:12px;font:inherit;background:#fff;min-width:200px}
.fx-rsact{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.fx-rsbody{display:grid;gap:16px}.fx-rssec{background:#fff;border:1.5px solid #e7defa;border-radius:18px;padding:16px 18px}.fx-rssec h3{margin:0 0 4px;font-size:18px}
.fx-rsbars{display:grid;gap:8px;margin-top:10px}.fx-rsbar2{display:grid;grid-template-columns:minmax(150px,230px) 1fr 38px 80px;gap:10px;align-items:center;font-size:14px}.fx-rstrack{height:12px;border-radius:99px;background:#eee7fa;overflow:hidden}.fx-rstrack i{display:block;height:100%;border-radius:99px;background:#7f36fc}.fx-rstrack i.low{background:#d86b75}.fx-rstrack i.mid{background:#ddaa52}.fx-rstrack i.high{background:#289c7b}
.fx-rstablewrap{overflow:auto;border:1px solid #e7defa;border-radius:12px;margin-top:10px}.fx-rstable{border-collapse:collapse;width:100%;font-size:13.5px}.fx-rstable th{position:sticky;top:0;background:#3C007C;color:#fff;padding:8px 10px;text-align:left;font-size:12px;white-space:nowrap}.fx-rstable td{padding:8px 10px;border-bottom:1px solid #f0ebfa;vertical-align:top}.fx-rstable td small{display:block}.fx-rstable a{font-weight:700;color:#3C007C}
.fx-rstable td.n{text-align:center;font-weight:700;min-width:46px}.fx-rstable td.low{background:#fde8e5;color:#9b2c1f}.fx-rstable td.mid{background:#fff4d6;color:#7a5a00}.fx-rstable td.high{background:#e3f6ea;color:#1d6b3a}
.fx-rscomment{padding:10px 12px;border-left:3px solid #c6adec;background:#f7f4fc;border-radius:0 10px 10px 0;margin:8px 0}.fx-rscomment small{display:block}.fx-rscomment p{margin:4px 0 0;white-space:pre-wrap}
@media(max-width:700px){.fx-rsbar2{grid-template-columns:1fr 38px}.fx-rsbar2 .fx-rstrack{grid-column:1/3}.fx-rsbar2 small{display:none}}
@media print{.side-nav,.fx-topbar,.fx-rsbar,.fx-rsact,.fx-pagehead .fx-back,main>header{display:none!important}.app-shell>main .view{padding:0!important}.fx-rssec{break-inside:avoid;border:1px solid #ccc}}
#dbBody details{scroll-margin-top:96px}

/* Diagnostics: Collect answers */
.fx-collect{background:#fff;border:1.5px solid #e1d5f3;border-top:5px solid #11a89a;border-radius:22px;padding:18px 20px;margin:18px 0;display:grid;gap:14px;box-shadow:0 8px 24px rgba(60,0,124,.06);scroll-margin-top:16px}
.fx-collecthd{display:flex;gap:12px;align-items:flex-start}.fx-collectnum{flex:0 0 32px;height:32px;border-radius:50%;background:#11a89a;color:#fff;display:grid;place-items:center;font-weight:700}.fx-collecthd h3{margin:0 0 3px;font-size:21px}.fx-collecthd p{margin:0;color:#5d4c76;line-height:1.45;font-size:14px}
.fx-collecttiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fx-ctile{display:grid;gap:6px;align-content:start;padding:14px;border-radius:16px;border:1.5px solid var(--c);background:#faf8ff}.fx-ctile strong{font-size:15.5px;color:var(--c)}.fx-ctile small{color:#5d4c76;line-height:1.4;min-height:2.8em}.fx-ctile .fx-primary{margin-top:4px;text-align:center;text-decoration:none;display:block;box-sizing:border-box}
.fx-ctile.t-link{--c:#7f36fc}.fx-ctile.t-mail{--c:#11a89a}.fx-ctile.t-word{--c:#d86b75}
.fx-collectup{display:grid;gap:8px}.fx-collectup h4{margin:0;font-size:16px;color:#3C007C}
@media(max-width:900px){.fx-collecttiles{grid-template-columns:1fr}}

/* Interview and the folded areas */
.fx-areafold{margin:14px 0 6px;border:1px solid var(--fx-line,#e5e7eb);border-radius:14px;padding:12px 16px}
.fx-areafold>summary{cursor:pointer;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.fx-areafold[open]>summary{margin-bottom:14px}
.fx-iv{display:grid;gap:16px}
.fx-ivcard{border:1px solid var(--fx-line,#e5e7eb);border-radius:16px;padding:18px;background:#fff}
.fx-ivcard h3{margin:0 0 6px}
.fx-ivpick{display:flex;gap:10px;align-items:center}.fx-ivpick select{flex:1;max-width:420px}
.fx-ivkind,.fx-ivact,.fx-ivhd{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.fx-ivhd strong{flex:1}
.fx-ivwho{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.fx-iv textarea,.fx-iv input{width:100%;box-sizing:border-box;font:inherit}
.fx-iv .felixa-chip.on{background:#1f3a5f;color:#fff}
.fx-ivitem{border-top:1px solid var(--fx-line,#e5e7eb);padding:10px 0}
.fx-ivrep p{margin:4px 0}
.fx-ivlog{max-height:340px;overflow:auto;display:grid;gap:8px;margin:10px 0}
.fx-ivform{display:flex;gap:8px;flex-wrap:wrap}.fx-ivform input{flex:1;min-width:180px;width:auto}
@media(max-width:560px){.fx-ivwho{grid-template-columns:1fr}}
body .side-nav .side-link[data-ico="narrative"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-5.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
/* colour-coded folders, one for each assessment */
.fx-folder{--fc:#6d4fc2;margin:0 0 12px;border:1px solid color-mix(in srgb,var(--fc) 35%,#fff);border-left:8px solid var(--fc);border-radius:14px;background:#fff;overflow:hidden}
.fx-folder>summary{list-style:none;cursor:pointer}.fx-folder>summary::-webkit-details-marker{display:none}
.fx-foldhead{display:flex;align-items:center;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--fc) 9%,#fff)}
.fx-foldico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--fc);color:#fff;flex:none}
.fx-foldico svg{fill:none;stroke:currentColor;stroke-width:2}
.fx-foldtitle{flex:1;display:grid;gap:2px;min-width:0}.fx-foldtitle small{overflow-wrap:anywhere}
.fx-foldcount{font-weight:700;font-size:.85rem;color:var(--fc);background:color-mix(in srgb,var(--fc) 14%,#fff);padding:4px 10px;border-radius:999px;white-space:nowrap}
.fx-foldbody{padding:12px 16px 16px;display:grid;gap:10px}
.fx-foldsub{margin:8px 0 0}.fx-foldlink{justify-self:start}
.fx-nsec{margin:6px 0 0;font-size:.95rem;color:var(--fc)}
/* questionnaire dropdown and the specific-areas dropdown */
.fx-qpick{display:grid;gap:12px;margin-bottom:14px;padding:16px;border:1px solid #d9d0f5;border-radius:16px;background:linear-gradient(180deg,#f7f4ff,#fff)}
.fx-qsel{width:100%;box-sizing:border-box;font:inherit;font-weight:600;padding:13px 44px 13px 16px;border:1.5px solid #b9a8ee;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d4fc2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/20px;appearance:none;-webkit-appearance:none;cursor:pointer}
.fx-qsel:focus{outline:3px solid #d9d0f5}
.fx-qinfo{display:grid;gap:6px}.fx-qinfo .fx-cc-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fx-qinfo .fx-cc-blurb,.fx-qinfo .fx-cc-best{margin:0}
.fx-areafold{border:1.5px solid #b9a8ee;border-radius:16px;background:linear-gradient(180deg,#f7f4ff,#fff);padding:0;margin:0 0 14px;overflow:hidden}
.fx-areafold>summary{list-style:none;padding:14px 48px 14px 18px;position:relative;cursor:pointer}
.fx-areafold>summary::-webkit-details-marker{display:none}
.fx-areafold>summary::after{content:"";position:absolute;right:16px;top:50%;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d4fc2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center/20px;transition:transform .2s}
.fx-areafold[open]>summary::after{transform:rotate(180deg)}
.fx-areafold>.fx-dareas{padding:4px 16px 16px}
.fx-areafold[open]>summary{margin-bottom:0}

/* figures and a small calendar side by side */
.fx-dbtoprow{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:stretch;margin:0 0 10px}
.fx-dbtoprow .fx-dbstrip{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;margin:0}
.fx-minical{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#f7f4ff,#fff);border:1px solid #d9d0f5;display:grid;gap:6px;align-content:start}
.fx-mchead{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}
.fx-mcweek,.fx-mcgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.fx-mcweek span{font-size:.7rem;color:#7a6c90;font-weight:600}
.fx-mcday{font:inherit;font-size:.78rem;padding:4px 0;border-radius:8px;border:0;background:none;color:#463a57}
.fx-mcday.has{background:#6d4fc2;color:#fff;font-weight:700;cursor:pointer}
.fx-mcday.today{outline:2px solid #b9a8ee}.fx-mcday.sel{background:#2a1670}
.fx-mccap{margin:2px 0 0;font-size:.78rem;color:#463a57;overflow-wrap:anywhere}
.fx-narrh{color:#463a57}
@media(max-width:820px){.fx-dbtoprow{grid-template-columns:1fr}.fx-dbtoprow .fx-dbstrip{grid-template-columns:repeat(3,minmax(0,1fr))}}

.fx-qlabel{font-weight:700;font-size:.95rem}.fx-qhint{margin:0}
.fx-qpick{margin-bottom:14px}
.fx-choosecards[hidden],.fx-choosecard[hidden]{display:none}

.fx-narr{margin-top:6px;padding:12px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 12%,#fff),#fff);border:2px solid var(--fc);display:grid;gap:10px}
.fx-narrhead{display:flex;align-items:center;gap:10px}
.fx-narrico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fc);color:#fff;flex:none}
.fx-narrico svg{fill:none;stroke:currentColor;stroke-width:2}
.fx-narrtitle{flex:1;display:grid;gap:1px}

/* Create a report lights up when new answers have come in */
.fx-rhot{border-color:#6d4fc2!important;box-shadow:0 0 0 3px #d9d0f5,0 8px 24px rgba(109,79,194,.25);animation:fxpulse 2.4s ease-in-out infinite}
.fx-rbadge{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:999px;background:#6d4fc2;color:#fff;font-size:.78rem;font-weight:700}
@keyframes fxpulse{50%{box-shadow:0 0 0 6px #e6defa,0 8px 24px rgba(109,79,194,.3)}}
@media(prefers-reduced-motion:reduce){.fx-rhot{animation:none}}
/* Explore specific areas stands out */
.fx-areafold{border:2px solid #6d4fc2;background:linear-gradient(135deg,#ece6ff,#f9f7ff);box-shadow:0 6px 18px rgba(109,79,194,.18)}
.fx-areafold>summary strong{color:#3a1f8f;font-size:1.05rem}

.fx-ctilelink{margin-top:8px;width:100%;justify-content:center}

/* Collect answers: three equal tiles, buttons and drop zone on one line */
.fx-collecttiles{align-items:stretch}
.fx-ctile{display:flex;flex-direction:column;gap:8px;min-height:210px}
.fx-ctile>small{flex:1;font-size:13.5px;line-height:1.45;color:#463a57}
.fx-ctile>.fx-primary,.fx-ctile>a.fx-primary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;box-sizing:border-box;text-decoration:none}
.fx-ctile.t-up{--c:#2b6cd9}
.fx-ctdrop{flex:1;display:flex;flex-direction:column;gap:8px}
.fx-ctdrop>.fx-drop{flex:1;padding:12px 10px}
.fx-ctdrop .fx-dropres{margin-top:4px}
.fx-ctdrop .fx-drop strong{font-size:14px}

/* Collect answers tiles: title on top, one control row, all aligned */
.fx-ctile{min-height:0;padding:16px;gap:12px}
.fx-ctile>strong{font-size:16px}
.fx-ctile>.fx-primary,.fx-ctile>a.fx-primary{min-height:48px}
.fx-ctile>.fx-ctilelink{margin-top:0;min-height:40px}
.fx-ctdrop>.fx-drop{min-height:100px;padding:10px}

.fx-ctilelink{display:flex;align-items:center;text-decoration:none}

.fx-rbtns{display:flex;gap:10px;flex-wrap:wrap}.fx-rbtns .fx-primary{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:6px}
.fx-upbtn svg{fill:none;stroke:currentColor;stroke-width:2.2}.fx-upbtn.spin svg{animation:fxspin .8s linear infinite}
@keyframes fxspin{to{transform:rotate(360deg)}}

/* engines fold; Felixa GDA is the main one */
details.eg-eng>summary.eg-head{list-style:none;cursor:pointer;position:relative;padding-right:34px}
details.eg-eng>summary.eg-head::-webkit-details-marker{display:none}
details.eg-eng>summary.eg-head::after{content:"";position:absolute;right:4px;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d4fc2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center/18px;transition:transform .2s}
details.eg-eng[open]>summary.eg-head::after{transform:rotate(180deg)}
details.eg-eng[open]>summary.eg-head{margin-bottom:10px}
.eg-main{background:#6d4fc2;color:#fff;margin-left:8px}
a.fx-primary{display:inline-block;text-decoration:none}

.fx-rcols{grid-template-columns:1fr 1fr;align-items:stretch}
.fx-rcard2.t3{border-top:5px solid #6d4fc2;align-content:space-between}
.fx-rcard2.t3 .fx-rbtns{margin-top:auto}

.fx-dadd{margin:8px 0;padding:8px 12px;border:1px solid #d9d0f5;border-radius:12px;background:#faf8ff}.fx-dadd summary{cursor:pointer;font-weight:600}.fx-dadd input,.fx-dadd textarea{width:100%;box-sizing:border-box;margin:6px 0;font:inherit}

.fx-ivrefresh{margin-left:8px}

.fx-ivtabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid #e1d5f3;margin:4px 0 2px}
.fx-ivtab{font:inherit;font-weight:600;padding:10px 16px;border:0;background:none;color:#463a57;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;border-radius:8px 8px 0 0}
.fx-ivtab.on{color:#3a1f8f;border-bottom-color:#6d4fc2;background:#f3ecff}

.fx-ivrefine{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fx-ivrefine input{flex:1;min-width:220px;width:auto}

.fx-abar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border-radius:14px;background:#fff;border:1.5px solid #d9d0f5}
.fx-abarlbl{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d4fc2}.fx-abarname{flex:1;min-width:140px;font-size:1.05rem}
.fx-abaract{display:flex;gap:8px}.fx-asname{width:100%;box-sizing:border-box;font:inherit;padding:11px 14px;border:1.5px solid #b9a8ee;border-radius:12px}

.fx-secthead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.fx-secthead strong{flex:1}
.fx-secticon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fc);color:#fff;flex:none}.fx-secticon svg{fill:none;stroke:currentColor;stroke-width:2}
/* the bell has no circle around it */
.fx-bellbtn,.fx-bellbtn:hover,.fx-bellbtn:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important}
.fx-bellbtn:focus-visible{outline:2px solid #7f36fc;outline-offset:2px;border-radius:8px}

/* Members */
.fx-mem{background:#fff;border:1.5px solid #e1d5f3;border-radius:22px;padding:20px;margin:0 0 18px;box-shadow:0 8px 24px rgba(60,0,124,.06);display:grid;gap:14px}
.fx-memhead{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:start}.fx-memhead h3{margin:0 0 4px;font-size:22px}.fx-memhead p{margin:0}
.fx-membar{grid-column:1/-1;display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.fx-memassess{display:grid;gap:4px;flex:1;min-width:220px}.fx-memassess span{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d4fc2}
.fx-memsel{font:inherit;font-weight:600;padding:11px 14px;border:1.5px solid #b9a8ee;border-radius:12px;background:#fff;width:100%}
.fx-memplus{display:flex;align-items:center;gap:10px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,#7f36fc,#4a1fb8);border:0;border-radius:999px;padding:8px 20px 8px 8px;cursor:pointer;box-shadow:0 6px 16px rgba(109,79,194,.35)}
.fx-memplusicon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#6d4fc2;font-size:26px;line-height:1;font-weight:400}
.fx-meminv{grid-column:1/-1;position:relative}.fx-meminvbtn{font-weight:700}
.fx-memempty{padding:26px;border:2px dashed #cdbcf3;border-radius:16px;text-align:center;background:#faf8ff}.fx-memempty p{margin:6px 0 0}
.fx-memlist{display:grid;gap:10px}
.fx-memrow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid #e5dcf6;border-radius:16px;background:#fcfbff}
.fx-memav{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#6d4fc2;color:#fff;font-weight:700}
.fx-meminfo{display:grid;gap:3px;min-width:0}.fx-meminfo small{overflow-wrap:anywhere}
.fx-memstat{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.fx-memchip{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:#ece6ff;color:#3a1f8f}.fx-memchip.ok{background:#d9f3e3;color:#17663a}.fx-memchip.none{background:#f2f0f6;color:#6b6280}
.fx-memact{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.fx-memwrap{position:relative}
.fx-meminvite{padding:10px 18px}
.fx-memmenu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:250px;background:#fff;border:1.5px solid #cdbcf3;border-radius:14px;box-shadow:0 14px 34px rgba(60,0,124,.22);padding:6px;display:grid;gap:2px}
.fx-meminv .fx-memmenu{left:0;right:auto}
.fx-memopt{display:grid;gap:2px;text-align:left;font:inherit;padding:10px 12px;border:0;background:none;border-radius:10px;cursor:pointer}.fx-memopt:hover,.fx-memopt:focus-visible{background:#f1ebff}.fx-memopt small{color:#6b6280}
.fx-memfor{margin:0 0 6px}.fx-memmail{display:flex;justify-content:center;text-decoration:none;margin:6px 0}
@media(max-width:620px){.fx-memrow{grid-template-columns:auto 1fr}.fx-memact{grid-column:1/-1;justify-content:flex-start}.fx-memhead{grid-template-columns:1fr}}
/* the Workplace page scrolls like every other page */
body main:has(#endScreen.active){overflow-y:auto!important;overflow-x:hidden!important;height:100vh;height:100dvh}

body .side-nav .side-link[data-ico="tracker"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E")}
/* Tracker */
.fx-trtiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.fx-trtile{display:grid;gap:2px;padding:16px;border-radius:18px;background:#fff;border:1.5px solid #e1d5f3}.fx-trtile b{font-size:30px;line-height:1.1;color:#2a1670}.fx-trtile span{font-weight:600;color:#463a57}.fx-trtile small{font-size:.75rem}
.fx-trtile.hot{background:linear-gradient(135deg,#7f36fc,#4a1fb8);border-color:transparent}.fx-trtile.hot b,.fx-trtile.hot span,.fx-trtile.hot small{color:#fff}.fx-trtile.good b{color:#17663a}
.fx-trcard{background:#fff;border:1.5px solid #e1d5f3;border-radius:22px;padding:18px 20px;margin:0 0 16px;display:grid;gap:12px}.fx-trhead h3{margin:0;font-size:20px}
.fx-trtodo{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e5dcf6;border-radius:14px;background:#fcfbff}.fx-trtodo small{display:block}
.fx-trdot{width:12px;height:12px;border-radius:50%;background:#bdb3d6;flex:none}.fx-trdot.l1{background:#e5484d}.fx-trdot.l2{background:#f5a524}.fx-trdot.l3{background:#6d4fc2}
.fx-trgo{padding:9px 16px}
.fx-trfilters{display:flex;gap:16px;flex-wrap:wrap}.fx-trchips{display:flex;gap:6px;flex-wrap:wrap}
.fx-trlist{display:grid;gap:10px}.fx-trkids{display:grid;gap:10px;margin:0 0 0 22px;padding-left:14px;border-left:3px solid #e5dcf6}
.fx-trgroup{border:1.5px solid #e1d5f3;border-left:7px solid #6d4fc2;border-radius:16px;background:#fff;overflow:hidden}.fx-trgroup.k-team{border-left-color:#0e8f7a}.fx-trgroup.k-community{border-left-color:#d9622b}
.fx-trgroup>summary{list-style:none;cursor:pointer}.fx-trgroup>summary::-webkit-details-marker{display:none}
.fx-trghead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px}.fx-trgtitle{flex:1;display:grid;min-width:160px}
.fx-trbadge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px}.fx-trbadge.att{background:#ffe9d6;color:#a4480a}.fx-trbadge.ok{background:#d9f3e3;color:#17663a}.fx-trbadge.none{background:#f2f0f6;color:#6b6280}
.fx-trcount{font-size:.8rem;font-weight:600;color:#463a57}.fx-trcount.todo{color:#a4480a}
.fx-trginner{display:grid;gap:12px;padding:0 16px 16px}
.fx-trass{display:grid;gap:10px;padding:12px;border-radius:14px;background:#faf8ff;border:1px solid #e5dcf6}.fx-trasshd{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.fx-trtag{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#6d4fc2;color:#fff}
.fx-trmeters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fx-trmtop{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px}
.fx-trbar{height:8px;border-radius:999px;background:#e8e1f7;overflow:hidden}.fx-trbar i{display:block;height:100%;background:linear-gradient(90deg,#7f36fc,#11a89a)}
.fx-trnext{display:grid;gap:6px}.fx-trnextrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fx-trnextrow span:nth-child(2){flex:1;min-width:160px}.fx-trnone{margin:0}
@media(max-width:900px){.fx-trtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-trmeters{grid-template-columns:1fr}.fx-trtodo{grid-template-columns:auto 1fr}.fx-trgo{grid-column:1/-1}}