/* Cloud Design v1.2.0 - final visual system */
:root{
  --accent:#9f79ff;
  --accent-rgb:159,121,255;
  --accent-soft:rgba(159,121,255,.12);
  --accent-soft-2:rgba(159,121,255,.20);
  --premium-line:rgba(222,226,255,.10);
  --premium-shadow:0 24px 70px rgba(2,4,12,.34);
}
html[data-theme="dark"]{
  --bg:#080a12;
  --bg2:#0b0e17;
  --surface:#111520;
  --surface2:#151a27;
  --text:#f5f4fb;
  --muted:#9ea3b7;
  --line:rgba(225,228,255,.10);
  --soft:rgba(255,255,255,.045);
}
html[data-theme="light"]{
  --bg:#f3f4f8;
  --bg2:#eceff5;
  --surface:#ffffff;
  --surface2:#f8f9fc;
  --text:#151823;
  --muted:#687083;
  --line:rgba(27,31,46,.10);
  --soft:rgba(27,31,46,.04);
  --premium-shadow:0 20px 52px rgba(39,47,75,.09);
}
body{
  background:
    radial-gradient(900px 680px at 78% -8%, rgba(159,121,255,.11), transparent 68%),
    radial-gradient(720px 560px at 5% 22%, rgba(102,85,158,.07), transparent 72%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg2) 58%,var(--bg) 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  background:radial-gradient(circle at 58% -12%,rgba(204,184,255,.07),transparent 35%)!important;
  opacity:1!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 650px at 82% -10%, rgba(159,121,255,.10), transparent 70%),
    radial-gradient(700px 560px at 6% 20%, rgba(124,136,177,.07), transparent 72%),
    linear-gradient(180deg,#f7f8fb 0%,#eef1f7 58%,#f6f7fa 100%)!important;
}

