/* v2: the profile page's Biography and Courses reuse the Learning Hub's own
   markup (.tutor-bio-card, .lh-flat-card); only the wrappers are styled here. */
/* General Management → Tutor: list cards and the tutor profile / application
   page (app r222). Every colour comes from the app's theme tokens
   (:root[data-theme="light|dark"], set by theme-init.js), so light and dark
   follow automatically. Nothing here is hard-coded per theme except the
   semantic status colours. */

#sc-admin-tutor-list, .ta-page{
  --ta-page:var(--navy-deep,#050b14);
  --ta-surface:var(--popup-surface,#14202E);
  --ta-field:var(--popup-field-surface,#0D1824);
  --ta-text:var(--offwhite,#F5F3EC);
  --ta-dim:var(--offwhite-dim,#B7C4CE);
  --ta-line:var(--navy-line,rgba(255,255,255,.14));
  --ta-accent:#2AABEE;
  --ta-ok:#22c55e;
  --ta-ok-bg:rgba(34,197,94,.16);
  --ta-warn:#f59e0b;
  --ta-warn-bg:rgba(245,158,11,.16);
  --ta-danger:#f87171;
  --ta-danger-bg:rgba(248,113,113,.14);
  --ta-shadow:0 6px 20px rgba(0,0,0,.28);
  color:var(--ta-text);
}
:root[data-theme="light"] #sc-admin-tutor-list,
:root[data-theme="light"] .ta-page{
  --ta-line:rgba(20,40,60,.16);
  --ta-accent:#0b6fa4;
  --ta-ok:#166534;
  --ta-ok-bg:rgba(22,101,52,.12);
  --ta-warn:#b45309;
  --ta-warn-bg:rgba(180,83,9,.12);
  --ta-danger:#b91c1c;
  --ta-danger-bg:rgba(185,28,28,.10);
  --ta-shadow:0 6px 18px rgba(20,60,90,.10);
}

/* ---------- list ---------- */
#sc-admin-tutor-list{padding:14px 12px!important}
.ta-list{display:grid;gap:12px}
.ta-card,.ta-panel{
  background:var(--ta-surface);border:1px solid var(--ta-line);border-radius:14px;
  padding:14px;box-shadow:var(--ta-shadow);
}
.ta-card-top{display:flex;align-items:center;gap:12px;min-width:0}
.ta-avatar{
  flex:0 0 auto;width:52px;height:52px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:var(--ta-field);border:1px solid var(--ta-line);
  color:var(--ta-accent);font:700 20px/1 Georgia,'Times New Roman',serif;
}
.ta-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ta-avatar-lg{width:68px;height:68px;font-size:26px}
.ta-card-id{flex:1 1 auto;min-width:0}
.ta-name{margin:0;font-size:16px;font-weight:700;line-height:1.25;color:var(--ta-text);overflow-wrap:anywhere}
.ta-name-lg{font:400 21px/1.2 Georgia,'Times New Roman',serif}
.ta-rank{margin:3px 0 0;font-size:13px;font-weight:600;color:var(--ta-dim)}
.ta-meta{margin:3px 0 0;font-size:12px;color:var(--ta-dim)}
.ta-chip{
  flex:0 0 auto;align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:999px;
  font-size:11.5px;font-weight:700;text-transform:capitalize;white-space:nowrap;
  background:var(--ta-field);color:var(--ta-dim);border:1px solid var(--ta-line);
}
.ta-chip-approved,.ta-chip-course-published{background:var(--ta-ok-bg);color:var(--ta-ok);border-color:transparent}
.ta-chip-submitted,.ta-chip-pending,.ta-chip-course-pending,.ta-chip-course-pending_review{background:var(--ta-warn-bg);color:var(--ta-warn);border-color:transparent}
.ta-chip-rejected,.ta-chip-course-rejected{background:var(--ta-danger-bg);color:var(--ta-danger);border-color:transparent}
.ta-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;padding:0}
.ta-stats > div{background:var(--ta-field);border:1px solid var(--ta-line);border-radius:10px;padding:8px 10px;min-width:0}
.ta-stats dt{margin:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ta-dim)}
.ta-stats dd{margin:2px 0 0;font-size:16px;font-weight:700;color:var(--ta-text)}
.ta-stat-note{font-size:12px;font-weight:600;color:var(--ta-warn)}
.ta-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ta-btn{
  flex:1 1 120px;min-height:42px;padding:9px 12px;border-radius:10px;border:1px solid transparent;
  font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.ta-btn:disabled{opacity:.55;cursor:default}
.ta-btn-primary{background:var(--ta-accent);color:#fff}
.ta-btn-ok{background:#166534;color:#fff}
.ta-btn-warn{background:#b45309;color:#fff}
.ta-btn-danger{background:transparent;color:var(--ta-danger);border-color:var(--ta-danger)}
.ta-btn-danger.is-armed{background:#b91c1c;color:#fff;border-color:#b91c1c}
.ta-btn-small{flex:0 0 auto;min-height:36px;padding:7px 12px;font-size:13px}
.ta-empty{margin:0;font-size:13px;color:var(--ta-dim);font-style:italic}
.ta-error{margin:0;font-size:13px;color:var(--ta-danger)}

/* ---------- full-screen profile page ---------- */
.ta-page{
  position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);
  background:var(--ta-page);background-image:var(--bg-base,none);
}
.ta-page-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.ta-back{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:var(--ta-surface);color:var(--ta-text);border:1px solid var(--ta-line);box-shadow:var(--ta-shadow);
  font-size:22px;line-height:1;
}
.ta-page-title{
  padding:11px 26px;border-radius:999px;background:var(--ta-surface);color:var(--ta-text);
  border:1px solid var(--ta-line);box-shadow:var(--ta-shadow);
  font:700 17px/1.1 Georgia,'Times New Roman',serif;text-align:center;
}
.ta-page-spacer{width:46px;flex:0 0 auto}
.ta-page-body{
  flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;
  width:100%;max-width:640px;margin:0 auto;box-sizing:border-box;
  padding:4px 14px calc(24px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;gap:12px;
}
/* sections keep their natural height; the body scrolls */
.ta-page-body > *{flex:0 0 auto}
.ta-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ta-social{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--ta-field);border:1px solid var(--ta-line);color:var(--ta-accent);
}
.ta-social svg{width:14px;height:14px}
.ta-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.ta-panel-title{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ta-text)}
.ta-lang{display:inline-flex;border:1px solid var(--ta-line);border-radius:999px;overflow:hidden}
.ta-lang-btn{padding:5px 12px;border:0;background:transparent;color:var(--ta-dim);font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}
.ta-lang-btn.is-on{background:var(--ta-accent);color:#fff}
.ta-bio{margin:0;font-size:14px;line-height:1.7;color:var(--ta-text);white-space:pre-wrap;overflow-wrap:anywhere}
.ta-note{margin:0 0 10px;padding:9px 11px;border-radius:10px;font-size:12.5px;line-height:1.5;background:var(--ta-warn-bg);color:var(--ta-warn)}
.ta-item{background:var(--ta-field);border:1px solid var(--ta-line);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.ta-item:last-child{margin-bottom:0}
.ta-item-title{font-size:14px;font-weight:700;color:var(--ta-text);overflow-wrap:anywhere}
.ta-item-sub{margin-top:4px;font-size:12px;color:var(--ta-dim)}
.ta-course{display:flex;align-items:center;gap:10px}
.ta-course-main{flex:1 1 auto;min-width:0}
.ta-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ta-line)}
.ta-row:last-child{border-bottom:0}
.ta-row-label{flex:0 0 auto;font-size:13px;color:var(--ta-dim)}
.ta-row-label.is-expired{color:var(--ta-danger);font-weight:700}
.ta-row-label.is-soon{color:var(--ta-warn);font-weight:700}
.ta-row-value{font-size:13px;font-weight:600;color:var(--ta-text);text-align:right;overflow-wrap:anywhere}
.ta-row-main{text-align:left}

/* collapsible sections — same behaviour as the Profile page's sections:
   closed by default, tap the heading to open */
.ta-acc{background:var(--ta-surface);border:1px solid var(--ta-line);border-radius:14px;box-shadow:var(--ta-shadow);overflow:hidden}
.ta-acc > summary{
  position:relative;list-style:none;cursor:pointer;min-height:48px;box-sizing:border-box;
  display:flex;align-items:center;padding:12px 40px 12px 14px;-webkit-tap-highlight-color:transparent;
}
.ta-acc > summary::-webkit-details-marker{display:none}
.ta-acc > summary::after{
  content:"";position:absolute;right:16px;top:50%;width:0;height:0;
  border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--ta-accent);
  transform:translateY(-50%);transition:transform .15s ease;
}
.ta-acc[open] > summary::after{transform:translateY(-50%) rotate(90deg)}
.ta-acc-title{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ta-text)}
.ta-acc-count{color:var(--ta-accent);font-weight:700}
.ta-acc-body{padding:0 14px 14px}
.ta-actionbar{
  position:sticky;bottom:0;z-index:2;display:flex;gap:8px;padding:10px;border-radius:14px;
  background:var(--ta-surface);border:1px solid var(--ta-line);box-shadow:var(--ta-shadow);
}
@media (prefers-reduced-motion:reduce){.ta-acc > summary::after{transition:none}}

/* ---------- v2: summary strip, hub biography card, hub course cards ---------- */
.ta-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ta-summary .ta-meta{margin:0}
.ta-hero .ta-stats{margin-top:10px}
.ta-courses .tutor-courses-head{margin:6px 0 8px}
.ta-courses .tutor-course-list{display:grid;gap:10px}
.ta-courses .lh-flat-card{cursor:default;text-align:left;box-sizing:border-box}
.ta-course-approve{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px 8px 12px;border-radius:12px;font-size:12.5px;font-weight:700;
  background:var(--ta-warn-bg);color:var(--ta-warn);
}

/* ---------- v3: compact tutor rows, course status line, course toolbar ---------- */
#sc-admin-tutor-list .sc-admin-toolbar{margin:0 0 8px}
.ta-summary-line{margin:0 2px 4px;font-size:12px;color:var(--ta-dim)}
.ta-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--ta-line)}
.ta-row-item{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;border-bottom:1px solid var(--ta-line)}
.ta-avatar-sm{width:38px;height:38px;font-size:15px;margin-top:1px}
.ta-row-item .ta-row-main{flex:1 1 auto;min-width:0;text-align:left}
.ta-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ta-row-head .ta-name{font-size:14.5px;min-width:0}
.ta-row-head .ta-chip{align-self:center;padding:2px 8px;font-size:11px}
.ta-row-facts{margin-top:2px;font-size:12.5px;color:var(--ta-dim);line-height:1.4}
.ta-row-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin-top:4px}
.ta-row-date{font-size:11.5px;color:var(--ta-dim)}
.ta-row-actions{display:inline-flex;flex-wrap:wrap;gap:4px 12px}
.ta-link{
  min-height:30px;padding:4px 2px;border:0;background:none;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:700;color:var(--ta-accent);
  text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;
}
.ta-link-ok{color:var(--ta-ok)}
.ta-link-warn{color:var(--ta-warn)}
.ta-link-danger{color:var(--ta-danger)}
.ta-link.is-armed{padding:4px 8px;border-radius:8px;background:#b91c1c;color:#fff;text-decoration:none}
.ta-link:disabled{opacity:.55}
.ta-course-state{padding:6px 12px;border-radius:12px;font-size:12.5px;font-weight:600;background:var(--ta-field);color:var(--ta-dim);border:1px solid var(--ta-line)}
.ta-course-state.is-listed{background:var(--ta-ok-bg);color:var(--ta-ok);border-color:transparent}
.ta-course-tools{margin:0 0 10px}
.ta-course-tools #ta-course-menu{position:static}
.ta-course-compact-list{border-top:1px solid var(--ta-line)}
.ta-course-compact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--ta-line)}
.ta-course-compact-title{font-size:14px;font-weight:600;color:var(--ta-text);min-width:0;overflow-wrap:anywhere}
.ta-course-compact .ta-chip{align-self:center}