/* Typography and control consistency */
body,button,input,textarea,select{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button,.primary-btn,.ghost-btn,.icon-btn,.text-btn,.status-pill,.account-chip{line-height:1.15}
.primary-btn,.ghost-btn{min-height:44px;padding:0 18px;border-radius:14px;white-space:normal;text-align:center}
.primary-btn.compact,.ghost-btn.compact{min-height:39px;padding:0 14px;border-radius:12px}
.primary-btn{background:linear-gradient(180deg,#ad8aff,#8f63ff);box-shadow:0 13px 30px rgba(var(--accent-rgb),.24)}
.primary-btn:hover{box-shadow:0 17px 38px rgba(var(--accent-rgb),.31)}
.ghost-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 96%,var(--accent) 3%),color-mix(in srgb,var(--surface) 98%,transparent));border-color:color-mix(in srgb,var(--line) 90%,transparent)}
input,select,textarea{border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,transparent),color-mix(in srgb,var(--surface) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 92%,transparent);color:var(--text)}
input,select{min-height:46px}
textarea{line-height:1.55}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.50);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}
label{display:grid;gap:7px;color:var(--text);font-weight:650}
label small{font-weight:450;color:var(--muted)}
.errorlist{list-style:none;margin:5px 0 0;padding:0;color:#ff8e98;font-size:.83rem}

/* Header/logo - keep exact reference lockup */
.site-header{border-bottom-color:rgba(223,226,255,.07)}
.site-header.scrolled{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.brand-exact-image{display:block;height:auto;object-fit:contain;object-position:left center;filter:none!important}
.site-header .brand-exact-image{width:245px;max-height:55px}
.footer-brand-exact .brand-exact-image{width:285px;max-height:72px}
.brand-exact-light{display:none}
html[data-theme="light"] .brand-exact-dark{display:none}
html[data-theme="light"] .brand-exact-light{display:block}
.desktop-nav a{font-weight:600;line-height:1;padding:12px 0;color:var(--muted)}
.header-actions{align-items:center}
.account-chip{border-radius:16px;min-height:48px}

/* Global premium surfaces */
.card,.panel,.metric-card,.service-card,.feature-card,.price-card,.project-row,.auth-card,.contact-channels,.cta-panel,.table-wrap,.side-nav,.notification-popover,.guest-chat-panel{
  border-color:color-mix(in srgb,var(--line) 92%,transparent);
  box-shadow:var(--premium-shadow);
}
.card,.panel{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 1.5%),color-mix(in srgb,var(--surface2) 100%,transparent))}
.service-card,.feature-card,.price-card{border-radius:24px}
.service-card:hover,.feature-card:hover,.price-card:hover{border-color:rgba(var(--accent-rgb),.30);transform:translateY(-4px)}
.section-head p,.lead,.hero-copy{color:var(--muted)}
.eyebrow{color:#c7b7f7}

/* Hero */
.hero{min-height:min(920px,100svh);padding-bottom:90px}
.hero-grid{align-items:center}
.hero h1{max-width:9.3ch}
.hero-orbit{opacity:.95}
.hero-core-exact{background:linear-gradient(145deg,rgba(159,121,255,.92),rgba(110,80,211,.93));overflow:hidden}
.hero-logo-exact{width:78px!important;height:64px!important;object-fit:contain!important;filter:none!important}
.hero-logo-light{display:none}
html[data-theme="light"] .hero-logo-dark{display:none}
html[data-theme="light"] .hero-logo-light{display:block}
.trust-strip{background:rgba(255,255,255,.015)}

/* Dashboard/navigation */
.dashboard-shell{padding-top:calc(var(--header) + 38px)}
.side-nav-final{padding:12px;border-radius:24px}
.side-nav-final a{border-radius:14px;min-height:42px;display:flex;align-items:center}
.side-nav-final .side-nav-create{background:linear-gradient(180deg,rgba(var(--accent-rgb),.19),rgba(var(--accent-rgb),.10));border:1px solid rgba(var(--accent-rgb),.24);color:var(--text);font-weight:750;margin-bottom:6px}
.side-nav-final .side-nav-create span{font-size:1.15rem;margin-right:8px;color:#cdbbff}
.dashboard-head h1{margin-bottom:8px}
.staff-topline{gap:12px}
.metric-grid{gap:14px}
.metric-card{border-radius:22px}

/* Visitor stats */
.visitor-summary-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.visitor-summary-final .card{padding:20px;border-radius:22px}
.visitor-summary-final span,.visitor-summary-final small{display:block;color:var(--muted)}
.visitor-summary-final b{display:block;font-size:2.35rem;line-height:1;margin:10px 0 8px;letter-spacing:-.05em}
.visitor-summary-final small{font-size:.82rem}
.analytics-accuracy-note{max-width:880px}

/* Project creation and management */
.project-admin-head-final{align-items:flex-start}
.project-quick-guide-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;overflow:hidden;margin-bottom:16px}
.project-quick-guide-final>div{padding:20px 22px;border-right:1px solid var(--line)}
.project-quick-guide-final>div:last-child{border-right:0}
.project-quick-guide-final span{color:#cbb8ff;font-size:.75rem;letter-spacing:.12em}
.project-quick-guide-final b{display:block;margin:10px 0 7px}
.project-quick-guide-final p{margin:0;color:var(--muted);font-size:.88rem}
.project-search-final{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.project-search-final input{flex:1}
.project-row-final{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto}
.project-row-actions-final{display:flex;gap:8px;align-items:center}
.project-editor-final{display:grid;gap:16px}
.project-form-section-final{padding:24px;border-radius:25px}
.project-form-section-head-final{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.project-form-section-head-final>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.11);border:1px solid rgba(var(--accent-rgb),.22);color:#cdbdff;font-size:.74rem;flex:0 0 38px}
.project-form-section-head-final h3{margin:1px 0 5px}
.project-form-section-head-final p{margin:0;color:var(--muted);font-size:.9rem}
.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.span-two-final{grid-column:span 2}
.project-check-final{align-self:end;min-height:46px;padding:0 14px;display:flex;flex-direction:row;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-weight:600}
.project-check-final input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}
.project-savebar-final{position:sticky;bottom:14px;z-index:20;padding:12px 14px;display:flex;justify-content:flex-end;gap:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.20)}
.form-errors-final{padding:14px;border-radius:14px;background:rgba(255,90,105,.08);border:1px solid rgba(255,90,105,.22)}

/* Chat final polish - smooth background, no stripes */
.chat-board-v110{border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#101522,#0d111d);box-shadow:0 28px 80px rgba(2,4,10,.45)}
html[data-theme="light"] .chat-board-v110{background:linear-gradient(180deg,#ffffff,#f6f8fc)}
.chat-context-v110,.chat-side-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface) 100%,transparent))}
.chat-messages-v110{
  min-height:560px;
  background:
    radial-gradient(560px 360px at 78% 20%,rgba(var(--accent-rgb),.075),transparent 72%),
    radial-gradient(480px 360px at 14% 72%,rgba(77,88,133,.07),transparent 74%),
    linear-gradient(180deg,#0d111b 0%,#0b0f19 100%)!important;
}
html[data-theme="light"] .chat-messages-v110{
  background:
    radial-gradient(560px 360px at 78% 20%,rgba(var(--accent-rgb),.06),transparent 72%),
    linear-gradient(180deg,#f7f9fd 0%,#f3f6fb 100%)!important;
}
.chat-bubble-v110{border-radius:21px;background:linear-gradient(180deg,#171c28,#151a26);border-color:rgba(228,231,255,.09);box-shadow:0 10px 26px rgba(2,4,10,.16)}
.chat-bubble-v110.mine{background:linear-gradient(180deg,rgba(105,78,172,.60),rgba(75,58,126,.62));border-color:rgba(192,166,255,.28)}
html[data-theme="light"] .chat-bubble-v110{background:#fff}
html[data-theme="light"] .chat-bubble-v110.mine{background:linear-gradient(180deg,#e9e1ff,#ded1ff)}
.chat-context-card-v110,.chat-side-card-v110{border-radius:20px;box-shadow:none}
.chat-danger-zone-final{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.chat-danger-zone-final .danger{width:100%;border-color:rgba(255,105,118,.22);color:#ff9ca6;background:rgba(255,90,105,.05)}
.chat-compose-v112{background:linear-gradient(180deg,#101521,#0e131e)}
html[data-theme="light"] .chat-compose-v112{background:linear-gradient(180deg,#f8faff,#f3f6fb)}
.composer-shell-v112{border-radius:22px;background:linear-gradient(180deg,#141a27,#111621);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.14)}
html[data-theme="light"] .composer-shell-v112{background:#fff}
.composer-shell-v112 textarea{min-height:72px}
.composer-toolbar-v112{background:rgba(255,255,255,.01)}
.composer-tool-v112{border-radius:12px}

/* Message list */
.inbox-shell-v110{border-radius:27px}
.message-row-v110{border-radius:20px;box-shadow:none}
.message-row-actions-v110 form{margin:0}
.message-row-actions-v110 .danger{color:#ff929c;border-color:rgba(255,90,105,.18)}

/* Legal */
.legal-hero-final{padding-bottom:58px}
.legal-meta-final{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.legal-meta-final span{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:var(--soft);font-size:.8rem;color:var(--muted)}
.legal-section-final{padding-top:40px}
.legal-notice-final,.legal-footer-note-final{padding:22px 24px;border-radius:22px}
.legal-notice-final p,.legal-footer-note-final p{margin:8px 0 0;color:var(--muted)}
.legal-document-final{display:grid;gap:14px;margin:18px 0}
.legal-block-final{padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 1%),color-mix(in srgb,var(--surface2) 100%,transparent))}
.legal-block-final h2{font-size:1.35rem;margin:0 0 14px;letter-spacing:-.025em}
.legal-block-final p{color:var(--muted);margin:10px 0;line-height:1.7}
.legal-bullet-final{display:grid;grid-template-columns:8px 1fr;gap:12px;align-items:start}
.legal-bullet-final>span{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:19px;box-shadow:0 0 0 5px rgba(var(--accent-rgb),.08)}
.legal-bullet-final p{margin:8px 0}

/* Guest chat and notifications */
.guest-chat-panel{border-radius:24px;background:linear-gradient(180deg,#121722,#0f141e)}
html[data-theme="light"] .guest-chat-panel{background:#fff}
.guest-chat-messages{background:radial-gradient(420px 240px at 80% 20%,rgba(var(--accent-rgb),.06),transparent 75%)}
.notification-popover{border-radius:21px}
.notification-popover-item{transition:background .18s ease}
.notification-popover-item:hover{background:rgba(var(--accent-rgb),.05)}

/* Public page refinements */
.page-hero{padding-bottom:62px}
.page-hero h1{max-width:13ch}
.case-card{border-radius:25px}
.cta-panel{border-radius:28px}
.faq details{border-radius:17px}
.contact-channels{border-radius:24px}

/* Mobile */
@media(max-width:1060px){
  .project-quick-guide-final{grid-template-columns:1fr}
  .project-quick-guide-final>div{border-right:0;border-bottom:1px solid var(--line)}
  .project-quick-guide-final>div:last-child{border-bottom:0}
  .project-row-final{grid-template-columns:1fr 220px}
  .project-row-actions-final{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:820px){
  .site-header .brand-exact-image{width:205px;max-height:48px}
  .footer-brand-exact .brand-exact-image{width:245px}
  .visitor-summary-final{grid-template-columns:1fr}
  .form-grid.three{grid-template-columns:1fr 1fr}
  .span-two-final{grid-column:1/-1}
  .project-savebar-final{bottom:8px}
  .chat-messages-v110{min-height:430px}
}
@media(max-width:720px){
  .dashboard-shell{padding-top:calc(var(--header) + 20px)}
  .side-nav-final{border-radius:18px}
  .project-editor-head-final,.project-admin-head-final{display:grid;gap:14px}
  .project-form-section-final{padding:18px;border-radius:20px}
  .form-grid.three,.form-grid.two{grid-template-columns:1fr}
  .span-two-final{grid-column:auto}
  .project-savebar-final{position:static;display:grid;grid-template-columns:1fr 1fr}
  .project-search-final{display:grid;grid-template-columns:1fr auto}
  .project-search-final .text-btn{grid-column:1/-1;justify-self:start}
  .project-row-final{grid-template-columns:1fr}
  .project-row-actions-final{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
  .message-row-actions-v110{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .message-row-actions-v110>*{width:100%}
  .message-row-actions-v110 form button{width:100%}
  .legal-block-final{padding:19px 18px}
  .legal-notice-final,.legal-footer-note-final{padding:18px}
  .chat-messages-v110{min-height:360px}
}
@media(max-width:580px){
  .site-header .brand-exact-image{width:158px;max-height:42px}
  .footer-brand-exact .brand-exact-image{width:220px}
  .header-inner{gap:8px}
  .account-chip-copy{display:none}
  .account-chip{padding:4px;min-width:48px;width:48px}
  .project-savebar-final{grid-template-columns:1fr}
  .project-row-actions-final{grid-template-columns:1fr}
  .message-row-actions-v110{grid-template-columns:1fr}
  .legal-meta-final{display:grid;grid-template-columns:1fr}
  .legal-meta-final span{text-align:center}
  .chat-context-v110,.chat-side-v110{padding:14px}
  .chat-thread-head-v110{padding:16px 14px}
  .chat-messages-v110{padding:14px;min-height:340px}
}

/* =========================================================
   v1.2.1 - native select readability fix (Windows/Chromium)
   ========================================================= */
select{
  color-scheme:dark;
  background-color:#111624 !important;
  color:#f4f6ff !important;
  border-color:rgba(211,220,255,.12) !important;
  -webkit-text-fill-color:#f4f6ff;
}
select option,
select optgroup{
  background:#111624 !important;
  color:#f4f6ff !important;
  -webkit-text-fill-color:#f4f6ff;
}
select option:checked{
  background:#8f68f6 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
select option:disabled,
select optgroup:disabled{
  color:#69728a !important;
  -webkit-text-fill-color:#69728a;
}
select:disabled{
  opacity:.62;
  cursor:not-allowed;
}
html[data-theme="light"] select{
  color-scheme:light;
  background-color:#ffffff !important;
  color:#151a2a !important;
  border-color:rgba(27,35,61,.13) !important;
  -webkit-text-fill-color:#151a2a;
}
html[data-theme="light"] select option,
html[data-theme="light"] select optgroup{
  background:#ffffff !important;
  color:#151a2a !important;
  -webkit-text-fill-color:#151a2a;
}
html[data-theme="light"] select option:checked{
  background:#8f68f6 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
html[data-theme="light"] select option:disabled,
html[data-theme="light"] select optgroup:disabled{
  color:#9aa1b2 !important;
  -webkit-text-fill-color:#9aa1b2;
}
/* Keep compact selects readable in inline admin controls too. */
.inline-settings select,
.partner-row-form select,
.form-grid select,
.stack-form-v110 select{
  min-height:46px;
  line-height:1.25;
  font-weight:600;
}

/* =========================================================
   v1.2.2 - fully custom dropdown component.
   Native Windows/Chromium menu is visually hidden so colors
   are controlled entirely by Cloud Design.
   ========================================================= */
.cd-select{
  position:relative;
  display:block;
  min-width:0;
  width:100%;
  font:inherit;
}
.cd-select.cd-select-compact{display:inline-block;width:min(180px,100%)}
.cd-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:.001 !important;
}
.cd-select-trigger{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 15px 0 16px;
  border:1px solid rgba(211,220,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,#121827,#0f1421);
  color:#f4f6ff;
  font:inherit;
  font-weight:650;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cd-select-trigger:hover{border-color:rgba(156,114,255,.36);background:linear-gradient(180deg,#151c2d,#111725)}
.cd-select-trigger:focus-visible,.cd-select.is-open .cd-select-trigger{
  outline:none;
  border-color:rgba(156,114,255,.72);
  box-shadow:0 0 0 4px rgba(156,114,255,.11),inset 0 1px 0 rgba(255,255,255,.03);
}
.cd-select.is-invalid .cd-select-trigger{border-color:rgba(255,103,117,.68);box-shadow:0 0 0 4px rgba(255,103,117,.08)}
.cd-select.is-disabled .cd-select-trigger{opacity:.58;cursor:not-allowed}
.cd-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-select-chevron{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:#aaa3c8;transition:transform .18s ease,color .18s ease}
.cd-select-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cd-select.is-open .cd-select-chevron{transform:rotate(180deg);color:#cbbaff}
.cd-select-portal{
  position:fixed;
  z-index:50000;
  padding:7px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(211,220,255,.13);
  border-radius:18px;
  background:linear-gradient(180deg,#141a29,#0f1421);
  box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  scrollbar-width:thin;
  scrollbar-color:rgba(156,114,255,.34) transparent;
}
.cd-select-portal[hidden]{display:none !important}
.cd-select-group{
  padding:10px 11px 6px;
  color:#787f98;
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.cd-select-option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:9px 11px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#e9ecf7;
  font:inherit;
  font-size:.92rem;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.cd-select-option:hover,.cd-select-option:focus-visible{
  outline:none;
  background:rgba(156,114,255,.12);
  color:#fff;
}
.cd-select-option.is-selected{
  background:linear-gradient(180deg,rgba(156,114,255,.24),rgba(156,114,255,.15));
  color:#fff;
  font-weight:700;
}
.cd-select-option.is-selected:after{content:'✓';margin-left:auto;color:#cdbdff;font-weight:800}
.cd-select-option:disabled{opacity:.38;cursor:not-allowed}
.partner-row-form .cd-select,.form-grid .cd-select,.stack-form-v110 .cd-select{min-width:0}

html[data-theme="light"] .cd-select-trigger{
  background:linear-gradient(180deg,#fff,#f8faff);
  color:#151a2a;
  border-color:rgba(27,35,61,.13);
  box-shadow:0 5px 14px rgba(38,49,82,.04);
}
html[data-theme="light"] .cd-select-trigger:hover{background:#fff;border-color:rgba(143,104,246,.34)}
html[data-theme="light"] .cd-select-chevron{color:#7e8496}
html[data-theme="light"] .cd-select-portal{
  background:linear-gradient(180deg,#fff,#f6f8fd);
  border-color:rgba(27,35,61,.12);
  box-shadow:0 24px 60px rgba(35,47,82,.18),inset 0 1px 0 #fff;
}
html[data-theme="light"] .cd-select-option{color:#1a2032}
html[data-theme="light"] .cd-select-option:hover,html[data-theme="light"] .cd-select-option:focus-visible{background:rgba(143,104,246,.09);color:#111626}
html[data-theme="light"] .cd-select-option.is-selected{background:linear-gradient(180deg,rgba(143,104,246,.17),rgba(143,104,246,.10));color:#17132a}
html[data-theme="light"] .cd-select-group{color:#848ba0}

@media(max-width:720px){
  .cd-select-trigger{min-height:50px;border-radius:15px;padding-inline:14px}
  .cd-select-portal{border-radius:16px;padding:6px}
  .cd-select-option{min-height:46px;font-size:.95rem}
  .cd-select.cd-select-compact{width:100%}
}


/* v1.2.3 - service page CTA clickability
   Decorative hero pseudo-elements must never intercept links/buttons. */
.hero::after,
.page-hero::after,
.hero:after,
.page-hero:after {
  pointer-events: none !important;
}
.hero > .container,
.page-hero > .container {
  position: relative;
  z-index: 2;
}
.page-hero .inline-actions,
.page-hero .primary-btn,
.page-hero .ghost-btn {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

/* v1.2.4 - direct SMTP test inside Owner settings */
.smtp-test-direct{margin-top:18px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),color-mix(in srgb,var(--surface2) 98%,transparent))}
.smtp-test-direct>div:first-child p{margin:6px 0 0;color:var(--muted)}
.smtp-test-grid{align-items:end;margin-top:14px}
.smtp-test-action{display:grid;gap:8px;align-content:end}
.smtp-test-action .primary-btn{width:100%;min-height:50px}
.smtp-test-action small{color:var(--muted);line-height:1.35}
.smtp-test-result{margin-top:14px;padding:13px 15px;border-radius:15px;border:1px solid var(--line);line-height:1.45}
.smtp-test-result.success{background:rgba(57,211,137,.09);border-color:rgba(57,211,137,.28);color:#8ce7b9}
.smtp-test-result.error{background:rgba(248,113,113,.09);border-color:rgba(248,113,113,.28);color:#ffaaaa}
html[data-theme="light"] .smtp-test-result.success{color:#176b45}
html[data-theme="light"] .smtp-test-result.error{color:#a52d2d}
#smtpTestButton[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}
@media(max-width:720px){.smtp-test-direct{padding:16px}.smtp-test-grid{grid-template-columns:1fr}.smtp-test-action .primary-btn{width:100%}}