/* ---------- v4: course cards are buttons; remove-tutor confirmation ---------- */
.ta-courses .lh-flat-card{cursor:pointer;font-family:inherit}
button.ta-course-compact-title{border:0;background:none;padding:0;text-align:left;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ta-confirm-text{margin:0 0 8px;font-size:14px;line-height:1.5;color:#12242f}
.ta-confirm-warn{color:#b42828;font-weight:600}

/* ---------- v5: pinned header on the tutor profile page ----------
   The header (back button + title pill) is its own layer above the scrolling
   body, with the page background behind it, so content always passes UNDER
   it. The page itself never scrolls, and the document behind is locked. */
.ta-page{height:100%;max-height:100dvh;overflow:hidden;overscroll-behavior:contain}
.ta-page-head{
  position:relative;z-index:5;
  background:var(--ta-page);background-image:var(--bg-base,none);background-attachment:fixed;
  -webkit-transform:translateZ(0);transform:translateZ(0);
}
.ta-page-body{position:relative;z-index:1;min-height:0;-webkit-overflow-scrolling:auto;overscroll-behavior:contain}
html.ta-page-open,html.ta-page-open body{overflow:hidden!important;overscroll-behavior:none}

/* ---------- v7: floating header, like the Learning Hub tutor profile ----------
   No bar behind the pills: the header floats over the page and the content
   scrolls underneath it, visible all the way to the top edge. Only the
   status-bar strip gets a soft fade so the clock stays readable. */
.ta-page{padding-top:0}
.ta-page-head{
  position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:5;
  background:none;background-image:none;pointer-events:none;
}
.ta-page-head > *{pointer-events:auto}
.ta-page-body{padding-top:calc(env(safe-area-inset-top,0px) + 78px)}
.ta-page::before{
  content:"";position:absolute;top:0;left:0;right:0;z-index:4;pointer-events:none;
  height:calc(env(safe-area-inset-top,0px) + 10px);
  background:linear-gradient(to bottom,var(--ta-page) 35%,transparent);
}

/* ---------- v8: Learning Hub ratings + quiz close button ---------- */
/* Quiz screen: the top row sat under the iPhone status bar, so the close
   button could not be seen or tapped. Keep it below the safe area. */
.lh-quizview-top{padding-top:calc(12px + env(safe-area-inset-top,0px))!important;gap:10px}
.lh-quizview-close{
  flex:0 0 auto;width:44px;height:44px;padding:0!important;border-radius:50%!important;
  display:grid;place-items:center;background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;
}
.lh-quizview-count{flex:1 1 auto;text-align:center}
.lh-quizview-top-spacer{width:44px!important;flex:0 0 auto}
.lh-quizview-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
/* Rating popup: above every reader / player layer */
.lh-rate-overlay{z-index:1000001!important}
.lh-rate-quick .lh-rate-sheet h2{text-align:center}
.lh-rate-quick .lh-rate-course{text-align:center;margin-bottom:10px}
.lh-rate-quick .lh-rate-status{text-align:center}
.lh-rate-actions-one{grid-template-columns:1fr!important}
/* Average next to a section title and next to the course title */
.lh-section-rating,.lh-title-rating{
  display:inline-flex;align-items:center;gap:3px;margin-left:8px;vertical-align:middle;
  font:700 12.5px/1 'Inter',sans-serif;color:inherit;white-space:nowrap;cursor:pointer;
}
.lh-section-rating > span,.lh-title-rating > span{color:#f5b301;font-size:14px;line-height:1}
.lh-section-rating small,.lh-title-rating small{font-size:11.5px;font-weight:600;opacity:.7}

/* ---------- v9 ---------- */
/* Description boxes in the course wizard popups: text starts top-left and the
   font is 16px, so iPhone does not zoom the page when the box is focused. */
.tutor-popup-grid .tutor-field textarea,.tutor-popup-grid .tutor-field input[type="url"],.cw-textarea,.cw-input{
  font-size:16px!important;line-height:1.45;text-align:left;vertical-align:top;
}
.tutor-popup-grid .tutor-field textarea{display:block;min-height:96px}
/* AI tutor prompt list */
.cw-prompt-table .cw-prompt-text{white-space:normal;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5;text-align:left}
.cw-prompt-table tr.is-editing{outline:2px solid #1c4fd6;outline-offset:-2px}
.cw-linkbtn{border:0;background:none;padding:0;color:#2AABEE;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* ---------- v10 ---------- */
/* AI tutor prompt table: every cell is a real table cell (the shared slide
   table turns .c-desc into a line-clamp box, which broke the row lines). */
.cw-prompt-table{width:100%;border-collapse:collapse;table-layout:fixed}
.cw-prompt-table th,.cw-prompt-table td{
  display:table-cell!important;box-sizing:border-box;padding:10px!important;vertical-align:middle!important;
  border:0!important;border-bottom:1px solid var(--navy-line,rgba(127,127,127,.3))!important;
  -webkit-line-clamp:unset!important;overflow:visible!important;
}
.cw-prompt-table tbody tr:last-child td{border-bottom:0!important}
.cw-prompt-table .c-no{width:52px;text-align:center}
.cw-prompt-table .c-actions{width:104px;text-align:right;white-space:nowrap}
/* Tutor tool button: course-count badge (white circle, blue number, right-centre) */
.tutor-tool-count{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  min-width:28px;height:28px;padding:0 7px;box-sizing:border-box;border-radius:999px;
  display:grid;place-items:center;background:#fff;color:#1a8fd0;
  font:800 14px/1 'Inter',system-ui,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.25);
}
/* Profile stats card: visible border in dark mode */
:root[data-theme="dark"] .profile-tutor-card{border:1px solid rgba(255,255,255,.18)!important}
:root[data-theme="light"] .profile-tutor-card{border:0!important}

/* ---------- v11 ---------- */
/* Biography card: social icons clearly visible at the bottom-left, along the
   BIOGRAPHY rail; brand colours. */
.tutor-bio-card .tutor-bio-social{left:5px!important;bottom:22px!important;gap:9px!important;z-index:6}
.tutor-bio-card .tutor-social-icon{width:26px!important;height:26px!important;color:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.28)}
.tutor-bio-card .tutor-social-icon svg{width:14px!important;height:14px!important}
.tutor-bio-card .tutor-social-facebook{background:#1877f2!important}
.tutor-bio-card .tutor-social-youtube{background:#ff0000!important}
.tutor-bio-card .tutor-social-telegram{background:#229ED9!important}
.tutor-bio-card .tutor-social-tiktok,.tutor-bio-card .tutor-social-x{background:#111!important}
/* Biography card: students + courses under the rating (icon + number) */
.tutor-bio-stats{display:flex;align-items:center;gap:14px;margin:6px 0 0}
.tutor-bio-stat{display:inline-flex;align-items:center;gap:5px;color:#5f6b76;font:700 13px/1 'Inter',system-ui,sans-serif}
.tutor-bio-stat svg{color:#2AABEE;flex:0 0 auto}
/* Admin tutor list: the name / row opens the profile */
.ta-row-item{cursor:pointer}
.ta-name-btn{border:0;background:none;padding:0;margin:0;font:inherit;font-weight:700;color:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(127,127,127,.45);text-underline-offset:3px}

/* ---------- v12 ---------- */
/* Biography card rating: one gold star + "4.2 (2)" */
.tutor-bio-star-one{letter-spacing:0!important}
/* Stats under the rating: icons the size and gold of the rating star, numbers
   the grey of the rating figure */
.tutor-bio-stats{gap:12px!important;margin:4px 0 0!important}
.tutor-bio-stat{gap:4px!important;color:#8d8d8d!important;font:400 11px/1 'Inter',system-ui,sans-serif!important}
.tutor-bio-stat b{font-weight:400;color:#8d8d8d}
.tutor-bio-stat svg{width:15px!important;height:15px!important;flex:0 0 15px;fill:none;stroke:#c9962e!important;color:#c9962e!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Social icons keep their brand colours when tapped */
.tutor-bio-card .tutor-social-icon,.tutor-bio-card .tutor-social-icon:active,.tutor-bio-card .tutor-social-icon.tapped{-webkit-filter:none!important;filter:none!important}

/* ---------- v13 ---------- */
/* Biography card: rating, courses, students in one row */
.tutor-bio-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:2px 0 0}
.tutor-bio-meta-row .tutor-bio-rating,.tutor-bio-meta-row .tutor-bio-stats{margin:0!important}
.tutor-bio-meta-row .tutor-bio-rating{gap:5px}

/* ---------- Test Your Knowledge ---------- */
.kt-entry{
  display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:12px 0;padding:12px 14px;
  border-radius:16px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:var(--popup-surface,#14202E);
  color:var(--offwhite,#F5F3EC);text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.kt-entry:active{transform:scale(.99)}
.kt-entry-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 46px}
.kt-entry-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.kt-entry-text strong{font:700 16px/1.2 'Inter',system-ui,sans-serif}
.kt-entry-text span{font-size:12.5px;line-height:1.35;color:var(--offwhite-dim,#B7C4CE)}
.kt-entry-text em{font-style:normal;font-size:12px;font-weight:700;color:#2AABEE}
.kt-entry-chev{flex:0 0 auto;font-size:24px;line-height:1;color:var(--offwhite-dim,#B7C4CE)}
html.kt-open,html.kt-open body{overflow:hidden!important}
.kt-overlay{
  position:fixed;inset:0;z-index:1000000;display:flex;flex-direction:column;
  background:var(--navy-deep,#050b14);background-image:var(--bg-base,none);color:var(--offwhite,#F5F3EC);
  font-family:'Inter',system-ui,sans-serif;
}
.kt-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid var(--navy-line,rgba(127,127,127,.25))}
.kt-close{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--popup-surface,#14202E);color:inherit;border:1px solid var(--navy-line,rgba(127,127,127,.3))}
.kt-title{flex:1 1 auto;text-align:center;font:700 17px/1.1 Georgia,'Times New Roman',serif}
.kt-progress{flex:0 0 44px;text-align:right;font-size:13px;font-weight:700;color:var(--offwhite-dim,#B7C4CE);white-space:nowrap}
.kt-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:640px;margin:0 auto;box-sizing:border-box}
.kt-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}
.kt-row-me{justify-content:flex-end}
.kt-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 30px}
.kt-bubble{max-width:82%;padding:10px 13px;border-radius:16px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;background:var(--popup-surface,#14202E);border:1px solid var(--navy-line,rgba(127,127,127,.25))}
.kt-row-me .kt-bubble{background:#1c4fd6;border-color:#1c4fd6;color:#fff}
.kt-bubble p{margin:6px 0 0}
.kt-qno{display:block;margin-bottom:4px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#2AABEE}
.kt-actions{flex:0 0 auto;width:100%;max-width:640px;margin:0 auto;box-sizing:border-box;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));max-height:55vh;overflow-y:auto}
.kt-actions:empty{padding:0 0 env(safe-area-inset-bottom,0px)}
.kt-btns{display:flex;gap:10px}
.kt-btn{flex:1 1 0;min-height:48px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.4));background:transparent;color:inherit;font:700 15px 'Inter',system-ui,sans-serif;cursor:pointer}
.kt-btn-primary{background:#2AABEE;border-color:#2AABEE;color:#06202e}
.kt-options{display:grid;gap:8px}
.kt-option{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:48px;padding:11px 12px;border-radius:12px;text-align:left;cursor:pointer;
  border:1px solid var(--navy-line,rgba(127,127,127,.4));background:var(--popup-surface,#14202E);color:inherit;font:500 15px/1.4 'Inter',system-ui,sans-serif}
.kt-option b{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:rgba(42,171,238,.18);color:#2AABEE}
.kt-option:active{border-color:#2AABEE}
.kt-form{display:grid;gap:10px}
.kt-input{width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.4));background:var(--popup-field-surface,#0D1824);color:inherit;font-size:16px}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px}
.kt-chip{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--navy-line,rgba(127,127,127,.4));background:transparent;color:inherit;font:600 14px 'Inter',system-ui,sans-serif;cursor:pointer}
.kt-chip.is-on{background:#1c4fd6;border-color:#1c4fd6;color:#fff}
.kt-form-error,.kt-error{color:#f87171;font-size:13px;margin:0}
.kt-review{display:block}
.kt-review-head{display:block;font-weight:800;margin-bottom:2px}
.kt-review.is-right .kt-review-head{color:#22c55e}
.kt-review.is-wrong .kt-review-head{color:#f87171}
.kt-review-q{font-weight:600}
.kt-ref{font-size:13px;font-weight:700;color:#2AABEE}
.kt-score{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.kt-score span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--offwhite-dim,#B7C4CE)}
.kt-score b{font:800 34px/1.1 'Inter',system-ui,sans-serif}
.kt-score em{font-style:normal;font-size:14px}
.kt-note{font-size:12px;color:var(--offwhite-dim,#B7C4CE)}
.kt-typing span{animation:kt-blink 1.2s infinite}
.kt-typing span:nth-child(2){animation-delay:.2s}.kt-typing span:nth-child(3){animation-delay:.4s}
@keyframes kt-blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.kt-typing span{animation:none}}
:root[data-theme="light"] .kt-btn-primary{color:#fff}

/* ---------- v14 ---------- */
/* Test Your Knowledge button: brain logo */
.kt-entry-brain{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2AABEE,#1c4fd6);color:#fff}
.kt-entry-brain svg{width:26px;height:26px}
/* Courses closed for now */
.lh-upgrading{
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:8px 0 0;padding:26px 18px;
  border-radius:16px;border:1px dashed var(--navy-line,rgba(127,127,127,.4));background:var(--popup-surface,#14202E);color:var(--offwhite,#F5F3EC);
}
.lh-upgrading svg{color:#2AABEE}
.lh-upgrading strong{font:700 17px/1.3 'Inter',system-ui,sans-serif}
.lh-upgrading p{margin:0;font-size:14px;line-height:1.5;color:var(--offwhite-dim,#B7C4CE)}
/* Life at Sea: keep the moving parts on their own layers */
.home-progress-fill,.home-progress-start-boat,.home-life-year-bar{will-change:transform,opacity}
.home-progress-track{contain:layout style}

/* ---------- v15 ---------- */
/* Test Your Knowledge: pill header floating over the chat, no divider bar;
   the conversation scrolls underneath it. */
.kt-head{position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:0!important;background:none;pointer-events:none;
  padding:calc(12px + env(safe-area-inset-top,0px)) 14px 10px;justify-content:space-between}
.kt-head > *{pointer-events:auto}
.kt-close,.kt-title,.kt-progress{background:var(--popup-surface,#14202E);border:1px solid var(--navy-line,rgba(127,127,127,.3));box-shadow:0 6px 20px rgba(0,0,0,.28)}
.kt-title{flex:0 1 auto;padding:11px 22px;border-radius:999px}
.kt-progress{flex:0 0 auto;min-width:44px;height:44px;box-sizing:border-box;padding:0 12px;border-radius:999px;display:grid;place-items:center;text-align:center;color:var(--offwhite,#F5F3EC)}
.kt-progress[hidden]{display:block!important;visibility:hidden}
.kt-messages{padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
.kt-overlay::before{content:"";position:absolute;top:0;left:0;right:0;z-index:4;pointer-events:none;height:calc(env(safe-area-inset-top,0px) + 10px);background:linear-gradient(to bottom,var(--navy-deep,#050b14) 35%,transparent)}
/* AI Assistance (v16): the header is three floating pills and nothing else.
   It is lifted out of the flow so the conversation scrolls behind it - no band,
   no line, no shadow underneath (iOS standalone used to paint an opaque band). */
html:root #ai-chat-view .ai-chat-header,
html.sc-ios-standalone:root #ai-chat-view .ai-chat-header{
  position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:6!important;
  background:none!important;background-image:none!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;outline:0!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}
html:root #ai-chat-view .ai-chat-header::before,html:root #ai-chat-view .ai-chat-header::after{content:none!important;display:none!important}
html:root #ai-chat-view .ai-chat-header > *{pointer-events:auto}
html:root #ai-chat-view #ai-chat-usage{display:none!important;border:0!important;box-shadow:none!important}
html:root #ai-chat-view .ai-chat-messages{border-top:0!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important;
  padding-top:calc(var(--sc-ios-top-inset,0px) + 84px)!important}
html:root #ai-chat-view .ai-chat-messages::before{content:none!important}
/* AI Assistance: picture upsell for Standard members */
.ai-image-upsell{margin:8px 0 2px;padding:10px 12px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:rgba(42,171,238,.08)}
.ai-image-upsell p{margin:0 0 8px;font-size:13.5px;line-height:1.45}
.ai-image-upsell-btn{min-height:40px;padding:8px 16px;border-radius:999px;border:0;background:#2AABEE;color:#06202e;font:700 14px 'Inter',system-ui,sans-serif;cursor:pointer}

/* v17: AI Memory (Settings panel + the quiet note in the chat) */
.ai-memory-body{margin:12px 0 4px}
.ai-memory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ai-memory-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:var(--popup-surface,#14202E)}
.ai-memory-item span{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.ai-memory-delete{flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.ai-memory-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12.5px;opacity:.85}
.ai-memory-clear{padding:9px 14px;border-radius:999px;border:1px solid rgba(224,90,90,.55);background:none;color:#e05a5a;font-weight:700;font-size:13px;cursor:pointer}
.ai-memory-empty,.ai-memory-off{margin:0 0 10px;padding:12px;border-radius:12px;border:1px dashed var(--navy-line,rgba(127,127,127,.35));font-size:13.5px;line-height:1.5}
.ai-memory-error{margin:10px 0 0;color:#e05a5a;font-size:13px}
.ai-memory-chip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:999px;border:1px solid var(--navy-line,rgba(127,127,127,.3));font-size:11.5px;opacity:.8}
.ai-memory-chip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ai-memory-chip small{opacity:.7;font-size:10.5px}
.settings-icon-aimemory svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* v19: Ship Certificates page. The header is now the app's standard .detail-header
   (same markup as General Management), so its position, safe-area and taps are
   the shared ones. Only the toolbar and the empty state are styled here. */
html:root #cert-view .ship-cert-collection-tools{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;padding:0!important}
html:root #cert-view .ship-cert-collection-tools .collection-search{
  flex:1 1 auto!important;min-width:0!important;height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 14px!important;
  border-radius:12px!important;border:1px solid var(--navy-line,rgba(127,127,127,.3))!important;background:var(--popup-surface,#14202E)!important;color:var(--offwhite,#F5F3EC)!important;font-size:15px!important}
html:root #cert-view .ship-cert-collection-tools .collection-sort-wrap{flex:0 0 44px!important;margin:0!important;display:block!important}
html:root #cert-view .ship-cert-collection-tools .collection-icon-tool{
  width:44px!important;min-width:44px!important;height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;border:1px solid var(--navy-line,rgba(127,127,127,.3))!important;background:var(--popup-surface,#14202E)!important;color:var(--offwhite,#F5F3EC)!important;box-shadow:none!important}
html:root #cert-view .ship-cert-collection-tools .collection-icon-tool svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html:root #cert-view .ship-cert-collection-tools .collection-icon-tool svg [fill]:not([fill="none"]){fill:currentColor!important;stroke:none!important}
html[data-theme="light"]:root #cert-view .ship-cert-collection-tools .collection-search,
html[data-theme="light"]:root #cert-view .ship-cert-collection-tools .collection-icon-tool{background:#fff!important;border-color:#d8e0e7!important;color:#1d2a38!important}
.ship-cert-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:8px 0 0;padding:34px 20px;border-radius:16px;border:1px dashed var(--navy-line,rgba(127,127,127,.35));text-align:center;color:var(--offwhite-dim,#9fb0c0)}
.ship-cert-empty svg{width:40px;height:40px;fill:none;stroke:#3b82f6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ship-cert-empty strong{font-size:16px;color:var(--offwhite,#F5F3EC)}
.ship-cert-empty span{font-size:13.5px;line-height:1.45}
html[data-theme="light"] .ship-cert-empty strong{color:#1d2a38}
html[data-theme="light"] .ship-cert-empty{color:#5b6b7a;border-color:#c9d4dd}

/* v18: Test Your Knowledge - one card: three progress squares above the original row */
.kt-card{margin:12px 0;padding:12px 12px 2px;border-radius:16px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:var(--popup-surface,#14202E)}
.kt-card .kt-entry{margin:8px 0 0;padding:10px 2px 12px;border:0;border-top:1px solid var(--navy-line,rgba(127,127,127,.22));border-radius:0;background:none}
.kt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kt-stat{position:relative;aspect-ratio:1/1;width:100%;max-width:112px;justify-self:center;padding:0;border:0;background:none;color:var(--offwhite,#F5F3EC);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kt-stat:active{transform:scale(.97)}
.kt-stat-ring{position:absolute;inset:0;width:100%;height:100%;display:block}
.kt-stat-center{position:absolute;inset:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}
.kt-stat-center b{font:800 clamp(15px,5vw,21px)/1.05 'Inter',system-ui,sans-serif;letter-spacing:-.01em}
.kt-stat-center small{font-size:clamp(9px,2.6vw,10.5px);line-height:1.15;color:var(--offwhite-dim,#B7C4CE);font-weight:600}
html[data-theme="light"] .kt-card{background:#fff;border-color:#d8e0e7}
html[data-theme="light"] .kt-stat{color:#1d2a38}
html[data-theme="light"] .kt-stat-center small{color:#5b6b7a}
.kt-stat-pop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(3,8,16,.55)}
.kt-stat-pop-card{position:relative;width:min(100%,320px);box-sizing:border-box;padding:20px 20px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#14202E;color:#F5F3EC;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.kt-stat-pop-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.kt-stat-pop-card h3{margin:0 44px 2px 0;font:700 15px/1.3 'Inter',system-ui,sans-serif;color:#B7C4CE}
.kt-stat-pop-total{margin:0 0 12px;font:800 30px/1.1 'Inter',system-ui,sans-serif}
.kt-stat-pop-bar{height:8px;border-radius:999px;background:#9ca3af;overflow:hidden;margin:0 0 12px}
.kt-stat-pop-bar i{display:block;height:100%;background:#3b82f6}
.kt-stat-pop-line{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:15px}
.kt-dot{width:10px;height:10px;border-radius:3px;flex:0 0 10px}
.kt-dot-pass{background:#3b82f6}.kt-dot-fail{background:#9ca3af}
.kt-stat-pop-note{margin:12px 0 0;font-size:12px;line-height:1.45;color:#9fb0c0}
html[data-theme="light"] .kt-stat-pop{background:rgba(20,32,46,.35)}
html[data-theme="light"] .kt-stat-pop-card{background:#fff;color:#1d2a38;border-color:#d8e0e7;box-shadow:0 18px 50px rgba(31,73,97,.22)}
html[data-theme="light"] .kt-stat-pop-x{border-color:#d8e0e7}
html[data-theme="light"] .kt-stat-pop-card h3,html[data-theme="light"] .kt-stat-pop-note{color:#5b6b7a}

/* v18: Ads - container chrome in the app's blue / white / grey only */
.sc-ad-slot:empty{display:none}
.sc-ad-slot{margin:12px 0}
.sc-ad{display:block;overflow:hidden;border-radius:16px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:var(--popup-surface,#14202E);color:var(--offwhite,#F5F3EC);text-decoration:none;-webkit-tap-highlight-color:transparent}
.sc-ad img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover;background:rgba(127,127,127,.15)}
.sc-ad-foot{display:flex;align-items:center;gap:8px;padding:9px 12px;min-width:0}
.sc-ad-foot strong{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ad-tag{flex:0 0 auto;align-self:flex-start;padding:2px 8px;border-radius:999px;border:1px solid var(--navy-line,rgba(127,127,127,.4));font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--offwhite-dim,#B7C4CE)}
.sc-ad-native .sc-ad-body{display:flex;flex-direction:column;gap:5px;padding:12px 14px 14px}
.sc-ad-native strong{font-size:16px;line-height:1.3;font-weight:700}
.sc-ad-desc{font-size:13.5px;line-height:1.45;color:var(--offwhite-dim,#B7C4CE)}
html[data-theme="light"] .sc-ad{background:#fff;border-color:#d8e0e7;color:#1d2a38}
html[data-theme="light"] .sc-ad-tag,html[data-theme="light"] .sc-ad-desc{color:#5b6b7a;border-color:#c9d4dd}
.sc-ad-open{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 64px) 20px calc(env(safe-area-inset-bottom,0px) + 28px);background:#0b1420;color:#F5F3EC}
html[data-theme="light"] .sc-ad-open{background:#eef2f6;color:#1d2a38}
.sc-ad-open-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:16px;min-width:92px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(127,127,127,.45);background:rgba(127,127,127,.18);color:inherit;font:700 13.5px/1 'Inter',system-ui,sans-serif;cursor:pointer}
.sc-ad-open-skip:disabled{opacity:.75;cursor:default}
.sc-ad-open-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(100%,440px);color:inherit;text-decoration:none}
.sc-ad-open-body img{width:100%;max-height:62vh;object-fit:contain;border-radius:16px;background:rgba(127,127,127,.12)}
.sc-ad-open-body strong{font-size:19px;line-height:1.3}

/* v18: General Management -> Ads */
.sc-ads-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 8px}
.sc-ads-head h3{margin:0;font-size:15px}.sc-ads-head p{margin:2px 0 0;font-size:12.5px;opacity:.8}
.sc-ads-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sc-ads-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.3));font-size:13.5px;font-weight:600}
.sc-ads-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 12px;align-items:center;padding:10px;margin:8px 0;border-radius:14px;border:1px solid var(--navy-line,rgba(127,127,127,.3))}
.sc-ads-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:rgba(127,127,127,.18)}
.sc-ads-info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px}
.sc-ads-info strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ads-info span{opacity:.85}
.sc-ads-state-on{color:#3b82f6}.sc-ads-state-off,.sc-ads-state-ended{color:#9ca3af}.sc-ads-state-scheduled{color:#3b82f6;opacity:.8}
.sc-ads-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.sc-ads-toggle{position:relative;margin-right:auto;display:flex;align-items:center}
.sc-ads-btn{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--navy-line,rgba(127,127,127,.4));background:none;color:inherit;font:700 13px/1 'Inter',system-ui,sans-serif;cursor:pointer}
.sc-ads-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}
.sc-ads-btn-quiet{opacity:.8}
.sc-ads-form{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.sc-ads-form h3{margin:0;font-size:16px}
.sc-ads-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600}
.sc-ads-field input:not([type=file]),.sc-ads-field textarea,.sc-ads-field select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.4));background:var(--popup-surface,#14202E);color:inherit;font:400 15px/1.35 'Inter',system-ui,sans-serif}
html[data-theme="light"] .sc-ads-field input:not([type=file]),html[data-theme="light"] .sc-ads-field textarea,html[data-theme="light"] .sc-ads-field select{background:#fff;border-color:#d8e0e7}
.sc-ads-field small{font-weight:400;opacity:.75}
.sc-ads-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sc-ads-preview{display:grid;place-items:center;min-height:90px;border-radius:12px;border:1px dashed var(--navy-line,rgba(127,127,127,.4));overflow:hidden;font-size:12.5px;opacity:.9}
.sc-ads-preview img{display:block;width:100%;max-height:200px;object-fit:cover}
.sc-ads-error{margin:0;color:#3b82f6;font-size:13px;font-weight:600;min-height:1em}
.sc-ads-form-actions{display:flex;justify-content:flex-end;gap:8px}
/* v19: daddy's header-to-card rule - 10px between the header band and the first row */
#cert-view{--sc-hdr-gap:10px}
/* v19: Ads - Add / Edit is a full page; owner preview switch */
.sc-ad-editor-view{z-index:10040!important}
.sc-ad-editor-view .sc-ads-form{margin:0 0 28px;gap:12px}
.sc-ads-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--navy-line,rgba(127,127,127,.3));background:var(--popup-surface,#14202E)}
.sc-ads-card h3{margin:0;font-size:14px;letter-spacing:.02em;color:var(--offwhite-dim,#B7C4CE)}
html[data-theme="light"] .sc-ads-card{background:#fff;border-color:#d8e0e7}
html[data-theme="light"] .sc-ads-card h3{color:#5b6b7a}
.sc-ads-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #3b82f6;color:#3b82f6;font:700 13.5px/1 'Inter',system-ui,sans-serif;cursor:pointer;overflow:hidden}
.sc-ads-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sc-ads-hint{font-size:12px;opacity:.75;line-height:1.4}
.sc-ad-editor-view .sc-ads-preview{min-height:140px}
.sc-ad-editor-view .sc-ads-preview img{max-height:240px}
.sc-ad-editor-view .sc-ads-preview small{display:block;padding:6px;font-size:11.5px;opacity:.8}
.sc-ad-editor-view .sc-ads-form-actions{position:sticky;bottom:0;padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(to top,var(--navy-deep,#050b14) 60%,transparent)}
html[data-theme="light"] .sc-ad-editor-view .sc-ads-form-actions{background:linear-gradient(to top,#eef2f6 60%,transparent)}
.sc-ad-editor-view .sc-ads-form-actions .sc-ads-btn{min-height:46px;flex:1 1 0;font-size:14.5px}
.sc-ads-preview-switch{margin-top:8px;align-items:flex-start}
.sc-ads-preview-switch > span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-ads-preview-switch small{font-weight:400;font-size:12px;line-height:1.4;opacity:.8}
#confirm-overlay{z-index:10060!important}

/* ===== r72 ===== */
/* Ship Certificates: the + is white like the back arrow (it was the yellow accent). */
html:root #cert-view .detail-header #cert-add-btn,html:root #cert-view .detail-header #cert-add-btn *{color:#F5F3EC!important}
html[data-theme="light"]:root #cert-view .detail-header #cert-add-btn,html[data-theme="light"]:root #cert-view .detail-header #cert-add-btn *{color:#16232e!important}
/* Certificate popup: title wraps to 2 lines and keeps clear of the 4 icons. */
html:root #collection-doc-detail-overlay .collection-doc-detail-modal .modal-header{padding-right:150px!important}
/* r73: full name, as many lines as needed - no clamp, no ellipsis; the header grows and the icons stay centred on the right. */
html:root #collection-doc-detail-overlay .collection-doc-detail-modal .modal-header{overflow:visible!important;height:auto!important;max-height:none!important}
html:root #collection-doc-detail-overlay .collection-doc-detail-modal .collection-doc-title-row{align-items:center!important;overflow:visible!important;max-height:none!important}
html:root #collection-doc-detail-overlay .collection-doc-detail-modal .collection-doc-title-row h2{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;word-break:normal!important;text-overflow:clip!important;line-height:1.22!important;max-height:none!important;height:auto!important;font-size:15px}
@media(max-width:390px){html:root #collection-doc-detail-overlay .collection-doc-detail-modal .modal-header{padding-right:142px!important}}
/* Ad editor: Start and End each take a full row (they overlapped side by side). */
.sc-ads-dates{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}
.sc-ads-dates .sc-ads-field{min-width:0}
.sc-ads-dates input[type="datetime-local"]{display:block;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;-webkit-appearance:none;appearance:none;min-height:46px}
/* Launch ad sits directly under the welcome splash. */
.sc-ad-open{z-index:2147483000!important}
.lh-upgrading-shell .sc-ad-slot,.learning-hub-shell>.sc-ad-slot{margin:12px 0}

/* ===== r73: Android bottom band =====
   On Android the strip beside / under the system navigation is painted from
   the root canvas colour. It was a flat edge colour that differs from the page
   (and near-white in the light theme). The canvas now has exactly the colour
   of the bottom of the page, the page always fills the full dynamic height,
   the fixed backdrop already reaches 300px past the bottom edge. */
html.sc-android:not(.sc-auth-surface),html.sc-android:not(.sc-auth-surface) body{background-color:#F1F5F8!important;min-height:100vh;min-height:100dvh}
html.sc-android[data-theme="dark"]:not(.sc-auth-surface),html.sc-android[data-theme="dark"]:not(.sc-auth-surface) body{background-color:#071322!important}
html.sc-android .side-menu-overlay,html.sc-android .side-menu{bottom:0!important;height:auto!important;min-height:100dvh}
html.sc-android .detail-view{min-height:100dvh}

/* ===== r74 ===== */
/* TK-1: the header pill never wraps; the font shrinks on narrow screens. */
.kt-title{white-space:nowrap!important;min-width:0;overflow:hidden;text-overflow:clip;font-size:clamp(12.5px,3.9vw,17px)!important;line-height:1.1!important;padding:11px clamp(12px,4vw,22px)!important}
.kt-head{gap:8px}
/* TK-2: the "allow AI" question must be above the test screen, and the progress sits in the bottom bar. */
html.kt-open #confirm-overlay{z-index:1000050!important}
.kt-wait-bar{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--navy-line,rgba(127,127,127,.35));background:var(--popup-surface,#14202E);font:600 14.5px/1.3 'Inter',system-ui,sans-serif}
.kt-wait-bar b{font-weight:800;color:#2f7fe0}
.kt-wait-bar small{margin-left:auto;font-size:12px;color:var(--offwhite-dim,#B7C4CE)}
.kt-wait-spin{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(47,127,224,.28);border-top-color:#2f7fe0;animation:kt-spin .8s linear infinite}
@keyframes kt-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kt-wait-spin{animation:none}}
html[data-theme="light"] .kt-wait-bar{background:#fff;border-color:#d8e0e7;color:#1d2a38}
/* TK-4 / TK-5: three bar rows - label | bar | count. */
.kt-card-v7{padding:14px 14px 2px}
.kt-bars{display:flex!important;flex-direction:column;gap:10px;grid-template-columns:none!important}
.kt-bar-row{display:flex;align-items:center;gap:10px;width:100%;min-height:24px;padding:0;border:0;background:none;color:var(--offwhite,#F5F3EC);font-family:'Inter',system-ui,sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kt-bar-label{flex:0 0 104px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.kt-bar-icon{flex:0 0 18px;width:18px;height:18px;display:block;color:#2f7fe0}
.kt-bar-icon svg{width:18px;height:18px;display:block}
.kt-bar-track{flex:1 1 auto;min-width:0;height:14px;border-radius:8px;background:rgba(232,238,245,.16);overflow:hidden}
.kt-bar-track i{display:block;height:100%;border-radius:8px;background:#2f7fe0;transition:width .5s ease}
.kt-bar-count{flex:0 0 auto;min-width:30px;text-align:right;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
html[data-theme="light"] .kt-bar-row{color:#1d2a38}
html[data-theme="light"] .kt-bar-track{background:#e8eef5}
/* TK-3 (Variant C): the tappable row is an inset light-blue pill button. */
.kt-card-v7 .kt-entry{margin:12px 0!important;padding:12px 12px!important;border:0!important;border-radius:14px!important;background:rgba(47,127,224,.18)!important}
.kt-card-v7 .kt-entry:active{background:rgba(47,127,224,.28)!important}
.kt-card-v7 .kt-entry-chev{color:#2f7fe0}
html[data-theme="light"] .kt-card-v7 .kt-entry{background:#eaf3fd!important;color:#1d2a38}
html[data-theme="light"] .kt-card-v7 .kt-entry:active{background:#dbe9fb!important}
html[data-theme="light"] .kt-card-v7 .kt-entry-text span{color:#5b6b7a}
/* ADS-2: carousel for 2-3 ads in one placement. */
.sc-ad-carousel{position:relative;width:100%;min-width:0}
.sc-ad-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:16px}
.sc-ad-track::-webkit-scrollbar{display:none}
.sc-ad-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.sc-ad-slide>.sc-ad{margin:0;width:100%;box-sizing:border-box}
.sc-ad-dots{display:flex;justify-content:center;gap:6px;padding:7px 0 0}
.sc-ad-dots i{width:6px;height:6px;border-radius:50%;background:rgba(127,140,155,.45);transition:width .25s ease,background .25s ease}
.sc-ad-dots i.is-on{width:16px;border-radius:3px;background:#2f7fe0}

/* ===== r75 ===== */
/* UI-1: the member table scrolls inside its own box; the header row stays put. */
#sc-admin-panel #sc-admin-list .sc-admin-table-scroll{max-height:min(62vh,calc(100dvh - 300px));min-height:220px;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#sc-admin-panel #sc-admin-list .sc-admin-table thead th{position:sticky!important;top:0!important;z-index:8}
#sc-admin-panel #sc-admin-list .sc-admin-table thead th:first-child{z-index:10}
/* UI-2: no shadow on any Home carousel slide card in light mode. */
html[data-theme="light"] .home-summary-carousel .home-summary-carousel-slide,
html[data-theme="light"] .home-summary-carousel .home-summary-carousel-slide > *,
html[data-theme="light"] .home-summary-carousel .home-summary-card,
html[data-theme="light"]:root #home-dashboard#home-dashboard .home-summary-carousel .home-summary-carousel-slide > *,
html[data-theme="light"]:root #tab-home#tab-home .home-summary-carousel .home-summary-carousel-slide > *{box-shadow:none!important;filter:none!important}
/* UI-3: one empty-state pattern - centred text, SVG icon (no emoji). */
.placeholder.sc-empty,.tab-panel .placeholder.sc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;max-width:420px;box-sizing:border-box}
.placeholder.sc-empty .sc-empty-icon{display:grid!important;place-items:center;width:56px;height:56px;margin:0!important;border-radius:50%;background:rgba(47,127,224,.14);color:#2f7fe0;font-size:0!important}
.placeholder.sc-empty .sc-empty-icon svg{width:28px;height:28px;display:block}
.sc-empty-text,.tutor-empty,.ta-empty,.notification-empty,.ai-history-empty,.sc-news-empty,.sc-admin-empty,.lh-infosheet-empty,.home-life-activity-empty,.learning-hub-state,.ship-cert-empty,.ai-memory-empty,#sc-admin-panel .sc-profile-note:only-child,#sc-admin-ads>.sc-profile-note{text-align:center!important}
.tutor-empty,.ta-empty,.sc-empty-text{display:block;width:100%;box-sizing:border-box;padding:14px 10px}
td>.tutor-empty,td>.ta-empty{padding:0}
tbody td[colspan]:only-child{text-align:center!important}

/* ===== r76 ===== */
/* (r76 FIX-1 compact carousel removed in r77: a carousel ad has the same size as a single ad.) */
.sc-ad-carousel .sc-ad-dots{padding-top:6px}
.sc-ad-track{scroll-behavior:auto}
/* FIX-5: member table. The second column was pinned at left:42px - the width
   of a checkbox column that no longer exists - so it slid UNDER the wider
   Member ID column and its translucent background let the rows beneath show
   through (the "duplicated / overlapping rows"). Now: only the header row and
   the Member ID column are pinned, every pinned cell is fully opaque, and the
   box paints as its own layer. */
#sc-admin-panel #sc-admin-list .sc-admin-table-scroll{position:relative;isolation:isolate;contain:paint;background:var(--navy-deep,#050b14)}
#sc-admin-panel #sc-admin-list .sc-admin-table{border-collapse:separate!important;border-spacing:0!important}
#sc-admin-panel #sc-admin-list .sc-admin-table th:nth-child(2),
#sc-admin-panel #sc-admin-list .sc-admin-table td:nth-child(2){position:static!important;left:auto!important;box-shadow:none!important}
#sc-admin-panel #sc-admin-list .sc-admin-table tbody td{position:static;background:#0b1a2a!important;background-clip:padding-box}
#sc-admin-panel #sc-admin-list .sc-admin-table tbody td:first-child{position:sticky!important;left:0!important;z-index:5!important;background:#0e2134!important;box-shadow:1px 0 0 var(--navy-line,rgba(127,127,127,.3))}
#sc-admin-panel #sc-admin-list .sc-admin-table thead th{position:sticky!important;top:0!important;z-index:8!important;background:#102a40!important;background-clip:padding-box}
#sc-admin-panel #sc-admin-list .sc-admin-table thead th:first-child{left:0!important;z-index:12!important}
#sc-admin-panel #sc-admin-list .sc-admin-table thead th:nth-child(2){position:sticky!important;z-index:8!important}
#sc-admin-panel #sc-admin-list .sc-admin-member-row{background:transparent!important;transform:none!important}
html[data-theme="light"] #sc-admin-panel #sc-admin-list .sc-admin-table-scroll{background:#fff}
html[data-theme="light"] #sc-admin-panel #sc-admin-list .sc-admin-table tbody td{background:#fff!important}
html[data-theme="light"] #sc-admin-panel #sc-admin-list .sc-admin-table tbody td:first-child{background:#f3f7fa!important}
html[data-theme="light"] #sc-admin-panel #sc-admin-list .sc-admin-table thead th{background:#e9eff5!important}
/* Speed: long lists only lay out the cards that are near the screen. */
.sc-news-card,.lh-flat-card{content-visibility:auto;contain-intrinsic-size:auto 132px}
/* The carousel must never widen its page: its own width counts as 0 for the layout around it. */
.sc-ad-slot{min-width:0;max-width:100%}
.sc-ad-carousel{max-width:100%;overflow:hidden;contain:inline-size}
.sc-ad-slot:has(>.sc-ad-carousel){display:block;width:100%;overflow:hidden}

/* ===== r77 ===== */
/* UI-1: every scroll-to-top arrow sits ABOVE the bottom dock, never on it. */
.sc-news-topbtn,.sc-alert-topbtn,.sc-report-topbtn,.sc-post-topbtn,.sc-admin-topbtn{bottom:calc(env(safe-area-inset-bottom,0px) + 96px)!important;left:auto!important;right:16px!important;transform:none!important}
/* UI-2: an ad's picture has its space before it loads (shape remembered per ad), so nothing jumps or flashes. */
.sc-ad img{height:auto;max-height:240px;object-fit:cover;background:rgba(127,140,155,.14)}
.sc-ad-slot{margin:10px 0}
.sc-ad-carousel .sc-ad-dots{padding-top:5px}
/* UI-4: member table, rebuilt without position:sticky.
   .sc-mt-frame scrolls sideways; .sc-mt-body (fixed height) scrolls up and down;
   the header table sits above the body box inside the same sideways frame. */
#sc-admin-panel .sc-mt{margin:0;border:1px solid var(--navy-line,rgba(127,127,127,.3));border-radius:12px;overflow:hidden;background:#0b1a2a}
#sc-admin-panel .sc-mt-frame{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
#sc-admin-panel .sc-mt-inner{width:1688px}
#sc-admin-panel .sc-mt-body{height:min(60vh,calc(100dvh - 310px));min-height:240px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
#sc-admin-panel .sc-mt-table{width:1688px;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;margin:0;color:var(--offwhite,#F5F3EC);font:12px/1.35 'Inter',system-ui,sans-serif}
#sc-admin-panel .sc-mt-table th,#sc-admin-panel .sc-mt-table td{position:static!important;left:auto!important;top:auto!important;z-index:auto!important;box-shadow:none!important;transform:none!important;padding:9px 9px;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-right:1px solid var(--navy-line,rgba(127,127,127,.28));border-bottom:1px solid var(--navy-line,rgba(127,127,127,.28));border-radius:0!important}
#sc-admin-panel .sc-mt-table th:last-child,#sc-admin-panel .sc-mt-table td:last-child{border-right:0}
#sc-admin-panel .sc-mt-head th{background:#102a40!important;color:#a8c8d8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#sc-admin-panel .sc-mt-head .sc-admin-sort{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;padding:0;cursor:pointer}
#sc-admin-panel .sc-mt-body td{background:#0b1a2a!important}
#sc-admin-panel .sc-mt-body tr:nth-child(even) td{background:#0e2134!important}
#sc-admin-panel .sc-mt-body .sc-admin-member-row{background:none!important}
#sc-admin-panel .sc-mt-body .sc-admin-usage-cell{white-space:normal}
html[data-theme="light"] #sc-admin-panel .sc-mt{background:#fff}
html[data-theme="light"] #sc-admin-panel .sc-mt-table{color:#1d2a38}
html[data-theme="light"] #sc-admin-panel .sc-mt-head th{background:#e9eff5!important;color:#4a6072}
html[data-theme="light"] #sc-admin-panel .sc-mt-body td{background:#fff!important}
html[data-theme="light"] #sc-admin-panel .sc-mt-body tr:nth-child(even) td{background:#f5f8fb!important}
/* AI-1: memory button + sheet inside AI Assistance. */
#ai-chat-memory-btn{position:relative}
#ai-chat-memory-count{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#2f7fe0;color:#fff;font:800 10px/16px 'Inter',system-ui,sans-serif;text-align:center}
.ai-memory-sheet{position:fixed;inset:0;z-index:1000040;display:none;align-items:flex-end;justify-content:center;background:rgba(3,8,16,.55)}
.ai-memory-sheet.open{display:flex}
.ai-memory-sheet-card{width:min(100%,520px);max-height:82dvh;overflow-y:auto;box-sizing:border-box;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;background:#14202E;color:#F5F3EC;box-shadow:0 -12px 40px rgba(0,0,0,.4)}
.ai-memory-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ai-memory-sheet-head h3{margin:0;font:700 18px/1.2 Georgia,'Times New Roman',serif}
.ai-memory-sheet-x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.ai-memory-sheet-lead{margin:6px 0 12px;font-size:13px;line-height:1.5;color:#B7C4CE}
.ai-memory-sheet-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}
html[data-theme="light"] .ai-memory-sheet-card{background:#fff;color:#1d2a38}
html[data-theme="light"] .ai-memory-sheet-lead{color:#5b6b7a}
html[data-theme="light"] .ai-memory-sheet-x,html[data-theme="light"] .ai-memory-sheet-toggle{border-color:#d8e0e7}
/* AI-4: quota notice with the reset date and the way to get more. */
.ai-chat-quota-notice:not([hidden]){display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px;text-align:left}
.ai-chat-quota-notice .ai-quota-line{flex:1 1 200px;min-width:0;font-size:13.5px;line-height:1.4}
.ai-chat-quota-notice .ai-quota-sub{flex:1 1 100%;order:3;font-size:11.5px;opacity:.82}
.ai-chat-quota-notice .ai-quota-upgrade{flex:0 0 auto;min-height:38px;padding:0 16px;border-radius:999px;border:0;background:#2f7fe0;color:#fff;font:700 13px 'Inter',system-ui,sans-serif;cursor:pointer}
/* Report PDF button */
#activity-detail-pdf-btn.is-busy{opacity:.5;pointer-events:none}
.ai-save-file-link{font-weight:700}

/* ===== r78 ===== */
/* New course wizard: more air between sections, with divider lines. */
.cw-shell{padding-top:20px}
html:root .cw-steps{margin:8px 0 26px!important;padding-bottom:20px!important;border-bottom:1px solid var(--cw-line,rgba(127,127,127,.3))!important}
html:root .cw-shell .cw-field{display:block;margin-bottom:26px!important;padding-bottom:24px!important;border-bottom:1px solid var(--cw-line,rgba(127,127,127,.3))!important}
html:root .cw-shell .cw-field:has(+ .cw-footer),html:root .cw-shell .cw-field:last-child{border-bottom:0!important;padding-bottom:6px!important}
.cw-shell .cw-label{margin-bottom:11px!important}
.cw-shell .cw-section-head{margin-bottom:13px!important}
.cw-shell .cw-hint{margin-top:10px!important}
.cw-shell .cw-pills{gap:10px}
.cw-shell .cw-input,.cw-shell .cw-textarea{padding:13px 13px}
.cw-shell .cw-quiz-list,.cw-shell .cw-gen-list{gap:14px;margin-top:14px}
.cw-shell .cw-test-row{gap:10px;margin-top:4px}
html:root .cw-footer{margin-top:10px;padding-top:16px!important;border-top:1px solid var(--cw-line,rgba(127,127,127,.3))!important}
/* Test Your Knowledge: icon-only bar rows, legend, icon + label in the popup. */
.kt-bar-label.kt-bar-label-icon{flex:0 0 22px;gap:0;justify-content:center}
.kt-bar-legend{display:flex;justify-content:flex-end;gap:14px;margin-top:-2px;font:600 11px/1.2 'Inter',system-ui,sans-serif;color:var(--offwhite-dim,#B7C4CE)}
.kt-bar-legend span{display:inline-flex;align-items:center;gap:5px}
.kt-legend-box{width:9px;height:9px;border-radius:2px;display:inline-block}
.kt-legend-pass{background:#2f7fe0}
.kt-legend-fail{background:rgba(232,238,245,.3)}
html[data-theme="light"] .kt-bar-legend{color:#5b6b7a}
html[data-theme="light"] .kt-legend-fail{background:#cfd9e4}
.kt-stat-pop-title{display:flex;align-items:center;gap:8px}
.kt-stat-pop-title .kt-bar-icon{flex:0 0 20px;width:20px;height:20px}
.kt-stat-pop-title .kt-bar-icon svg{width:20px;height:20px}
/* Unit converter button while it is being dragged. */
.sc-unit-fab-wrap.is-dragging{transition:none!important;opacity:.92}
.sc-unit-fab-wrap.is-dragging .sc-unit-fab-label{display:none!important}