:root {
    --bg: #151625;
    --bg-deep: #10111d;
    --surface: #1d1f31;
    --surface-2: #25283d;
    --surface-3: #30334a;
    --text: #f4f3ff;
    --muted: #9b9db5;
    --line: rgba(181, 184, 220, .14);
    --purple: #8a4dff;
    --purple-2: #b05cff;
    --blue: #4895ff;
    --cyan: #56d5ff;
    --green: #48d597;
    --amber: #f7bd55;
    --danger: #ff687d;
    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 26px;
    --shadow: 0 0 24px rgba(5, 6, 15, .34);
    --header: rgba(21, 22, 37, .9);
}

[data-theme="light"] {
    --bg: #f5f4fb;
    --bg-deep: #eceaf5;
    --surface: #fff;
    --surface-2: #f0eef8;
    --surface-3: #e6e3f1;
    --text: #252638;
    --muted: #707287;
    --line: rgba(50, 52, 78, .12);
    --shadow: 0 0 24px rgba(5, 6, 15, .34);
    --header: rgba(255, 255, 255, .88);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--text);
    background: var(--bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: "";
    position: fixed;
    z-index: -1;
    inset: 0;
    background:
        radial-gradient(circle at 12% 8%, rgba(138, 77, 255, .14), transparent 28rem),
        radial-gradient(circle at 88% 3%, rgba(72, 149, 255, .1), transparent 26rem);
    pointer-events: none;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3,strong { letter-spacing: -.025em; }
h1,h2,h3 { margin-bottom: .65rem; line-height: 1.06; }
button,input,select,textarea { font: inherit; }
[hidden] { display: none !important; }

.icon,.material-symbols-rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-family: "Material Symbols Rounded";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
.skip-link { position:absolute; left:1rem; top:-5rem; z-index:99; padding:.7rem 1rem; background:var(--surface); border-radius:8px; }
.skip-link:focus { top:1rem; }

/* Product navigation */
.site-header {
    position: sticky;
    z-index: 30;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 78px;
    padding: .7rem max(1rem, calc((100% - 1180px)/2));
    border-bottom: 1px solid var(--line);
    background: var(--header);
    backdrop-filter: blur(20px) saturate(140%);
}
.header-topline { display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; text-decoration:none; }
.brand img { width:188px; height:54px; object-fit:contain; border-radius:0; background:transparent; }
.mobile-menu-toggle { display:none; width:44px; aspect-ratio:1; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--surface-2); cursor:pointer; }
.header-actions { display:flex; align-items:center; gap:.65rem; }
.main-nav { display:flex; align-items:center; gap:.25rem; }
.main-nav a,.account-menu summary {
    display:inline-flex; align-items:center; gap:.4rem; min-height:42px; padding:.55rem .8rem;
    border:1px solid transparent; border-radius:10px; color:var(--muted); background:transparent;
    font-size:.9rem; font-weight:750; text-decoration:none; cursor:pointer; list-style:none;
}
.main-nav a:hover,.main-nav a.active,.account-menu summary:hover,.account-menu[open] summary { color:var(--text); background:var(--surface-2); }
.main-nav .nav-contact { margin-left:.35rem; padding-inline:1rem; color:#fff; background:linear-gradient(135deg,var(--blue),#4179f1); box-shadow:0 8px 22px rgba(72,149,255,.22); }
.account-menu { position:relative; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu-panel { position:absolute; right:0; top:calc(100% + .6rem); display:grid; min-width:230px; padding:.45rem; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); }
.account-menu-panel a { width:100%; }
.theme-toggle { display:flex; align-items:center; gap:.45rem; min-height:42px; padding:.35rem .45rem .35rem .7rem; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); font-weight:800; cursor:pointer; }
.theme-toggle-label { font-size:.82rem; }
.theme-toggle-track { position:relative; width:40px; height:22px; border-radius:99px; background:var(--bg-deep); }
.theme-toggle-thumb { position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:99px; background:var(--purple-2); transition:transform .2s; }
[data-theme="light"] .theme-toggle-thumb { transform:translateX(18px); }

/* Shared editorial system */
.section,.page-hero,.plans-hero,.cta-strip,.site-footer,.plans-journey { width:min(1160px,calc(100% - 2rem)); margin-inline:auto; }
.section { padding-block:clamp(4rem,8vw,7rem); }
.page-hero,.plans-hero { padding-block:clamp(4rem,7vw,6.5rem) 2rem; }
.page-hero.compact { max-width:1160px; }
.page-hero h1,.plans-hero h1 { max-width:900px; font-size:clamp(2.7rem,7vw,5.6rem); }
.page-hero p:not(.eyebrow),.plans-hero p:not(.eyebrow) { max-width:760px; color:var(--muted); font-size:1.08rem; }
.eyebrow,.section-kicker { margin-bottom:.75rem; color:#a79aff; font-size:.73rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.section > h2,.home-intro h2,.stack-copy h2,.faq > h2 { max-width:900px; font-size:clamp(2.2rem,5vw,4.5rem); }
.muted-link,.empty-state,.field-help,.form-hint { color:var(--muted); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:46px; padding:.68rem 1rem; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); font-weight:850; text-decoration:none; cursor:pointer; transition:transform .18s,box-shadow .18s,background .18s; }
.button:hover { transform:translateY(-2px); }
.button.primary { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--purple),#684cff); box-shadow:0 10px 28px rgba(138,77,255,.25); }
.button.ghost { background:rgba(255,255,255,.07); }
.button.danger,.icon-button.danger { color:#ffdbe0; border-color:rgba(255,104,125,.3); background:rgba(255,104,125,.12); }
.icon-button { display:grid; place-items:center; width:42px; aspect-ratio:1; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); cursor:pointer; }
.hero-actions,.form-actions,.toolbar-actions,.toolbar-row { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; }
.toolbar-row { justify-content:space-between; }

/* Home: illustration-led landing */
.hero { position:relative; display:grid; grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr); gap:3rem; align-items:center; min-height:780px; padding:5rem max(1rem,calc((100% - 1160px)/2)); overflow:hidden; background:linear-gradient(180deg,#171829 0%,#18192b 70%,var(--bg) 100%); }
[data-theme="light"] .hero { background:linear-gradient(180deg,#eeeaff,#f7f3ff 70%,var(--bg)); }
.hero::before { content:""; position:absolute; inset:auto -8rem -18rem 30%; height:36rem; background:radial-gradient(ellipse,rgba(172,82,255,.35),transparent 67%); filter:blur(18px); }
.hero-content,.hero-visual { position:relative; z-index:1; }
.hero h1 { max-width:650px; font-size:clamp(3.4rem,7vw,6.3rem); }
.hero-lead { max-width:610px; color:var(--muted); font-size:1.08rem; }
.hero .eyebrow { width:fit-content; padding:.45rem .7rem; border:1px solid rgba(167,154,255,.2); border-radius:99px; background:rgba(138,77,255,.09); }
.hero-status-dot { display:inline-block; width:.5rem; aspect-ratio:1; margin-right:.35rem; border-radius:99px; background:var(--purple-2); box-shadow:0 0 0 5px rgba(176,92,255,.12); }
.hero-visual { min-height:550px; }
.hero-image-frame { position:absolute; inset:2%; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:30px; background:#0d101a; box-shadow:0 34px 90px rgba(3,4,13,.5); transform:rotate(-1.5deg); }
.hero-image-frame img { width:100%; height:100%; object-fit:cover; }
.hero-image-frame::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 38%,rgba(9,10,18,.92)); }
.hero-image-caption { position:absolute; z-index:2; right:2rem; bottom:2rem; left:2rem; display:grid; color:#fff; }
.hero-image-caption span { color:var(--cyan); font-size:.72rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.hero-image-caption strong { max-width:480px; font-size:clamp(2rem,4vw,3.6rem); line-height:1; }
.hero-float-card { position:absolute; z-index:3; display:grid; grid-template-columns:auto auto; gap:.08rem .55rem; align-items:center; padding:.8rem 1rem; border:1px solid rgba(255,255,255,.2); border-radius:14px; color:#fff; background:rgba(31,33,51,.88); box-shadow:0 16px 40px rgba(0,0,0,.35); backdrop-filter:blur(14px); }
.hero-float-card .icon { grid-row:span 2; color:var(--cyan); }.hero-float-card small{color:#aaacc0}.hero-float-performance{right:-.5rem;top:1rem}.hero-float-code{left:-1rem;bottom:1rem}
.home-proof-strip { display:grid; grid-template-columns:repeat(4,1fr); width:min(1080px,calc(100% - 2rem)); margin:-1.8rem auto 0; position:relative; z-index:2; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); }
.home-proof-strip>span { display:grid; justify-items:center; padding:1.25rem; border-right:1px solid var(--line); }.home-proof-strip>span:last-child{border:0}.home-proof-strip small{color:var(--muted)}
.home-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:4rem; align-items:center; }
.intro-highlights { display:grid; gap:.7rem; }.intro-highlights p { display:flex; align-items:center; gap:.65rem; margin:0; padding:1rem; border:1px solid var(--line); border-radius:12px; background:var(--surface); }.intro-highlights .icon{color:var(--cyan)}
.card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2rem; }
.service-card { position:relative; overflow:hidden; min-height:330px; padding:1.4rem; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 16px 44px rgba(0,0,0,.12); transition:.2s; }.service-card:hover{transform:translateY(-6px);border-color:rgba(138,77,255,.45)}
.service-card::after { content:""; position:absolute; right:-3rem; bottom:-3rem; width:9rem; aspect-ratio:1; border-radius:50%; background:rgba(138,77,255,.12); }.service-card:nth-child(2)::after{background:rgba(72,149,255,.13)}.service-card:nth-child(3)::after{background:rgba(72,213,151,.13)}
.service-icon,.plan-icon,.plan-category-icon,.plan-category-heading-icon { display:grid; place-items:center; width:3rem; aspect-ratio:1; margin-bottom:1.2rem; border-radius:12px; color:var(--cyan); background:rgba(72,149,255,.12); }
.service-card p,.stack-item p,.timeline p,.pricing-card p { color:var(--muted); }
.band { width:100%; max-width:none; padding-inline:max(1rem,calc((100% - 1160px)/2)); background:var(--bg-deep); border-block:1px solid var(--line); }
.timeline { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.timeline article { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.2rem; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.timeline article>.icon{display:grid;place-items:center;width:2.7rem;aspect-ratio:1;border-radius:10px;color:var(--cyan);background:rgba(72,149,255,.12)}
.stack-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:3rem; }.stack-board { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; }.stack-item { display:grid; grid-template-columns:auto 1fr; gap:.8rem; padding:1rem; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.stack-item>.icon{color:var(--cyan)}
.faq details { padding:1rem 0; border-top:1px solid var(--line); }.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:850;cursor:pointer}.faq p{color:var(--muted)}
.cta-strip { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-bottom:4rem; padding:clamp(2rem,5vw,4rem); overflow:hidden; border-radius:24px; color:#fff; background:linear-gradient(125deg,#6d36db,#8a45f5 50%,#3995ff); box-shadow:0 24px 70px rgba(103,54,218,.3); }.cta-strip h2{max-width:780px;font-size:clamp(2rem,5vw,4rem)}

/* Plans */
.plans-hero { display:grid; grid-template-columns:1.3fr .7fr; gap:2rem; align-items:end; }.plans-trust-row{display:flex;flex-wrap:wrap;gap:.5rem}.plans-trust-row>span{display:flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.82rem}.plans-trust-row .icon{color:var(--green)}
.plans-hero-note { padding:1.3rem; border:1px solid rgba(138,77,255,.3); border-radius:16px; text-align:center; background:linear-gradient(145deg,rgba(138,77,255,.16),var(--surface)); }.plans-hero-note>.icon{color:var(--cyan);font-size:1.6rem}.plans-hero-note p{margin:0;color:var(--muted)}
.plans-journey { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.6rem; align-items:center; padding:.7rem; border:1px solid var(--line); border-radius:16px; background:var(--surface); }.plans-journey-item{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.7rem;border-radius:11px}.plans-journey-item>span{display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border-radius:50%;color:var(--muted);background:var(--surface-2);font-weight:900}.plans-journey-item.is-current{background:rgba(138,77,255,.13)}.plans-journey-item.is-current>span{color:#fff;background:var(--purple)}.plans-journey-item div{display:grid}.plans-journey-item small{color:var(--muted)}.plans-journey-arrow{color:var(--muted)}
.pricing-section{padding-top:3rem}.plan-browser-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.plan-browser-heading h2{font-size:clamp(2rem,5vw,3.8rem)}.plan-browser-heading p{color:var(--muted)}.plan-browser-hint{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface)}
.plan-category-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }.plan-category-tab{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;min-height:150px;padding:1rem;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer}.plan-category-tab:hover{border-color:rgba(138,77,255,.45)}.plan-category-tab.is-active{border-color:var(--purple);background:linear-gradient(145deg,rgba(138,77,255,.17),var(--surface))}.plan-category-icon{margin:0}.plan-category-copy{display:grid}.plan-category-copy small{color:var(--muted)}.plan-category-count{grid-column:2;color:#aa91ff;font-size:.78rem;font-weight:900}.plan-category-index{position:absolute;right:.8rem;top:.5rem;color:rgba(155,157,181,.28);font-size:1.5rem;font-weight:950}.plan-category-arrow{color:var(--muted)}
.plan-category-panel{margin-top:1rem}.plan-category-header{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.plan-category-heading-icon{margin:0}.plan-category-header p{margin:0;color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding-top:.8rem;align-items:stretch}.pricing-card{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 15px 38px rgba(0,0,0,.1);transition:.2s}.pricing-card:hover{transform:translateY(-5px);border-color:rgba(138,77,255,.45)}.pricing-card.featured{border-color:var(--purple);background:linear-gradient(160deg,rgba(138,77,255,.2),var(--surface) 45%)}
.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:.3rem .7rem;border-radius:99px;color:#fff;background:var(--purple);font-size:.7rem;font-weight:950;text-transform:uppercase}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.plan-icon{margin:0}.plan-compare-toggle{display:flex;align-items:center;gap:.25rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--surface-2);font-size:.72rem;font-weight:850;cursor:pointer}.plan-compare-toggle[aria-pressed="true"]{color:#fff;background:var(--purple)}.plan-price{display:grid}.plan-price strong{font-size:1.45rem}.plan-price span{color:var(--muted);font-size:.84rem;font-weight:750}.pricing-card ul,.plan-compare-column ul{display:grid;align-content:start;gap:.5rem;margin:0;padding:0;list-style:none}.pricing-card li,.plan-compare-column li{display:grid;grid-template-columns:auto 1fr;gap:.4rem;color:var(--text)}.pricing-card li .icon,.plan-compare-column li .icon{margin-top:.25em;color:var(--green);font-size:1rem}.pricing-card .button{margin-top:auto}
.plan-compare-tray{position:sticky;z-index:12;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.75rem;border:1px solid rgba(138,77,255,.4);border-radius:14px;background:rgba(29,31,49,.94);box-shadow:var(--shadow);backdrop-filter:blur(16px)}[data-theme="light"] .plan-compare-tray{background:rgba(255,255,255,.94)}.plan-compare-tray>div,.plan-compare-tray-actions{display:flex;align-items:center;gap:.6rem}.plan-compare-tray>div>span:nth-child(2){display:grid}.plan-compare-tray small{color:var(--muted)}.plan-compare-tray-icon{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:50%;color:#fff;background:var(--purple)}
.plan-compare-dialog{width:min(1000px,calc(100% - 1rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--surface);box-shadow:var(--shadow)}.plan-compare-dialog::backdrop{background:rgba(6,7,14,.82);backdrop-filter:blur(6px)}.plan-compare-dialog-shell{display:grid;max-height:calc(100dvh - 2rem)}.plan-compare-dialog header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.plan-compare-content{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);overflow:auto}.plan-compare-column{display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:1rem;border-right:1px solid var(--line)}
.pricing-explain{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}.pricing-explain h2{font-size:clamp(2.3rem,5vw,4.2rem)}.pricing-notes{display:grid;gap:.7rem}.pricing-notes p{display:grid;grid-template-columns:auto 1fr;gap:.6rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface)}.pricing-notes .icon{color:var(--cyan)}

/* Forms, auth and content */
.contact-layout,.auth-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:start}.auth-layout{grid-template-columns:1fr;max-width:900px}.contact-panel,.contact-form,.panel-form,.app-panel,.metric{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 16px 45px rgba(0,0,0,.1)}.contact-panel,.contact-form,.panel-form,.app-panel{padding:1.2rem}.contact-panel-header,.form-heading{display:grid;grid-template-columns:auto 1fr;gap:.8rem}.contact-panel-header>.icon,.form-heading>.icon{display:grid;place-items:center;width:2.8rem;aspect-ratio:1;border-radius:10px;color:var(--cyan);background:rgba(72,149,255,.12)}.contact-card-list,.contact-steps,.info-list{display:grid;gap:.6rem}.contact-card-list p,.contact-steps li,.info-list p{margin:0;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}label{display:grid;gap:.4rem;color:var(--text);font-weight:800}input,select,textarea{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--bg-deep)}textarea{resize:vertical}input:focus,select:focus,textarea:focus,.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(138,77,255,.28);outline-offset:2px}.form-section{display:grid;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line)}.toggle-group{display:grid;gap:.5rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.toggle-group label{display:flex;align-items:center}.toggle-group input{width:auto;min-height:auto}.form-success,.form-errors{padding:.85rem;border-radius:10px}.form-success{color:#bdf4db;background:rgba(72,213,151,.14)}.form-errors{color:#ffd7dd;background:rgba(255,104,125,.13)}.honeypot{position:absolute;left:-9999px}.file-dropzone{display:grid;place-items:center;min-height:130px;border:1px dashed rgba(138,77,255,.5);border-radius:12px;background:rgba(138,77,255,.06)}
.legal-content{max-width:900px}.legal-content h2{margin-top:2rem}.legal-page-grid,.admin-category-grid,.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.legal-page-card,.admin-category-card,.member-card{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-decoration:none}

/* SaaS team/admin shell */
.admin-experience,.member-experience{background:var(--bg-deep)}
.app-shell{display:grid;gap:1rem;align-items:start}.app-shell:has(.admin-sidebar){position:relative;padding-left:260px}.admin-sidebar{position:absolute;left:0;top:0;width:240px;min-height:calc(100vh - 110px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.18)}.admin-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.admin-sidebar-title{display:flex;align-items:center;gap:.7rem}.admin-sidebar-title>.icon{display:grid;place-items:center;width:2.7rem;aspect-ratio:1;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--purple),#6250ef)}.admin-sidebar-title span:last-child{display:grid}.admin-sidebar-title small{color:var(--muted);font-size:.68rem;text-transform:uppercase}.admin-sidebar-toggle{display:none}.admin-sidebar-panel{padding:.75rem}.admin-nav-groups{display:grid;gap:1rem}.admin-nav-group h2{margin:.3rem .6rem;color:var(--muted);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.admin-nav-list{display:grid;gap:.2rem}.admin-nav-link{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;padding:.65rem .7rem;border:1px solid transparent;border-radius:10px;color:var(--muted);text-decoration:none}.admin-nav-link>span:last-child{display:grid}.admin-nav-link small{font-size:.72rem}.admin-nav-link:hover{color:var(--text);background:var(--surface-2)}.admin-nav-link.active{color:#fff;border-color:rgba(138,77,255,.28);background:linear-gradient(90deg,rgba(138,77,255,.24),rgba(138,77,255,.06))}.admin-nav-link.active>.icon{color:#bd9eff}
.admin-product-brand{display:flex;align-items:center;gap:.7rem;padding:1rem;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(138,77,255,.14),transparent)}.admin-product-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.admin-product-brand>span,.admin-sidebar-footer>span:nth-child(2){display:grid}.admin-product-brand small,.admin-sidebar-footer small{color:var(--muted);font-size:.7rem}.admin-sidebar-footer{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;margin:.75rem;padding:.7rem;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.admin-user-avatar{display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border-radius:50%;color:#fff;background:var(--purple)}.admin-sidebar-footer a{color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.metric{position:relative;display:grid;gap:.5rem;min-height:160px;padding:1rem;overflow:hidden;background:linear-gradient(145deg,rgba(138,77,255,.15),var(--surface) 60%)}.metric:nth-child(2){background:linear-gradient(145deg,rgba(247,189,85,.14),var(--surface) 60%)}.metric:nth-child(3){background:linear-gradient(145deg,rgba(72,213,151,.14),var(--surface) 60%)}.metric>.icon{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:10px;color:var(--cyan);background:rgba(72,149,255,.12)}.metric>span:not(.icon){font-size:3rem;font-weight:950}.detail-grid,.admin-order-grid,.order-summary-grid,.orders-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.order-summary-grid,.orders-overview{grid-template-columns:repeat(3,1fr)}
.panel-title-row,.progress-heading,.mail-selection-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-list,.admin-orders-list,.table-list,.mail-history-list,.placeholder-list{display:grid;gap:.55rem}.admin-order-row,.admin-order-card,.list-row,.mail-history-row,.planning-card,.order-summary-card{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--surface-2);text-decoration:none}.admin-order-row:hover,.admin-order-card:hover,.list-row:hover{border-color:rgba(138,77,255,.4)}.admin-order-main,.admin-order-row>span{display:grid}.admin-order-row small,.admin-order-main small{color:var(--muted)}.priority-chip,.status-pill{width:fit-content;padding:.25rem .5rem;border-radius:99px;color:#d8d4ff;background:rgba(138,77,255,.16);font-size:.73rem;font-weight:850}
.orders-toolbar,.member-search-panel,.admin-search-panel{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.orders-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.planning-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.progress-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.progress-steps li{padding:.7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.progress-track{height:8px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue))}
.member-avatar{display:grid;place-items:center;width:3rem;aspect-ratio:1;border-radius:50%;color:#fff;background:var(--purple)}.member-dialog,.quote-import-drawer{width:min(900px,calc(100% - 1rem));max-height:calc(100dvh - 2rem);padding:1rem;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--surface)}dialog::backdrop{background:rgba(5,6,14,.8);backdrop-filter:blur(5px)}.member-dialog-layout,.legal-editor-layout,.mail-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mail-content-panel,.mail-history-panel,.mail-recipient-panel,.mail-manual-panel{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.account-type-switch,.role-toggle,.mail-sender-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.account-type-switch label,.role-toggle label,.mail-sender-options label{padding:.7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}

.site-footer{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:3rem 0;border-top:1px solid var(--line)}.footer-brand img{width:180px;height:auto;margin-bottom:.7rem;border-radius:10px}.site-footer p{margin:.25rem 0;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem}.site-footer a{font-weight:800;text-decoration:none}.footer-note{grid-column:1/-1}

@media(max-width:980px){
    .hero{grid-template-columns:1fr;padding-top:4rem}.hero-visual{min-height:500px}.card-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.stack-section,.plans-hero,.pricing-explain,.contact-layout{grid-template-columns:1fr}.app-shell:has(.admin-sidebar){padding-left:0}.admin-sidebar{position:relative;width:100%;min-height:0}.admin-sidebar-toggle{display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface-2)}.admin-sidebar-panel{display:none}.admin-sidebar.is-open .admin-sidebar-panel{display:block}.admin-nav-groups{grid-template-columns:repeat(3,1fr)}.plans-hero-note{max-width:600px}.member-dialog-layout,.legal-editor-layout,.mail-workspace{grid-template-columns:1fr}
}

@media(max-width:719px){
    .site-header{display:block;min-height:0;padding:.65rem 1rem}.header-topline{width:100%}.mobile-menu-toggle{display:grid;place-items:center}.header-actions{display:grid;padding-top:.7rem}.header-actions[hidden]{display:none}.main-nav{display:grid}.main-nav a,.account-menu summary{width:100%}.theme-toggle{width:100%;justify-content:space-between}.account-menu-panel{position:static}.brand img{width:160px;height:48px}.hero{min-height:auto;padding:3rem 1rem}.hero h1{font-size:clamp(3rem,16vw,4.8rem)}.hero-visual{min-height:390px}.hero-image-frame{inset:3% 0;transform:none}.hero-float-card{font-size:.8rem}.home-proof-strip{grid-template-columns:repeat(2,1fr)}.home-intro,.stack-section{grid-template-columns:1fr}.card-grid,.pricing-grid,.plan-category-tabs,.metric-grid,.detail-grid,.admin-order-grid,.order-summary-grid,.orders-overview,.planning-board,.legal-page-grid,.admin-category-grid,.member-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.stack-board{grid-template-columns:1fr}.plans-journey{grid-template-columns:1fr}.plans-journey-arrow{display:none}.plan-browser-heading{display:grid}.plan-category-tab{min-height:120px}.pricing-card{min-height:0}.cta-strip{display:grid}.field-grid{grid-template-columns:1fr}.admin-nav-groups{grid-template-columns:1fr}.orders-toolbar,.member-search-panel,.admin-search-panel{grid-template-columns:1fr}.orders-filters{grid-template-columns:1fr}.progress-steps{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr}.site-footer nav{display:grid}.plan-compare-tray{align-items:stretch}.plan-compare-tray-actions{width:100%}.plan-compare-tray-actions .button{flex:1}
}

/* Reusable email templates and explicit delivery tracking. */
.admin-experience .mail-template-picker { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem; align-items:end; }
.admin-experience .mail-template-picker .button { min-height:44px; white-space:nowrap; }
.admin-experience .mail-template-help,
.admin-experience .mail-history-explanation { display:flex; gap:.5rem; align-items:flex-start; margin:0; color:var(--admin-muted); font-size:.68rem; line-height:1.5; }
.admin-experience .mail-template-help { padding:.65rem .75rem; border-radius:7px; background:rgba(78,154,255,.07); }
.admin-experience .mail-template-help>.icon,
.admin-experience .mail-history-explanation>.icon { flex:0 0 auto; color:#74b6ff; font-size:.95rem; }
.admin-experience .mail-template-dialog { width:min(820px,calc(100% - 1.5rem)); max-height:92dvh; padding:1rem; overflow:auto; border:1px solid var(--admin-line); border-radius:11px; color:var(--admin-text); background:#20212b; box-shadow:0 28px 80px rgba(0,0,0,.5); }
.admin-experience .mail-template-dialog>header { display:flex; gap:.75rem; align-items:center; padding:.3rem 0 1rem; border-bottom:1px solid var(--admin-line); }
.admin-experience .mail-template-dialog>header>.icon { display:grid; place-items:center; width:40px; aspect-ratio:1; border-radius:9px; color:#b99cff; background:rgba(138,77,255,.13); }
.admin-experience .mail-template-dialog>header>span:last-child { display:grid; }
.admin-experience .mail-template-dialog>header small { color:#9d81f2; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.admin-experience .mail-template-dialog>header h2 { margin:.12rem 0; font-size:1.15rem; }
.admin-experience .mail-template-dialog>header p { margin:0; color:var(--admin-muted); font-size:.7rem; }
.admin-experience .mail-template-create { display:grid; gap:.7rem; margin-top:1rem; padding:1rem; border:1px solid var(--admin-line); border-radius:9px; background:#181920; }
.admin-experience .mail-template-create h3 { display:flex; gap:.45rem; align-items:center; margin:0; font-size:.85rem; }
.admin-experience .mail-template-create h3>.icon { color:#71c4ff; font-size:1rem; }
.admin-experience .mail-template-create label,
.admin-experience .mail-template-card label { font-size:.7rem; }
.admin-experience .mail-template-create>.button { justify-self:end; }
.admin-experience .mail-template-library { display:grid; gap:.55rem; margin-top:1rem; }
.admin-experience .mail-template-library-heading { display:flex; justify-content:space-between; align-items:center; padding:.2rem; }
.admin-experience .mail-template-library-heading h3 { margin:0; font-size:.85rem; }
.admin-experience .mail-template-library-heading>span { padding:.22rem .45rem; border-radius:99px; color:#bfaaff; background:rgba(138,77,255,.12); font-size:.65rem; font-weight:900; }
.admin-experience .mail-template-card { position:relative; border:1px solid var(--admin-line); border-radius:8px; background:#181920; }
.admin-experience .mail-template-card>summary { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem; cursor:pointer; list-style:none; }
.admin-experience .mail-template-card>summary::-webkit-details-marker { display:none; }
.admin-experience .mail-template-card>summary>span:first-child { display:grid; min-width:0; }
.admin-experience .mail-template-card>summary strong,
.admin-experience .mail-template-card>summary small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-template-card>summary strong { font-size:.75rem; }
.admin-experience .mail-template-card>summary small { margin-top:.12rem; color:var(--admin-muted); font-size:.65rem; }
.admin-experience .mail-template-card>summary>.icon { color:#777b8d; transition:transform .18s; }
.admin-experience .mail-template-card[open]>summary>.icon { transform:rotate(180deg); }
.admin-experience .mail-template-card>form:not(.mail-template-delete) { display:grid; gap:.65rem; padding:.75rem; border-top:1px solid var(--admin-line); }
.admin-experience .mail-template-card-actions { display:flex; justify-content:flex-start; }
.admin-experience .mail-template-delete { position:absolute; right:.75rem; bottom:.75rem; }
.admin-experience .mail-template-delete button { display:inline-flex; gap:.3rem; align-items:center; min-height:38px; padding:.45rem .65rem; border:0; color:#ff9aaa; background:transparent; font:inherit; font-size:.67rem; font-weight:850; cursor:pointer; }
.admin-experience .mail-history-explanation { padding:.7rem 1rem; border-bottom:1px solid rgba(255,255,255,.05); background:rgba(78,154,255,.045); }
.admin-experience .mail-history-explanation span:last-child { display:grid; }
.admin-experience .mail-history-explanation strong { color:#c7d8ed; font-size:.7rem; }
.admin-experience .mail-history-alerts>span { white-space:nowrap; }

@media(max-width:640px){
    .admin-experience .mail-template-picker { grid-template-columns:1fr; }
    .admin-experience .mail-template-picker .button,
    .admin-experience .mail-template-create>.button { width:100%; }
    .admin-experience .mail-history-heading { align-items:flex-start; flex-direction:column; }
    .admin-experience .mail-history-alerts { flex-wrap:wrap; }
    .admin-experience .mail-template-delete { position:static; padding:0 .75rem .75rem; }
}

/* Keep the category explanation as a subtle callout after older plan rules. */
.public-experience .plan-category-description {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    max-width:920px;
    margin:1rem auto 1.35rem;
    padding:.75rem .9rem;
    border:1px solid rgba(101,179,255,.14);
    border-radius:9px;
    color:#aeb3c5;
    background:rgba(88,183,248,.045);
    box-shadow:inset 3px 0 0 rgba(88,183,248,.35);
    text-align:left;
}
.public-experience .plan-category-description>p { margin:0; font-size:.79rem; line-height:1.6; }

/*
 * Emails workspace
 *
 * The shared admin shell deliberately spans the sidebar over many implicit grid
 * rows so older pages can place several panels beside it. The email workspace
 * is already wrapped in a single content column, therefore that legacy span
 * creates a very tall empty grid. Keep this page on an isolated flex layout so
 * its height always follows its real content.
 */
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar) {
    display:flex;
    align-items:flex-start;
    gap:1rem;
}
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-sidebar {
    flex:0 0 250px;
    grid-column:auto;
    grid-row:auto;
}
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-mails-content {
    display:grid;
    flex:1 1 0;
    width:0;
    min-width:0;
    gap:1rem;
    align-content:start;
    grid-column:auto;
    grid-row:auto;
}
@media(max-width:1050px){
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar) {
        flex-direction:column;
    }
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-sidebar,
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-mails-content {
        flex-basis:auto;
        width:100%;
    }
}

/* Emails page: one real content row instead of the legacy 50-row sidebar span. */
.admin-experience .app-shell.admin-mails-page { grid-template-columns:250px minmax(0,1fr); align-items:start; }
.admin-experience .app-shell.admin-mails-page>.admin-sidebar { grid-column:1; grid-row:1; align-self:start; }
.admin-experience .app-shell.admin-mails-page>.admin-mails-content { display:grid; grid-column:2; grid-row:1; gap:1rem; align-content:start; min-width:0; }
.admin-experience .admin-mails-content>.form-success,
.admin-experience .admin-mails-content>.form-errors { margin:0; }
@media(max-width:1050px){
    .admin-experience .app-shell.admin-mails-page { grid-template-columns:1fr; }
    .admin-experience .app-shell.admin-mails-page>.admin-sidebar,
    .admin-experience .app-shell.admin-mails-page>.admin-mails-content { grid-column:1; grid-row:auto; }
}

/* One-action follow-up center */
.admin-experience .mail-followup-center { overflow:hidden; border:1px solid var(--admin-line); border-radius:9px; background:var(--admin-panel); box-shadow:0 0 24px rgba(5,6,15,.22); }
.admin-experience .mail-followup-center-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:center; padding:1rem; border-bottom:1px solid var(--admin-line); background:linear-gradient(110deg,rgba(255,189,115,.08),transparent 55%); }
.admin-experience .mail-followup-center-icon { display:grid; place-items:center; width:42px; aspect-ratio:1; border-radius:9px; color:#ffd07f; background:rgba(255,189,115,.12); }
.admin-experience .mail-followup-center-head>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .mail-followup-center-head small { color:#c99c58; font-size:.61rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.admin-experience .mail-followup-center-head h2 { margin:.1rem 0; font-size:1rem; }
.admin-experience .mail-followup-center-head p { margin:0; color:var(--admin-muted); font-size:.68rem; }
.admin-experience .mail-followup-total { padding:.32rem .55rem; border-radius:6px; color:#ffd283; background:rgba(255,189,115,.12); font-size:.68rem; font-weight:900; white-space:nowrap; }
.admin-experience .mail-followup-form { display:grid; }
.admin-experience .mail-followup-toolbar { display:grid; grid-template-columns:auto auto minmax(220px,1fr); gap:.7rem; align-items:end; padding:.75rem 1rem; border-bottom:1px solid rgba(255,255,255,.05); background:#1b1c24; }
.admin-experience .mail-followup-select-all { display:flex; flex-direction:row; gap:.45rem; align-items:center; min-height:44px; }
.admin-experience .mail-followup-select-all input,
.admin-experience .mail-followup-item>input { position:absolute; width:1px; height:1px; min-height:0; opacity:0; pointer-events:none; }
.admin-experience .mail-followup-select-all::before { content:'check'; display:grid; place-items:center; width:19px; aspect-ratio:1; border:1px solid #555968; border-radius:5px; color:transparent; font-family:'Material Symbols Rounded'; font-size:.85rem; }
.admin-experience .mail-followup-select-all:has(input:checked)::before { color:#fff; border-color:#8a4dff; background:#8a4dff; }
.admin-experience .mail-followup-toolbar>[data-mail-followup-count] { align-self:center; color:var(--admin-muted); font-size:.68rem; }
.admin-experience .mail-followup-toolbar>label:last-child { justify-self:end; width:min(100%,390px); font-size:.67rem; }
.admin-experience .mail-followup-hint { display:flex; gap:.45rem; align-items:flex-start; margin:0; padding:.65rem 1rem; color:#a9a493; background:rgba(255,189,115,.045); font-size:.66rem; line-height:1.45; }
.admin-experience .mail-followup-hint>.icon { flex:0 0 auto; color:#eebd6d; font-size:.95rem; }
.admin-experience .mail-followup-list { display:grid; max-height:420px; overflow:auto; }
.admin-experience .mail-followup-item { display:grid; grid-template-columns:auto minmax(170px,.8fr) minmax(220px,1.2fr) auto; gap:.75rem; align-items:center; min-height:72px; padding:.7rem 1rem; border-bottom:1px solid rgba(255,255,255,.045); cursor:pointer; transition:background .15s; }
.admin-experience .mail-followup-item:hover { background:#262832; }
.admin-experience .mail-followup-item:last-child { border-bottom:0; }
.admin-experience .mail-followup-check { display:grid; place-items:center; width:21px; aspect-ratio:1; border:1px solid #555968; border-radius:5px; color:transparent; }
.admin-experience .mail-followup-item:has(input:checked) .mail-followup-check { color:#fff; border-color:#8a4dff; background:#8a4dff; }
.admin-experience .mail-followup-check>.icon { font-size:.9rem; }
.admin-experience .mail-followup-person,
.admin-experience .mail-followup-subject,
.admin-experience .mail-followup-age { display:grid; min-width:0; }
.admin-experience .mail-followup-item strong { overflow:hidden; font-size:.71rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-followup-item small { overflow:hidden; color:var(--admin-muted); font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-followup-age { min-width:112px; text-align:right; }
.admin-experience .mail-followup-age em { color:#747789; font-size:.59rem; font-style:normal; }
.admin-experience .mail-followup-actions { display:flex; justify-content:flex-end; gap:.55rem; padding:.8rem 1rem; border-top:1px solid var(--admin-line); background:#1b1c24; }
.admin-experience .mail-followup-actions .button { min-height:42px; font-size:.7rem; }
.admin-experience .mail-followup-actions button:disabled { opacity:.4; cursor:not-allowed; }
.admin-experience .mail-followup-empty { display:flex; gap:.65rem; align-items:center; padding:1.1rem; }
.admin-experience .mail-followup-empty>.icon { display:grid; place-items:center; width:38px; aspect-ratio:1; border-radius:9px; color:#62dca5; background:rgba(72,213,151,.1); }
.admin-experience .mail-followup-empty>span:last-child { display:grid; }
.admin-experience .mail-followup-empty strong { font-size:.75rem; }
.admin-experience .mail-followup-empty small { margin-top:.12rem; color:var(--admin-muted); font-size:.65rem; }

@media(max-width:800px){
    .admin-experience .mail-followup-toolbar { grid-template-columns:1fr auto; }
    .admin-experience .mail-followup-toolbar>label:last-child { grid-column:1/-1; justify-self:stretch; width:100%; }
    .admin-experience .mail-followup-item { grid-template-columns:auto minmax(0,1fr) auto; }
    .admin-experience .mail-followup-subject { grid-column:2; }
    .admin-experience .mail-followup-age { grid-column:3; grid-row:1 / span 2; }
}
@media(max-width:560px){
    .admin-experience .mail-followup-center-head { grid-template-columns:auto minmax(0,1fr); }
    .admin-experience .mail-followup-total { grid-column:2; justify-self:start; }
    .admin-experience .mail-followup-item { grid-template-columns:auto minmax(0,1fr); }
    .admin-experience .mail-followup-age { grid-column:2; grid-row:auto; text-align:left; }
    .admin-experience .mail-followup-actions { align-items:stretch; flex-direction:column-reverse; }
    .admin-experience .mail-followup-actions .button { width:100%; }
}

.admin-experience .mail-history-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem; align-items:end; min-width:0; padding:.8rem 1rem; border-bottom:1px solid rgba(255,255,255,.06); background:#191a21; }
.admin-experience .mail-history-search-field { position:relative; }
.admin-experience .mail-history-search-field { grid-column:1/-1; min-width:0; }
.admin-experience .mail-history-search-field>.icon { position:absolute; z-index:1; left:.7rem; bottom:.72rem; color:#777b8d; font-size:1rem; pointer-events:none; }
.admin-experience .mail-history-search-field input { padding-left:2.2rem; }
.admin-experience .mail-history-status-filter { min-width:0; font-size:.66rem; }
.admin-experience .mail-history-status-filter select { min-width:0; }
.admin-experience .mail-history-search .button { min-width:120px; min-height:44px; }
.admin-experience .mail-history-search-clear { display:flex; grid-column:1/-1; gap:.25rem; align-items:center; width:max-content; color:#aeb0bd; font-size:.67rem; font-weight:850; text-decoration:none; }
.admin-experience .mail-history-search-clear>.icon { font-size:.9rem; }
.admin-experience .mail-history-search>p { grid-column:1/-1; margin:0; color:var(--admin-muted); font-size:.64rem; }
.admin-experience .mail-history-search>p strong { color:#c9cbd5; }
@media(max-width:520px){
    .admin-experience .mail-history-search { grid-template-columns:1fr; }
    .admin-experience .mail-history-search .button { width:100%; }
}

/* Refined plan context, authentication and unified customer workspace. */
.plan-category-description {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    max-width:920px;
    margin:1rem auto 1.35rem;
    padding:.75rem .9rem;
    border:1px solid rgba(101,179,255,.14);
    border-radius:9px;
    color:#aeb3c5;
    background:rgba(88,183,248,.045);
    box-shadow:inset 3px 0 0 rgba(88,183,248,.35);
}
.plan-category-description>.icon { flex:0 0 auto; margin-top:.1rem; color:#65baff; font-size:1rem; }
.plan-category-description>p { margin:0; font-size:.79rem; line-height:1.6; }
[data-theme="light"] .plan-category-description { border-color:rgba(54,111,165,.15); color:#626578; background:rgba(54,111,165,.045); }

.contact-general-note {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    margin:0;
    padding:.78rem .85rem;
    border:1px solid rgba(88,183,248,.15);
    border-radius:8px;
    color:#aeb8c8;
    background:rgba(88,183,248,.06);
    font-size:.76rem;
    line-height:1.5;
}
.contact-general-note>.icon { flex:0 0 auto; color:#65baff; font-size:1.05rem; }
.contact-general-note strong { display:block; margin-bottom:.12rem; color:var(--text); font-size:.8rem; }
[data-theme="light"] .contact-general-note { color:#5f6878; background:rgba(54,111,165,.055); }

.auth-page {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,480px);
    gap:clamp(2rem,6vw,6rem);
    align-items:center;
    min-height:calc(100vh - 180px);
    max-width:1120px;
    padding-block:clamp(2.5rem,7vw,6rem);
}
.auth-intro { max-width:570px; }
.auth-intro-icon { display:grid; place-items:center; width:54px; aspect-ratio:1; margin-bottom:1.25rem; border:1px solid rgba(138,77,255,.3); border-radius:14px; color:#c2a7ff; background:rgba(138,77,255,.13); }
.auth-intro h1 { margin:.45rem 0 .8rem; font-size:clamp(2.25rem,4.5vw,3.7rem); line-height:1.05; }
.auth-intro>p:not(.eyebrow) { max-width:540px; color:var(--muted); font-size:.98rem; line-height:1.7; }
.auth-intro ul { display:grid; gap:.6rem; margin:1.4rem 0 0; padding:0; list-style:none; }
.auth-intro li { display:flex; align-items:center; gap:.5rem; color:#c7c8d3; font-size:.84rem; font-weight:750; }
.auth-intro li>.icon { color:#56d69d; font-size:1.05rem; }
.auth-form-card { display:grid; gap:1rem; width:100%; padding:1.4rem; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); }
.auth-form-card>header { margin-bottom:.2rem; }
.auth-form-card>header small { color:#9b7bff; font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.auth-form-card>header h2 { margin:.25rem 0; font-size:1.45rem; }
.auth-form-card>header p { margin:0; color:var(--muted); font-size:.79rem; }
.auth-form-card label { gap:.4rem; font-size:.78rem; }
.auth-form-card input { min-height:46px; padding:.7rem .8rem; border-radius:8px; }
.auth-form-actions { display:flex; justify-content:flex-end; padding-top:.15rem; }
.auth-form-actions .button { min-width:190px; min-height:44px; }
.auth-form-card .muted-link { display:flex; align-items:flex-start; gap:.45rem; margin:.2rem 0 0; padding-top:.85rem; border-top:1px solid var(--line); font-size:.7rem; line-height:1.5; }
.auth-form-card .muted-link>.icon { flex:0 0 auto; color:#65baff; font-size:.95rem; }

.member-experience main { min-height:calc(100vh - 86px); background:radial-gradient(circle at 75% 5%,rgba(103,70,221,.1),transparent 30%),var(--bg-deep); }
.member-dashboard-shell { display:grid; grid-template-columns:245px minmax(0,1fr); gap:1.15rem; width:min(1440px,calc(100% - 2rem)); padding-block:1.4rem 3rem; }
.member-sidebar { position:sticky; top:94px; display:flex; flex-direction:column; min-height:calc(100vh - 122px); max-height:calc(100vh - 110px); overflow:auto; border:1px solid var(--line); border-radius:13px; background:var(--surface); box-shadow:var(--shadow); }
.member-sidebar-head { display:flex; gap:.7rem; align-items:center; padding:1rem; border-bottom:1px solid var(--line); }
.member-avatar { display:grid; flex:0 0 auto; place-items:center; width:40px; aspect-ratio:1; border-radius:10px; color:#fff; background:linear-gradient(135deg,#8a4dff,#5267e9); }
.member-sidebar-head>span:last-child { display:grid; min-width:0; }
.member-sidebar-head small { color:var(--muted); font-size:.65rem; text-transform:uppercase; }
.member-sidebar-head strong { overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.member-sidebar nav { display:grid; gap:.25rem; padding:.75rem; }
.member-sidebar nav a { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem; align-items:center; padding:.7rem; border:1px solid transparent; border-radius:9px; color:var(--muted); text-decoration:none; }
.member-sidebar nav a:hover { color:var(--text); background:var(--surface-2); }
.member-sidebar nav a.active { color:#fff; border-color:rgba(138,77,255,.25); background:linear-gradient(90deg,rgba(138,77,255,.22),rgba(138,77,255,.05)); }
.member-sidebar nav a>.icon { font-size:1.15rem; }
.member-sidebar nav a>span:last-child { display:grid; }
.member-sidebar nav strong { font-size:.73rem; }
.member-sidebar nav small { margin-top:.08rem; font-size:.62rem; }
.member-sidebar-logout { display:flex; gap:.5rem; align-items:center; margin:auto .75rem .75rem; padding:.7rem; border-top:1px solid var(--line); color:var(--muted); font-size:.72rem; font-weight:800; text-decoration:none; }
.member-dashboard-content { display:grid; align-content:start; gap:1rem; min-width:0; }
.member-page-heading { display:flex; justify-content:space-between; gap:1.5rem; align-items:flex-end; padding:1.15rem .2rem .35rem; }
.member-page-heading .eyebrow { margin:0 0 .35rem; font-size:.69rem; }
.member-page-heading h1 { margin:0; font-size:clamp(1.8rem,3vw,2.55rem); line-height:1.1; }
.member-page-heading p { margin:.45rem 0 0; color:var(--muted); font-size:.82rem; }
.member-page-heading>.button { flex:0 0 auto; }
.member-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.member-summary-grid article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:center; min-height:88px; padding:1rem; border:1px solid var(--line); border-radius:11px; background:linear-gradient(135deg,rgba(138,77,255,.12),var(--surface) 58%); }
.member-summary-grid article:nth-child(2) { background:linear-gradient(135deg,rgba(88,183,248,.1),var(--surface) 58%); }
.member-summary-grid article>.icon { display:grid; place-items:center; width:40px; aspect-ratio:1; border-radius:9px; color:#b99cff; background:rgba(138,77,255,.13); }
.member-summary-grid article>span:nth-child(2) { display:grid; }
.member-summary-grid small { color:var(--muted); font-size:.67rem; }
.member-summary-grid strong { font-size:1.15rem; }
.member-summary-grid a { color:#8dcaff; }
.member-panel,.member-profile-form,.member-order-page>.app-panel { border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:0 0 24px rgba(5,6,15,.2); }
.member-panel { overflow:hidden; }
.member-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border-bottom:1px solid var(--line); }
.member-panel-heading small { color:#9b7bff; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.member-panel-heading h2 { margin:.15rem 0 0; font-size:1.05rem; }
.member-panel-heading>span { padding:.3rem .55rem; border-radius:99px; color:var(--muted); background:var(--surface-2); font-size:.65rem; font-weight:800; }
.member-project-list { display:grid; gap:.55rem; padding:.8rem; }
.member-project-card { display:grid; grid-template-columns:auto minmax(150px,1fr) auto minmax(95px,auto) auto; gap:.75rem; align-items:center; padding:.75rem; border:1px solid var(--line); border-radius:9px; color:var(--text); background:var(--surface-2); text-decoration:none; transition:transform .18s,border-color .18s; }
.member-project-card:hover { transform:translateY(-1px); border-color:rgba(138,77,255,.4); }
.member-project-icon { display:grid; place-items:center; width:38px; aspect-ratio:1; border-radius:8px; color:#a98bff; background:rgba(138,77,255,.13); }
.member-project-main,.member-project-date { display:grid; }
.member-project-main strong { font-size:.79rem; }
.member-project-main small,.member-project-date small { color:var(--muted); font-size:.64rem; }
.member-project-date strong { font-size:.71rem; }
.member-project-arrow { color:var(--muted); font-size:1rem; }
.member-empty-state { display:grid; justify-items:center; padding:clamp(2rem,7vw,4.5rem) 1rem; text-align:center; }
.member-empty-state>.icon { display:grid; place-items:center; width:58px; aspect-ratio:1; border-radius:15px; color:#b99cff; background:rgba(138,77,255,.12); font-size:1.65rem; }
.member-empty-state h3 { margin:1rem 0 .35rem; font-size:1.05rem; }
.member-empty-state p { max-width:480px; margin:0 0 1rem; color:var(--muted); font-size:.78rem; line-height:1.6; }
.member-profile-form { display:grid; gap:.8rem; padding:1rem; }
.member-form-section { display:grid; gap:.75rem; padding:1rem; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.member-form-section>header { display:flex; gap:.65rem; align-items:center; margin-bottom:.15rem; }
.member-form-section>header>.icon { display:grid; place-items:center; width:36px; aspect-ratio:1; border-radius:8px; color:#ae91ff; background:rgba(138,77,255,.12); }
.member-form-section>header h2 { margin:0; font-size:.9rem; }
.member-form-section>header p { margin:.12rem 0 0; color:var(--muted); font-size:.68rem; }
.member-profile-form label { gap:.35rem; font-size:.73rem; }
.member-profile-form input { min-height:44px; padding:.65rem .75rem; border-radius:7px; background:var(--surface); }
.member-profile-actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.2rem; }
.member-profile-actions>span { display:flex; align-items:center; gap:.35rem; color:var(--muted); font-size:.67rem; }
.member-profile-actions>span>.icon { font-size:.9rem; }
.member-order-heading { align-items:flex-start; }
.member-order-heading a { display:inline-flex; align-items:center; gap:.35rem; margin-bottom:.6rem; color:#9cbdff; font-size:.7rem; font-weight:800; text-decoration:none; }
.member-order-heading a>.icon { font-size:.9rem; }
.member-order-page>.order-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.member-order-page>.app-panel { padding:1rem; }

[data-theme="light"] .member-experience main { background:radial-gradient(circle at 75% 5%,rgba(103,70,221,.07),transparent 30%),#f5f4f8; }
[data-theme="light"] .auth-intro li { color:#565464; }

@media(max-width:900px){
    .auth-page { grid-template-columns:1fr; max-width:620px; gap:2rem; }
    .member-dashboard-shell { grid-template-columns:1fr; }
    .member-sidebar { position:relative; top:auto; min-height:0; max-height:none; }
    .member-sidebar nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .member-sidebar-logout { margin:.15rem .75rem .75rem; }
}
@media(max-width:640px){
    .member-dashboard-shell { width:min(100% - 1rem,1440px); padding-top:.6rem; }
    .member-sidebar nav { grid-template-columns:1fr; }
    .member-page-heading { align-items:stretch; flex-direction:column; }
    .member-page-heading>.button { width:100%; }
    .member-summary-grid,.member-order-page>.order-summary-grid { grid-template-columns:1fr; }
    .member-project-card { grid-template-columns:auto minmax(0,1fr) auto; }
    .member-project-card>.status-pill { grid-column:2; width:max-content; }
    .member-project-date { display:none; }
    .member-project-arrow { grid-column:3; grid-row:1 / span 2; }
    .member-profile-actions { align-items:stretch; flex-direction:column; }
    .member-profile-actions .button { width:100%; }
    .auth-form-actions .button { width:100%; }
}

/* Authenticated team dashboard workspace shell */
.admin-experience { --team-topbar:80px; --team-sidebar:300px; background:#272936; }
.admin-experience::before { display:none; }
.team-topbar { position:fixed; z-index:60; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; height:var(--team-topbar); padding:0 2rem; border-bottom:1px solid rgba(255,255,255,.04); color:#f6f5ff; background:#1d1e26; }
.team-topbar-brand { display:flex; align-items:center; gap:.8rem; color:#fff; font-size:1.25rem; text-decoration:none; }
.team-topbar-brand img { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.team-topbar-actions { display:flex; align-items:center; gap:1rem; }
.team-public-link { min-height:38px; color:#f4c75e; border:0; background:#3d3524; }
.team-notification { display:grid; place-items:center; width:42px; aspect-ratio:1; color:#e8e8f2; }
.team-topbar .account-menu summary { color:#f5f4fb; }
.admin-experience main { min-height:100vh; padding-top:var(--team-topbar); padding-left:var(--team-sidebar); }
.admin-experience .page-hero { width:100%; max-width:none; margin:0; padding:2.2rem 2.5rem 1rem; }
.admin-experience .page-hero .eyebrow { display:none; }
.admin-experience .page-hero h1 { margin:0; font-size:2rem; }
.admin-experience .page-hero p { margin:.35rem 0 0; font-size:.9rem; }
.admin-experience .section { width:100%; max-width:none; margin:0; padding:1rem 2.5rem 3rem; }
.admin-experience .app-shell:has(.admin-sidebar) { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; padding-left:2.5rem; }
.admin-experience .app-shell:has(.admin-sidebar)>.admin-sidebar { position:fixed; z-index:50; top:var(--team-topbar); bottom:0; left:0; grid-column:auto; grid-row:auto; width:var(--team-sidebar); min-height:0; max-height:none; border:0; border-right:1px solid rgba(255,255,255,.04); border-radius:0; background:#1d1e26; box-shadow:none; }
.admin-experience .app-shell:has(.admin-sidebar)>:not(.admin-sidebar) { grid-column:1; }
.admin-product-brand { margin:8px 20px 14px; padding:.8rem; border:0; border-radius:8px; background:#15161d; }
.admin-product-brand img { width:34px; height:34px; border-radius:50%; }
.admin-product-brand>span:nth-child(2) { min-width:0; }
.admin-product-brand>span:last-child { margin-left:auto; color:#d9d9e4; }
.admin-sidebar-head { display:none; }
.admin-sidebar-panel { display:block; padding:0 20px 1rem; }
.admin-nav-groups { gap:1.1rem; }
.admin-nav-group h2 { margin:.4rem .75rem; color:#fff; font-size:.62rem; }
.admin-nav-list { gap:.15rem; }
.admin-nav-link { min-height:39px; padding:.5rem .75rem; border:0; border-radius:7px; color:#9da0b4; }
.admin-nav-link:hover { color:#f4f3fa; background:#292b36; }
.admin-nav-link.active { color:#fff; border:0; background:#30323e; box-shadow:inset 3px 0 #4e9aff; }
.admin-nav-link.active>.icon { color:#61a9ff; }
.admin-nav-link small { display:none; }
.admin-sidebar-footer { position:sticky; bottom:0; margin:auto 20px 12px; border:0; background:#292b35; }
.team-dashboard-banner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.75fr); min-height:280px; padding:2.2rem; overflow:hidden; border-radius:9px; background:radial-gradient(circle at 75% 50%,rgba(196,108,255,.42),transparent 28%),linear-gradient(120deg,#181722,#41304f 55%,#241f2e); }
.team-dashboard-banner h2 { max-width:560px; font-size:2rem; }
.team-dashboard-banner p:not(.section-kicker) { max-width:550px; color:#a9a8b8; }
.team-banner-visual { position:relative; display:flex; align-items:center; justify-content:center; gap:1rem; }
.team-banner-visual .icon { display:grid; place-items:center; width:5rem; aspect-ratio:1; border:1px solid rgba(255,255,255,.1); border-radius:16px; color:#7bc8ff; background:#202330; box-shadow:0 18px 40px rgba(0,0,0,.3); font-size:2.3rem; transform:translateY(var(--offset,0)); }
.team-banner-visual .icon:nth-child(1){--offset:-24px}.team-banner-visual .icon:nth-child(3){--offset:24px}
.admin-experience .metric-grid { gap:1rem; }
.admin-experience .metric { min-height:145px; border:0; border-radius:8px; background:#1d1e27; box-shadow:none; }
.admin-experience .app-panel,.admin-experience .panel-form,.admin-experience .contact-form { border:0; border-radius:8px; background:#1d1e27; box-shadow:none; }
.admin-experience .admin-order-row,.admin-experience .admin-order-card,.admin-experience .list-row { border:0; border-radius:7px; background:#262833; }
.admin-experience .admin-order-row:hover,.admin-experience .admin-order-card:hover { background:#30323f; }
.admin-experience input,.admin-experience select,.admin-experience textarea { border-color:#343645; border-radius:7px; background:#15161e; }
.admin-experience .site-footer { display:none; }

@media(max-width:1050px){
    .admin-experience { --team-sidebar:0px; }
    .admin-experience main { padding-left:0; }
    .admin-experience .app-shell:has(.admin-sidebar) { padding-left:1rem; }
    .admin-experience .app-shell:has(.admin-sidebar)>.admin-sidebar { position:relative; top:auto; bottom:auto; width:100%; border-radius:8px; }
    .admin-experience .admin-sidebar-head { display:flex; }
    .admin-experience .admin-sidebar-panel { display:none; }
    .admin-experience .admin-sidebar.is-open .admin-sidebar-panel { display:block; }
    .admin-experience .admin-product-brand { margin:0; border-radius:8px 8px 0 0; }
    .team-dashboard-banner { grid-template-columns:1fr; }
    .team-banner-visual { display:none; }
}
@media(max-width:719px){
    .team-topbar { padding:0 1rem; }
    .team-topbar-brand strong { display:none; }
    .team-public-link { width:42px; padding:0; }
    .team-public-link:not(.icon) { font-size:0; }
    .team-public-link .icon { font-size:1.2rem; }
    .team-notification { display:none; }
    .team-topbar .account-menu summary { font-size:0; }
    .team-topbar .account-menu summary .icon { font-size:1.25rem; }
    .admin-experience .page-hero { padding-inline:1rem; }
    .admin-experience .section { padding-inline:1rem; }
    .admin-experience .app-shell:has(.admin-sidebar) { padding-left:0; }
    .team-dashboard-banner { padding:1.4rem; }
}

/* Premium plans finishing layer */
.plans-announcement { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:38px; padding:.45rem 1rem; color:#fff; background:linear-gradient(90deg,#7a1dff,#c63bea 55%,#ff9d86); font-size:.75rem; }
.plans-announcement strong { letter-spacing:0; }
.plans-announcement a { padding:.25rem .55rem; border-radius:5px; color:#8a2cd0; background:#fff; font-weight:900; text-decoration:none; }
.plans-hero { padding-top:3rem; padding-bottom:1rem; }
.plans-premium-label .icon { color:#ffd34f; font-variation-settings:"FILL" 1,"wght" 650,"GRAD" 0,"opsz" 24; }
.plans-hero h1 { font-size:clamp(2rem,3.8vw,3rem); }
.pricing-card .plan-price strong { color:#ffc56f; }
.pricing-card.featured .plan-price strong { color:#ffc56f; }
.pricing-card li .icon { color:#43d791; }
.plans-reassurance { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; max-width:960px; margin:1rem auto 3.2rem; }
.plans-reassurance article { display:grid; grid-template-columns:auto 1fr; gap:.15rem .65rem; align-items:center; min-height:86px; padding:.85rem 1rem; border-radius:6px; color:var(--text); background:#1d1e28; }
[data-theme="light"] .plans-reassurance article { background:#fff; box-shadow:0 8px 22px rgba(40,35,65,.07); }
.plans-reassurance .icon { grid-row:span 2; display:grid; place-items:center; width:2.25rem; aspect-ratio:1; border-radius:50%; color:#ffca66; background:rgba(255,190,91,.1); }
.plans-reassurance small { color:var(--muted); font-size:.7rem; }
.plans-comparison>header .section-kicker { color:#c4c5d4; }
.plans-faq { max-width:960px; padding-block:3.5rem 4.5rem; }
.plans-faq h2 { margin-bottom:1.25rem; font-size:1.7rem; text-align:center; }
.plans-faq>div { overflow:hidden; border-radius:6px; background:#1d1e28; }
[data-theme="light"] .plans-faq>div { background:#fff; }
.plans-faq details { border-bottom:1px solid rgba(181,184,220,.1); }
.plans-faq details:last-child { border:0; }
.plans-faq summary { position:relative; padding:1rem 3rem 1rem 1rem; color:var(--text); font-size:.8rem; font-weight:800; list-style:none; cursor:pointer; }
.plans-faq summary::-webkit-details-marker { display:none; }
.plans-faq summary::after { content:"+"; position:absolute; right:1rem; color:var(--muted); font-size:1.05rem; }
.plans-faq details[open] summary::after { content:"−"; }
.plans-faq p { margin:0; padding:0 1rem 1rem; color:var(--muted); font-size:.8rem; }
body:has(.pricing-section) .cta-strip { min-height:190px; background:#1488f7; }

@media(max-width:719px){
    .plans-announcement { flex-wrap:wrap; gap:.3rem .5rem; text-align:center; }
    .plans-reassurance { grid-template-columns:1fr; margin-bottom:2rem; }
    .plans-faq { padding-inline:1rem; }
}

/* Plans — deliberately minimal premium rhythm */
body:has(.pricing-section) { background:#252633; }
[data-theme="light"] body:has(.pricing-section) { background:#f2f1f7; }
body:has(.pricing-section)::before { display:none; }
body:has(.pricing-section) .site-header { background:#1d1e28; }
[data-theme="light"] body:has(.pricing-section) .site-header { background:rgba(255,255,255,.94); }
.plans-hero { max-width:760px; padding:3.5rem 1rem 1.25rem; }
.plans-premium-label { margin-bottom:.5rem; color:#ffe080; }
.plans-hero h1 { max-width:720px; margin-bottom:.7rem; font-size:clamp(2rem,4vw,3.25rem); }
.plans-hero-copy>p:not(.plans-premium-label) { max-width:620px; margin-bottom:0; color:var(--muted); font-size:.92rem; }
.pricing-section { padding:1rem max(1rem,calc((100% - 1080px)/2)) 4rem; border:0; background:transparent; }
.plan-type-label { margin:0 auto .45rem; color:var(--muted); font-size:.7rem; font-weight:900; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.plan-category-tabs { max-width:660px; margin:0 auto 2rem; padding:.3rem; border:0; border-radius:9px; background:#1d1e28; }
[data-theme="light"] .plan-category-tabs { background:#e5e3ed; }
.plan-category-tab { min-height:46px; padding:.45rem .6rem; border-radius:7px; }
.plan-category-tab.is-active { background:#34364a; box-shadow:none; }
[data-theme="light"] .plan-category-tab.is-active { background:#fff; }
.plan-category-icon { width:1.8rem; border-radius:7px; background:transparent; }
.plan-category-icon .icon { font-size:1.05rem; }
.plan-category-copy strong { font-size:.8rem; }
.plan-category-description { max-width:660px; margin:0 auto .9rem; color:var(--muted); font-size:.82rem; text-align:center; }
.pricing-grid { max-width:1050px; gap:.85rem; padding:.5rem 0 2.2rem; }
.pricing-card { min-height:430px; padding:1rem; border:0; border-radius:7px; background:#1c1d27; box-shadow:none; }
[data-theme="light"] .pricing-card { background:#fff; box-shadow:0 8px 25px rgba(40,35,65,.08); }
.pricing-card:hover { transform:none; }
.pricing-card.featured { border:2px solid #ffbd73; border-radius:7px; background:#1c1d27; box-shadow:none; }
[data-theme="light"] .pricing-card.featured { background:#fff; }
.plan-badge { width:calc(100% + 4px); padding:.35rem; border-radius:7px 7px 0 0; font-size:.6rem; }
.pricing-card.featured .plan-card-top { margin-top:.85rem; }
.plan-card-top { min-height:2.3rem; }
.plan-icon { width:2.2rem; border-radius:7px; }
.pricing-card h2 { font-size:1.05rem; }
.pricing-card p { min-height:4.5em; margin-bottom:0; font-size:.78rem; }
.plan-price { padding:.55rem 0; }
.plan-price strong { font-size:1.3rem; }
.plan-price span { font-size:.72rem; }
.pricing-card ul { gap:.42rem; }
.pricing-card li { font-size:.76rem; }
.pricing-card .button { min-height:40px; padding:.5rem .65rem; border-radius:6px; font-size:.75rem; }
.pricing-card.featured .button.primary { background:#ffbd73; }
.plans-comparison { max-width:960px; margin-top:2.7rem; }
.plans-comparison>header { margin-bottom:1rem; }
.plans-comparison h3 { margin-bottom:.35rem; font-size:1.65rem; }
.plans-comparison>header p:last-child { margin:0; font-size:.8rem; }
.plans-comparison-scroll { border:0; border-radius:6px; background:#1d1e28; box-shadow:none; }
[data-theme="light"] .plans-comparison-scroll { background:#fff; }
.plans-comparison th,.plans-comparison td { padding:.62rem .8rem; }
.plans-comparison thead th { height:62px; background:#20212c; font-size:.76rem; }
[data-theme="light"] .plans-comparison thead th { background:#eae8f1; }
.plans-comparison tbody th { font-size:.73rem; }
.plans-comparison tbody tr:nth-child(even) { background:rgba(255,255,255,.025); }
.plans-comparison .included { width:1.2rem; font-size:.8rem; }
.plans-comparison tfoot td { padding:.7rem; background:#20212c; }
[data-theme="light"] .plans-comparison tfoot td { background:#eae8f1; }
body:has(.pricing-section) .cta-strip { max-width:none; width:100%; margin:0; padding:2.6rem max(1rem,calc((100% - 900px)/2)); border-radius:0; background:#1588f7; box-shadow:none; }
body:has(.pricing-section) .cta-strip h2 { max-width:650px; font-size:1.8rem; }
body:has(.pricing-section) .cta-strip .button { color:#2c2c38; background:#fff; box-shadow:none; }
body:has(.pricing-section) .site-footer { margin-top:0; }

@media(min-width:900px){
    .pricing-card.featured,.pricing-card.featured:hover { transform:none; }
}
@media(max-width:719px){
    .plans-hero { padding-top:2.5rem; }
    .plans-hero h1 { font-size:2.25rem; }
    .plan-category-tabs { margin-bottom:1.3rem; }
    .pricing-section { padding-bottom:2.5rem; }
    .pricing-grid { gap:.65rem; }
    .pricing-card { min-height:0; }
    body:has(.pricing-section) .cta-strip { padding:2rem 1rem; }
}

/* Premium plans experience */
.plans-hero {
    display:block;
    max-width:920px;
    padding-top:4.5rem;
    text-align:center;
}
.plans-hero-copy { display:grid; justify-items:center; }
.plans-premium-label { display:inline-flex; align-items:center; gap:.4rem; margin:0 0 .8rem; color:#ffd07b; font-size:.82rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.plans-premium-label .icon { font-size:1.6rem; }
.plans-hero h1 { max-width:820px; margin-inline:auto; font-size:clamp(2.5rem,5vw,4.4rem); }
.plans-hero-copy>p:not(.plans-premium-label) { max-width:760px; }
.plans-trust-row { justify-content:center; margin-top:.8rem; }
.plans-hero-note { display:inline-grid; grid-template-columns:auto 1fr; gap:.65rem; align-items:center; margin:1.2rem auto 0; padding:.75rem 1rem; text-align:left; }
.plans-hero-note>span:last-child { display:grid; }
.plans-hero-note small { color:var(--muted); }
.pricing-section { width:100%; max-width:none; padding:3.5rem max(1rem,calc((100% - 1160px)/2)) 5rem; background:var(--bg-deep); border-block:1px solid var(--line); }
.plan-browser-heading { display:grid; justify-items:center; text-align:center; }
.plan-browser-heading>div { display:grid; justify-items:center; }
.plan-browser-heading h2 { max-width:760px; margin-inline:auto; font-size:clamp(2rem,4.2vw,3.4rem); }
.plan-browser-heading p { max-width:650px; }
.plan-browser-hint { margin-inline:auto; }
.plan-category-tabs { display:flex; justify-content:center; gap:.55rem; max-width:900px; margin:1.4rem auto 2.5rem; padding:.45rem; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.plan-category-tab { display:flex; flex:1; align-items:center; justify-content:center; min-height:64px; padding:.65rem .8rem; border:0; border-radius:10px; text-align:center; background:transparent; box-shadow:none; }
.plan-category-tab.is-active { background:linear-gradient(135deg,rgba(138,77,255,.38),rgba(72,149,255,.2)); box-shadow:inset 0 0 0 1px rgba(172,143,255,.34); }
.plan-category-icon { width:2.35rem; margin:0; }
.plan-category-copy strong { font-size:.94rem; }
.plan-category-copy small,.plan-category-count { display:none; }
.plan-category-header { display:grid; justify-items:center; grid-template-columns:1fr; max-width:760px; margin:0 auto 1.5rem; padding:0; border:0; text-align:center; background:transparent; }
.plan-category-heading-icon { display:none; }
.plan-category-header h2 { font-size:clamp(1.8rem,3.5vw,2.7rem); }
.pricing-grid { gap:.75rem; max-width:1100px; margin-inline:auto; padding:1rem 0 2.5rem; }
.pricing-card { min-height:470px; padding:1.25rem; border-color:rgba(181,184,220,.11); border-radius:12px; background:#191b28; box-shadow:0 18px 45px rgba(4,5,12,.22); }
[data-theme="light"] .pricing-card { background:#fff; }
.pricing-card:hover { transform:translateY(-4px); }
.pricing-card.featured { z-index:2; border:2px solid #ffbd73; background:linear-gradient(180deg,rgba(255,189,115,.1),#191b28 28%); box-shadow:0 20px 55px rgba(255,172,91,.16); }
[data-theme="light"] .pricing-card.featured { background:linear-gradient(180deg,#fff4e8,#fff 30%); }
.plan-badge { top:-1px; width:calc(100% + 4px); padding:.45rem; border-radius:10px 10px 0 0; color:#5a3517; background:#ffbd73; box-shadow:none; }
.pricing-card.featured .plan-card-top { margin-top:1.1rem; }
.plan-icon { width:2.7rem; }
.pricing-card h2 { font-size:1.3rem; }
.pricing-card p { min-height:4.8em; font-size:.9rem; }
.plan-price { padding:.7rem 0; border-block:1px solid var(--line); }
.plan-price strong { font-size:1.55rem; }
.pricing-card ul { gap:.58rem; }
.pricing-card li { font-size:.87rem; }
.pricing-card .button { width:100%; }
.pricing-card.featured .button.primary { color:#543416; background:#ffbd73; box-shadow:none; }
.plans-comparison { max-width:1050px; margin:3.5rem auto 0; }
.plans-comparison>header { max-width:720px; margin:0 auto 1.5rem; text-align:center; }
.plans-comparison h3 { font-size:clamp(1.8rem,3.5vw,2.8rem); }
.plans-comparison>header p:last-child { color:var(--muted); }
.plans-comparison-scroll { overflow:auto; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:0 20px 55px rgba(4,5,12,.2); }
.plans-comparison table { width:100%; min-width:760px; border-collapse:collapse; }
.plans-comparison th,.plans-comparison td { padding:.8rem 1rem; border-bottom:1px solid var(--line); }
.plans-comparison thead th { position:sticky; top:0; z-index:1; height:76px; color:var(--text); background:var(--surface-2); text-align:center; }
.plans-comparison thead th:first-child { width:34%; text-align:left; }
.plans-comparison thead th small { display:block; margin-top:.2rem; color:#ffbd73; font-size:.65rem; text-transform:uppercase; }
.plans-comparison tbody th { color:var(--muted); font-size:.86rem; font-weight:700; text-align:left; }
.plans-comparison tbody td { text-align:center; }
.plans-comparison tbody tr:nth-child(even) { background:rgba(255,255,255,.018); }
.plans-comparison .is-recommended { background-color:rgba(255,189,115,.055); }
.comparison-feature-name { display:inline-flex; align-items:center; gap:.45rem; }
.comparison-feature-name>.icon { color:var(--cyan); font-size:1rem; }
.comparison-value { display:inline-block; min-width:2rem; color:var(--text); font-size:.76rem; font-weight:850; }
.plans-comparison .included { display:inline-grid; place-items:center; width:1.5rem; aspect-ratio:1; border-radius:50%; color:#10291f; background:var(--green); font-size:1rem; }
.plans-comparison .excluded { color:#f06d87; }
.plans-comparison tfoot td { border:0; background:var(--surface-2); }
.plans-comparison tfoot .button { width:100%; min-width:130px; font-size:.78rem; }
.pricing-explain { padding-top:5rem; }

@media(min-width:900px){
    .pricing-card.featured { transform:translateY(-10px); }
    .pricing-card.featured:hover { transform:translateY(-14px); }
}
@media(max-width:719px){
    .plans-hero { padding-top:3rem; }
    .plans-hero h1 { font-size:2.6rem; }
    .plans-hero-note { width:100%; }
    .pricing-section { padding-inline:1rem; }
    .plan-category-tabs { justify-content:flex-start; overflow:auto; }
    .plan-category-tab { flex:0 0 180px; }
    .pricing-card { min-height:0; }
    .pricing-card p { min-height:0; }
    .plans-comparison { margin-top:2.5rem; }
}

/* Content and spacing refinement */
.hero {
    display: block;
    min-height: min(760px, calc(100svh - 78px));
    padding-block: clamp(5rem, 10vw, 8rem);
    background:
        linear-gradient(90deg, rgba(16,17,29,.98) 0%, rgba(16,17,29,.88) 42%, rgba(16,17,29,.26) 100%),
        url("/images/hero-development-bg.png") 62% center / cover no-repeat;
}
[data-theme="light"] .hero {
    background:
        linear-gradient(90deg, rgba(245,244,251,.98) 0%, rgba(245,244,251,.9) 42%, rgba(245,244,251,.28) 100%),
        url("/images/hero-development-bg.png") 62% center / cover no-repeat;
}
.hero-content { width:min(1160px,100%); margin-inline:auto; }
.hero-content>* { max-width:620px; }
.hero h1 { max-width:720px; font-size:clamp(2.9rem,5.7vw,5.1rem); line-height:.98; }
.hero-lead { font-size:1.05rem; }
.home-proof-strip { margin-top:-2rem; }
.section>h2,.home-intro h2,.stack-copy h2,.faq>h2 { font-size:clamp(2rem,4.2vw,3.7rem); line-height:1.04; }
.page-hero h1,.plans-hero h1 { font-size:clamp(2.5rem,5.7vw,4.8rem); }
.home-intro { gap:clamp(2rem,5vw,4rem); }
.card-grid,.timeline,.stack-board { margin-top:1.5rem; }
.service-card { min-height:285px; }
.section { padding-block:clamp(3.5rem,7vw,6rem); }
.cta-strip { width:min(1040px,calc(100% - 2rem)); padding:clamp(1.5rem,3.5vw,2.6rem); border-radius:20px; }
.cta-strip h2 { max-width:700px; margin:0; font-size:clamp(1.65rem,3.5vw,2.8rem); }
.faq { max-width:940px; }
.faq details { padding:0; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.faq details+details { margin-top:.65rem; }
.faq summary { position:relative; padding:1rem 3rem 1rem 1rem; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:1rem; top:50%; transform:translateY(-50%); color:#ad8cff; font-size:1.4rem; }
.faq details[open] summary::after { content:"−"; }
.faq details p { margin:0; padding:0 1rem 1rem; max-width:800px; }
.contact-steps { margin:0; padding:0; list-style:none; }
.contact-steps li { display:grid; grid-template-columns:auto 1fr; gap:.05rem .7rem; }
.contact-steps li>span { grid-row:span 2; display:grid; place-items:center; width:2.2rem; aspect-ratio:1; border-radius:50%; color:#fff; background:var(--purple); font-size:.72rem; font-weight:900; }
.contact-card-list p { display:grid; grid-template-columns:auto 1fr; gap:.1rem .55rem; }
.contact-card-list p>.icon { grid-row:span 2; color:var(--cyan); }
.contact-card-list p>a { overflow-wrap:anywhere; }
.faq-admin-row { grid-template-columns:auto minmax(0,1fr) auto auto; }
.faq-admin-row form { margin:0; }
.plan-advantages-editor>div:first-child { margin-bottom:.25rem; }
.plan-advantages-editor label>span { display:flex; align-items:center; gap:.4rem; }
.plan-advantages-editor label>span .icon { color:var(--cyan); font-size:1rem; }

@media(max-width:719px){
    .hero { min-height:680px; padding-block:4.5rem; background-position:67% center; }
    [data-theme="light"] .hero { background-position:67% center; }
    .hero h1 { max-width:90%; font-size:clamp(2.7rem,13vw,4rem); }
    .hero-lead { max-width:92%; }
    .home-proof-strip { margin-top:-1rem; }
    .faq-admin-row { grid-template-columns:auto minmax(0,1fr); }
    .faq-admin-row>.priority-chip,.faq-admin-row>.toolbar-actions { grid-column:2; }
}

/* Stable team workspace */
.admin-experience .section,.admin-experience .page-hero,.member-experience .section,.member-experience .page-hero { width:min(1540px,calc(100% - 2rem)); }
.admin-experience .page-hero,.member-experience .page-hero { padding-block:2.5rem 1.25rem; }
.admin-experience .page-hero h1,.member-experience .page-hero h1 { max-width:900px; font-size:clamp(2rem,4vw,3.4rem); }
.admin-experience .app-shell:has(.admin-sidebar) { display:grid; grid-template-columns:250px minmax(0,1fr); gap:1rem; padding-left:0; }
.admin-experience .app-shell:has(.admin-sidebar)>.admin-sidebar { position:sticky; top:94px; grid-column:1; grid-row:1 / span 50; width:250px; min-height:calc(100vh - 112px); max-height:calc(100vh - 110px); overflow:auto; }
.admin-experience .app-shell:has(.admin-sidebar)>:not(.admin-sidebar) { grid-column:2; min-width:0; }
.admin-experience .admin-order-card { grid-template-columns:auto minmax(0,1fr) auto auto; }
.admin-experience .admin-order-main,.admin-experience .admin-order-card>* { min-width:0; }
.admin-experience .admin-order-main strong,.admin-experience .admin-order-main small { overflow-wrap:anywhere; }
.admin-experience .toolbar-actions { justify-content:flex-end; }
.admin-experience .toolbar-actions form { margin:0; }
.admin-experience .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-experience .detail-grid,.admin-experience .admin-order-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .app-panel,.admin-experience .panel-form { min-width:0; }
.admin-experience input,.admin-experience select,.admin-experience textarea { max-width:100%; }
.admin-experience .table-list,.admin-experience .admin-orders-list { min-width:0; }
.admin-experience .site-footer { width:min(1540px,calc(100% - 2rem)); }
.footer-brand img { background:transparent; }

@media(max-width:1050px){
    .admin-experience .app-shell:has(.admin-sidebar) { grid-template-columns:1fr; }
    .admin-experience .app-shell:has(.admin-sidebar)>.admin-sidebar { position:relative; top:auto; grid-column:1; grid-row:auto; width:100%; min-height:0; max-height:none; }
    .admin-experience .app-shell:has(.admin-sidebar)>:not(.admin-sidebar) { grid-column:1; }
}
@media(max-width:719px){
    .admin-experience .admin-order-card { grid-template-columns:auto minmax(0,1fr); }
    .admin-experience .admin-order-card>.priority-chip,.admin-experience .admin-order-card>.status-pill,.admin-experience .admin-order-card>.toolbar-actions { grid-column:2; justify-self:start; }
    .admin-experience .metric-grid,.admin-experience .detail-grid,.admin-experience .admin-order-grid,.admin-experience .field-grid { grid-template-columns:1fr; }
}

/* Team workspace consistency — shared controls and content surfaces */
.admin-experience,
.admin-experience dialog {
    --admin-panel:#1d1e27;
    --admin-panel-soft:#252731;
    --admin-field:#15161e;
    --admin-line:#373948;
    --admin-text:#f5f4fb;
    --admin-muted:#9da0b4;
    color:var(--admin-text);
}
.admin-experience * { box-sizing:border-box; }
.admin-experience .app-shell:has(.admin-sidebar)>:not(.admin-sidebar),
.admin-experience .mail-workspace,
.admin-experience .mail-compose-form,
.admin-experience .mail-compose-top,
.admin-experience .mail-compose-options,
.admin-experience .mail-compose-recipients,
.admin-experience .member-card,
.admin-experience .admin-category-card { min-width:0; }
.admin-experience fieldset {
    min-width:0;
    margin:0;
    border-color:var(--admin-line);
    color:var(--admin-text);
    background:transparent;
}
.admin-experience legend {
    padding:0 .4rem;
    color:var(--admin-muted);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.admin-experience input,
.admin-experience select,
.admin-experience textarea {
    color:var(--admin-text);
    border-color:var(--admin-line);
    background:var(--admin-field);
}
.admin-experience input::placeholder,
.admin-experience textarea::placeholder { color:#707386; }
.admin-experience input[type="radio"],
.admin-experience input[type="checkbox"] {
    appearance:none;
    flex:0 0 18px;
    width:18px;
    height:18px;
    min-height:18px;
    max-width:18px;
    margin:0;
    padding:0;
    border:2px solid #626577;
    border-radius:50%;
    background:#13141b;
    box-shadow:none;
    cursor:pointer;
}
.admin-experience input[type="checkbox"] { border-radius:5px; }
.admin-experience input[type="radio"]:checked {
    border:5px solid #62aaff;
    background:#f7f8ff;
}
.admin-experience input[type="checkbox"]:checked {
    border-color:#62aaff;
    background:#62aaff;
    box-shadow:inset 0 0 0 3px #171821;
}
.admin-experience input[type="radio"]:focus-visible,
.admin-experience input[type="checkbox"]:focus-visible {
    outline:3px solid rgba(98,170,255,.24);
    outline-offset:2px;
}
.admin-experience input[type="radio"][hidden],
.admin-experience input[type="checkbox"][hidden],
.admin-experience [hidden] { display:none !important; }

.admin-experience .panel-form { display:grid; gap:1rem; width:100%; }
.admin-experience .panel-form h2,
.admin-experience .app-panel h2 { display:flex; align-items:center; gap:.5rem; }
.admin-experience .panel-form h2 .icon,
.admin-experience .app-panel h2 .icon { color:#62aaff; }
.admin-experience .toggle-group,
.admin-experience .account-type-panel,
.admin-experience .member-orders-panel {
    display:grid;
    gap:.7rem;
    padding:.9rem;
    border:1px solid var(--admin-line);
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel-soft);
}
.admin-experience .toggle-group label { display:flex; align-items:center; gap:.55rem; }
.admin-experience .account-type-switch { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .account-type-switch label { position:relative; min-width:0; padding:0; border:0; background:transparent; }
.admin-experience .account-type-switch input { position:absolute; opacity:0; pointer-events:none; }
.admin-experience .account-type-switch label>span {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    min-height:46px;
    padding:.65rem;
    border:1px solid var(--admin-line);
    border-radius:7px;
    color:var(--admin-muted);
    background:var(--admin-field);
    cursor:pointer;
}
.admin-experience .account-type-switch label:has(input:checked)>span {
    color:#fff;
    border-color:#4e9aff;
    background:rgba(78,154,255,.18);
    box-shadow:inset 0 0 0 1px rgba(98,170,255,.12);
}

.admin-experience .member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .member-card { padding:0; border:0; border-radius:8px; overflow:hidden; background:var(--admin-panel); }
.admin-experience .member-card>button {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.8rem;
    align-items:center;
    width:100%;
    min-height:94px;
    padding:1rem;
    border:1px solid transparent;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
    text-align:left;
    cursor:pointer;
}
.admin-experience .member-card>button:hover { border-color:#3f72aa; background:#252732; }
.admin-experience .member-card>button>span:nth-child(2) { min-width:0; }
.admin-experience .member-card strong,
.admin-experience .member-card small { display:block; overflow-wrap:anywhere; }
.admin-experience .member-card small,
.admin-experience .member-card em { color:var(--admin-muted); }
.admin-experience .member-card em { grid-column:2; font-style:normal; font-size:.76rem; font-weight:850; }
.admin-experience .member-avatar { border-radius:8px; background:linear-gradient(135deg,#4e9aff,#8968ff); }
.admin-experience .member-dialog {
    width:min(980px,calc(100% - 1.5rem));
    max-height:min(88dvh,850px);
    padding:1rem;
    overflow:auto;
    border:1px solid var(--admin-line);
    border-radius:10px;
    color:var(--admin-text);
    background:#20212b;
}
.admin-experience .member-dialog-layout { min-width:0; }
.admin-experience .member-dialog-layout>* { min-width:0; }
.admin-experience .member-orders-panel { background:var(--admin-panel); }
.admin-experience .dialog-close-form { display:flex; justify-content:flex-end; }
.admin-experience .dialog-close-form button { display:grid; place-items:center; width:38px; aspect-ratio:1; border:0; border-radius:7px; color:var(--admin-text); background:#2d2f3b; cursor:pointer; }

.admin-experience .mail-workspace { grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); align-items:start; }
.admin-experience .mail-compose-top,
.admin-experience .mail-compose-options,
.admin-experience .mail-compose-recipients { display:grid; gap:1rem; }
.admin-experience .mail-criteria,
.admin-experience .mail-sender-options,
.admin-experience .mail-content-panel {
    display:grid;
    grid-template-columns:1fr;
    gap:.55rem;
    padding:.9rem;
    border:1px solid var(--admin-line);
    border-radius:8px;
    background:#20212b;
}
.admin-experience .mail-criteria label,
.admin-experience .mail-sender-options label:not(.mail-custom-sender),
.admin-experience .mail-anonymous-senders label,
.admin-experience .mail-client-choice {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    min-width:0;
    padding:.7rem;
    border:1px solid var(--admin-line);
    border-radius:7px;
    color:var(--admin-text);
    background:var(--admin-field);
    cursor:pointer;
}
.admin-experience .mail-criteria label:has(input:checked),
.admin-experience .mail-sender-options label:has(input:checked):not(.mail-custom-sender),
.admin-experience .mail-anonymous-senders label:has(input:checked) {
    border-color:#4e9aff;
    background:rgba(78,154,255,.12);
}
.admin-experience .mail-criteria label>span,
.admin-experience .mail-sender-options label>span,
.admin-experience .mail-anonymous-senders label>span,
.admin-experience .mail-client-choice>span { min-width:0; overflow-wrap:anywhere; }
.admin-experience .mail-sender-options label>span { display:grid; gap:.15rem; }
.admin-experience .mail-sender-options small,
.admin-experience .mail-history-row small { color:var(--admin-muted); }
.admin-experience .mail-anonymous-senders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; padding-left:1.4rem; }
.admin-experience .mail-custom-sender { display:grid; gap:.4rem; margin-top:.15rem; }
.admin-experience .mail-extra-toggle {
    justify-self:start;
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    min-height:36px;
    padding:.45rem .65rem;
    border:1px solid var(--admin-line);
    border-radius:7px;
    color:var(--admin-text);
    background:#2a2c37;
    font:inherit;
    font-size:.8rem;
    font-weight:850;
    cursor:pointer;
}
.admin-experience .mail-extra-toggle.active { border-color:#4e9aff; background:rgba(78,154,255,.18); }
.admin-experience .mail-recipient-panel,
.admin-experience .mail-history-panel {
    display:grid;
    gap:.8rem;
    min-width:0;
    padding:1rem;
    border:1px solid var(--admin-line);
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .mail-selection-head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.admin-experience .mail-history-panel { align-self:start; }
.admin-experience .mail-history-row { grid-template-columns:auto minmax(0,1fr); background:var(--admin-panel-soft); }
.admin-experience .mail-history-row>span:last-child { display:grid; min-width:0; gap:.2rem; }
.admin-experience .mail-history-row strong,
.admin-experience .mail-history-row small,
.admin-experience .mail-history-row em { overflow-wrap:anywhere; }
.admin-experience .mail-status-form { display:flex; align-items:center; gap:.4rem; margin-top:.35rem; }
.admin-experience .mail-status-form select { min-width:0; }
.admin-experience .mail-resend-form { margin-top:.4rem; }

.admin-experience .admin-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .admin-category-card,
.admin-experience .legal-page-card {
    padding:1rem;
    border:1px solid transparent;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .admin-category-card:hover,
.admin-experience .legal-page-card:hover { border-color:#3f72aa; background:#252732; }
.admin-experience .admin-category-card>* { min-width:0; overflow-wrap:anywhere; }
.admin-experience .admin-category-card small,
.admin-experience .legal-page-card p { color:var(--admin-muted); }

/* Identical card geometry: the recommendation border no longer changes its size. */
.pricing-grid { align-items:stretch; }
.pricing-card { height:100%; border:2px solid transparent; }
.pricing-card.featured { border-color:#ffbd73; transform:none; }
.pricing-card.featured:hover { transform:translateY(-4px); }

@media(max-width:1180px){
    .admin-experience .mail-workspace { grid-template-columns:1fr; }
}
@media(max-width:719px){
    .admin-experience .member-grid,
    .admin-experience .admin-category-grid { grid-template-columns:1fr; }
    .admin-experience .mail-anonymous-senders,
    .admin-experience .account-type-switch { grid-template-columns:1fr; }
}

/* Clients directory — compact dashboard toolbar */
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.admin-experience .member-directory-toolbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1.1rem 1.5rem;
    padding:1.2rem;
    border:0;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
    box-shadow:none;
}
.admin-experience .member-directory-heading {
    display:flex;
    align-items:center;
    gap:.75rem;
    min-width:0;
}
.admin-experience .member-directory-heading>span:last-child { display:grid; gap:.12rem; min-width:0; }
.admin-experience .member-directory-heading strong { font-size:1.02rem; }
.admin-experience .member-directory-heading small { color:var(--admin-muted); font-size:.75rem; }
.admin-experience .member-directory-icon {
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    aspect-ratio:1;
    border-radius:8px;
    color:#74b6ff;
    background:rgba(78,154,255,.14);
}
.admin-experience .member-create-button { align-self:center; min-height:40px; border-radius:7px; }
.admin-experience .member-directory-controls {
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:.8rem;
    min-width:0;
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.06);
}
.admin-experience .member-search-field {
    position:relative;
    display:flex;
    flex:1 1 420px;
    align-items:center;
    min-width:220px;
    gap:.55rem;
    height:44px;
    padding:0 .75rem;
    border:1px solid var(--admin-line);
    border-radius:7px;
    color:var(--admin-muted);
    background:var(--admin-field);
    transition:border-color .18s,box-shadow .18s;
}
.admin-experience .member-search-field:focus-within {
    border-color:#4e9aff;
    box-shadow:0 0 0 3px rgba(78,154,255,.12);
}
.admin-experience .member-search-field>.icon { flex:0 0 auto; font-size:1.2rem; }
.admin-experience .member-search-field input {
    min-width:0;
    height:42px;
    min-height:42px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    box-shadow:none;
}
.admin-experience .member-search-field input:focus { outline:0; }
.admin-experience .member-search-field kbd {
    flex:0 0 auto;
    padding:.18rem .38rem;
    border:1px solid #424451;
    border-radius:5px;
    color:#777a8c;
    background:#20212a;
    font-family:inherit;
    font-size:.65rem;
    font-weight:700;
    line-height:1.2;
}
.admin-experience .member-type-filters {
    display:flex;
    flex:0 0 auto;
    gap:.25rem;
    padding:.25rem;
    border:1px solid var(--admin-line);
    border-radius:8px;
    background:var(--admin-field);
}
.admin-experience .member-type-filters button {
    display:inline-flex;
    align-items:center;
    gap:.42rem;
    min-height:34px;
    padding:.42rem .7rem;
    border:0;
    border-radius:6px;
    color:var(--admin-muted);
    background:transparent;
    font:inherit;
    font-size:.73rem;
    font-weight:850;
    cursor:pointer;
}
.admin-experience .member-type-filters button:hover { color:var(--admin-text); background:#242630; }
.admin-experience .member-type-filters button.is-active { color:#fff; background:#343744; }
.admin-experience .member-type-filters button span {
    display:grid;
    place-items:center;
    min-width:1.35rem;
    height:1.25rem;
    padding:0 .3rem;
    border-radius:99px;
    color:#aeb1c2;
    background:#20212a;
    font-size:.62rem;
}
.admin-experience .member-type-filters button.is-active span { color:#dcecff; background:rgba(78,154,255,.2); }
.admin-experience .member-search-empty {
    margin:0;
    padding:2.5rem 1rem;
    border:1px dashed var(--admin-line);
    border-radius:8px;
    color:var(--admin-muted);
    background:rgba(29,30,39,.55);
    text-align:center;
}

@media(max-width:800px){
    .admin-experience .member-directory-controls { align-items:stretch; flex-direction:column; }
    .admin-experience .member-search-field { flex-basis:auto; width:100%; min-width:0; }
    .admin-experience .member-type-filters { width:100%; }
    .admin-experience .member-type-filters button { flex:1; justify-content:center; }
}
@media(max-width:520px){
    .admin-experience .member-directory-toolbar { grid-template-columns:1fr; }
    .admin-experience .member-create-button { width:100%; }
    .admin-experience .member-directory-controls { grid-column:1; }
    .admin-experience .member-search-field kbd { display:none; }
    .admin-experience .member-type-filters button { padding-inline:.4rem; }
}

/* Plans manager — catalogue dashboard */
.admin-experience .plans-admin-commandbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.25rem;
    min-width:0;
    padding:1rem 1.1rem;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .plans-admin-commandbar-copy { display:flex; align-items:center; gap:.75rem; min-width:0; }
.admin-experience .plans-admin-commandbar-copy>span:last-child { display:grid; gap:.12rem; min-width:0; }
.admin-experience .plans-admin-commandbar-copy strong { font-size:.95rem; }
.admin-experience .plans-admin-commandbar-copy small { color:var(--admin-muted); font-size:.75rem; }
.admin-experience .plans-admin-commandbar-icon {
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    aspect-ratio:1;
    border-radius:8px;
    color:#c5a6ff;
    background:rgba(137,104,255,.15);
}
.admin-experience .plans-admin-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; }
.admin-experience .plans-admin-actions .button { min-height:39px; padding:.52rem .72rem; border-radius:7px; font-size:.72rem; }
.admin-experience .plans-admin-actions .button.ghost { color:#d6d6e2; border-color:#3a3c49; background:#292b35; }
.admin-experience .plans-admin-actions .button.ghost:hover { color:#fff; border-color:#4b4e5e; background:#32343f; }

.admin-experience .plans-admin-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.75rem;
}
.admin-experience .plans-admin-stats article {
    display:flex;
    align-items:center;
    gap:.7rem;
    min-width:0;
    min-height:76px;
    padding:.85rem 1rem;
    border-radius:8px;
    background:var(--admin-panel);
}
.admin-experience .plans-admin-stats article>.icon {
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    aspect-ratio:1;
    border-radius:7px;
    color:#74b6ff;
    background:rgba(78,154,255,.12);
    font-size:1.15rem;
}
.admin-experience .plans-admin-stats article:nth-child(2)>.icon { color:#c5a6ff; background:rgba(137,104,255,.13); }
.admin-experience .plans-admin-stats article:nth-child(3)>.icon { color:#61d9a2; background:rgba(72,213,151,.12); }
.admin-experience .plans-admin-stats article:nth-child(4)>.icon { color:#ffcc76; background:rgba(255,189,115,.12); }
.admin-experience .plans-admin-stats article>span:last-child { display:grid; min-width:0; }
.admin-experience .plans-admin-stats strong { font-size:1.25rem; line-height:1; }
.admin-experience .plans-admin-stats small { margin-top:.18rem; color:var(--admin-muted); font-size:.68rem; }

.admin-experience .plans-admin-layout {
    display:grid;
    grid-template-columns:minmax(280px,340px) minmax(0,1fr);
    gap:1rem;
    align-items:start;
    min-width:0;
}
.admin-experience .plans-admin-panel {
    min-width:0;
    overflow:hidden;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .plans-admin-panel-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:68px;
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-experience .plans-admin-panel-head>span:first-child { display:grid; gap:.15rem; min-width:0; }
.admin-experience .plans-admin-panel-head strong { font-size:.9rem; }
.admin-experience .plans-admin-panel-head small { color:var(--admin-muted); font-size:.68rem; }
.admin-experience .plans-admin-panel-head .icon-button {
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    aspect-ratio:1;
    border:0;
    border-radius:7px;
    color:#d7d8e5;
    background:#2c2e39;
}
.admin-experience .plans-admin-panel-head .icon-button:hover { color:#fff; background:#383a47; }

.admin-experience .plans-admin-category-list,
.admin-experience .plans-admin-plan-list { display:grid; min-width:0; }
.admin-experience .plans-admin-category-row {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    gap:.65rem;
    align-items:center;
    min-width:0;
    min-height:72px;
    padding:.75rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:var(--admin-text);
    text-decoration:none;
    transition:background .18s;
}
.admin-experience .plans-admin-category-row:last-child { border-bottom:0; }
.admin-experience .plans-admin-category-row:hover { background:#252732; }
.admin-experience .plans-admin-category-icon,
.admin-experience .plans-admin-plan-icon {
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    aspect-ratio:1;
    border-radius:7px;
    color:#74b6ff;
    background:rgba(78,154,255,.12);
    font-size:1.1rem;
}
.admin-experience .plans-admin-category-copy { display:grid; gap:.18rem; min-width:0; }
.admin-experience .plans-admin-category-copy>span { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; min-width:0; }
.admin-experience .plans-admin-category-copy strong { overflow:hidden; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .plans-admin-category-copy small { color:var(--admin-muted); font-size:.64rem; }
.admin-experience .plans-admin-category-copy>span>small { flex:0 0 auto; color:#737789; }
.admin-experience .plans-admin-state {
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    width:max-content;
    color:#8e92a5;
    font-size:.63rem;
    font-weight:850;
}
.admin-experience .plans-admin-state>span { width:6px; height:6px; border-radius:50%; background:#6a6d7b; }
.admin-experience .plans-admin-state.is-active { color:#66dca5; }
.admin-experience .plans-admin-state.is-active>span { background:#45d797; box-shadow:0 0 0 3px rgba(69,215,151,.1); }
.admin-experience .plans-admin-chevron { color:#606474; font-size:1.1rem; }

.admin-experience .plans-admin-table-head,
.admin-experience .plans-admin-plan-row {
    display:grid;
    grid-template-columns:minmax(190px,1.4fr) minmax(110px,.8fr) minmax(120px,.9fr) 82px 20px;
    gap:.75rem;
    align-items:center;
    min-width:0;
}
.admin-experience .plans-admin-table-head {
    min-height:36px;
    padding:.5rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:#777a8d;
    background:#191a22;
    font-size:.6rem;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.admin-experience .plans-admin-plan-row {
    min-height:72px;
    padding:.7rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:var(--admin-text);
    text-decoration:none;
    transition:background .18s;
}
.admin-experience .plans-admin-plan-row:last-child { border-bottom:0; }
.admin-experience .plans-admin-plan-row:hover { background:#252732; }
.admin-experience .plans-admin-plan-identity { display:flex; align-items:center; gap:.65rem; min-width:0; }
.admin-experience .plans-admin-plan-identity>span:last-child,
.admin-experience .plans-admin-price { display:grid; gap:.12rem; min-width:0; }
.admin-experience .plans-admin-plan-identity strong,
.admin-experience .plans-admin-cell { overflow-wrap:anywhere; }
.admin-experience .plans-admin-plan-identity strong { font-size:.78rem; }
.admin-experience .plans-admin-plan-identity small,
.admin-experience .plans-admin-price small { color:var(--admin-muted); font-size:.62rem; }
.admin-experience .plans-admin-cell { min-width:0; color:#b6b8c7; font-size:.7rem; }
.admin-experience .plans-admin-price strong { color:#f4f3fa; font-size:.72rem; }

@media(max-width:1280px){
    .admin-experience .plans-admin-layout { grid-template-columns:1fr; }
    .admin-experience .plans-admin-category-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-experience .plans-admin-category-row:nth-child(odd) { border-right:1px solid rgba(255,255,255,.05); }
}
@media(max-width:900px){
    .admin-experience .plans-admin-commandbar { align-items:flex-start; flex-direction:column; }
    .admin-experience .plans-admin-actions { width:100%; justify-content:flex-start; }
    .admin-experience .plans-admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-experience .plans-admin-table-head { display:none; }
    .admin-experience .plans-admin-plan-row { grid-template-columns:minmax(0,1fr) auto; gap:.55rem 1rem; }
    .admin-experience .plans-admin-plan-identity { grid-column:1; }
    .admin-experience .plans-admin-cell { grid-column:1; display:flex; align-items:center; gap:.5rem; }
    .admin-experience .plans-admin-cell::before { content:attr(data-label); min-width:64px; color:#717587; font-size:.59rem; font-weight:900; text-transform:uppercase; }
    .admin-experience .plans-admin-plan-row>.plans-admin-chevron { grid-column:2; grid-row:1; }
}
@media(max-width:640px){
    .admin-experience .plans-admin-category-list { grid-template-columns:1fr; }
    .admin-experience .plans-admin-category-row:nth-child(odd) { border-right:0; }
    .admin-experience .plans-admin-actions .button { flex:1; justify-content:center; }
}

/* Final typography calibration: restrained headings and readable supporting copy. */
.public-experience { font-size:1rem; }
.public-experience .hero h1 { font-size:clamp(2.65rem,4.8vw,4.25rem); line-height:1.04; }
.public-experience .page-hero h1,
.public-experience .plans-hero h1 { font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.07; }
.public-experience .section>h2,
.public-experience .home-intro h2,
.public-experience .stack-copy h2,
.public-experience .faq>h2 { font-size:clamp(1.85rem,3.2vw,2.9rem); line-height:1.12; }
.public-experience .cta-strip h2 { font-size:clamp(1.65rem,2.7vw,2.35rem); }
.public-experience .page-hero p,
.public-experience .plans-hero p { font-size:clamp(.96rem,1.25vw,1.08rem); line-height:1.65; }
.public-experience .eyebrow,
.public-experience .section-label { font-size:.75rem; }
.public-experience .announcement-bar { font-size:.8rem; }
.public-experience .site-footer,
.public-experience .faq p { font-size:.88rem; }

/* Plans: compact enough for comparison, without micro-text. */
.public-experience .plan-offers-corner>small,
.public-experience .plan-table-title small,
.public-experience .plan-table-complements small,
.public-experience .plan-offers-table tfoot th>small { font-size:.72rem; }
.public-experience .plan-table-price small,
.public-experience .plan-offers-table tbody td.is-excluded>span { font-size:.74rem; }
.public-experience .plan-table-feature,
.public-experience .plan-offers-table tbody td { font-size:.8rem; }
.public-experience .plan-offers-table tfoot .button { font-size:.76rem; }

/* Contact: labels and legal/payment information must remain comfortable to read. */
.public-experience .contact-project-form label,
.public-experience .contact-payment-options strong,
.public-experience .contact-monthly-info strong { font-size:.8rem; }
.public-experience .contact-steps small,
.public-experience .contact-payment-options small,
.public-experience .locked-note { font-size:.74rem; }
.public-experience .contact-monthly-info p,
.public-experience .contact-monthly-info a,
.public-experience .contact-price-summary dt,
.public-experience .contact-price-summary dd,
.public-experience .contact-monthly-total>span,
.public-experience .contact-monthly-total>strong { font-size:.76rem; }
.public-experience .contact-price-summary>header small,
.public-experience .contact-price-summary>header>span:last-child,
.public-experience .contact-price-summary>p,
.public-experience .contact-monthly-total>small,
.public-experience .contact-form-actions>span { font-size:.7rem; }
.public-experience .contact-price-summary>header strong { font-size:.82rem; }
.public-experience .contact-price-summary dl>div.is-total dd { font-size:.95rem; }
.public-experience .contact-privacy-consent { font-size:.74rem !important; }

/* Team interface: preserve its compact dashboard rhythm, but remove unreadable text. */
.admin-experience { font-size:.94rem; }
.admin-experience .page-hero h1 { font-size:clamp(1.7rem,2.5vw,2.2rem); line-height:1.12; }
.admin-experience .page-hero p { font-size:.9rem; }
.admin-experience small,
.admin-experience .field-help,
.admin-experience .form-hint { font-size:.75rem; line-height:1.45; }
.admin-experience .admin-nav-group h2 { font-size:.7rem; }
.admin-experience .admin-nav-link small { font-size:.78rem; }
.admin-experience .tracking-meta,
.admin-experience .tracking-foot,
.admin-experience .mail-history-card-meta,
.admin-experience .plans-admin-cell::before { font-size:.72rem; }

@media(max-width:719px){
    .public-experience .hero h1 { font-size:clamp(2.35rem,11vw,3.25rem); }
    .public-experience .page-hero h1,
    .public-experience .plans-hero h1 { font-size:clamp(2rem,9vw,2.7rem); }
    .public-experience .section>h2,
    .public-experience .home-intro h2,
    .public-experience .stack-copy h2,
    .public-experience .faq>h2 { font-size:clamp(1.7rem,7.5vw,2.35rem); }
}

/* Email workspace — paired routing controls and actionable history */
@media(min-width:720px){
    .admin-experience .mail-compose-options { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
    .admin-experience .mail-compose-options>fieldset { height:100%; align-content:start; }
}
.admin-experience .mail-history-panel { padding:0; overflow:hidden; }
.admin-experience .mail-history-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:68px;
    padding:.85rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-experience .mail-history-heading>span:first-child { display:flex; align-items:center; gap:.6rem; min-width:0; }
.admin-experience .mail-history-heading>span:first-child>.icon { color:#74b6ff; }
.admin-experience .mail-history-heading>span:first-child>span { display:grid; min-width:0; }
.admin-experience .mail-history-heading strong { font-size:.9rem; }
.admin-experience .mail-history-heading small { color:var(--admin-muted); font-size:.66rem; }
.admin-experience .mail-history-alerts { display:flex; gap:.35rem; }
.admin-experience .mail-history-alerts>span {
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    min-height:26px;
    padding:.25rem .45rem;
    border-radius:6px;
    font-size:.65rem;
    font-weight:900;
}
.admin-experience .mail-history-alerts .icon { font-size:.9rem; }
.admin-experience .mail-history-alerts .is-error { color:#ff9aa9; background:rgba(255,104,125,.12); }
.admin-experience .mail-history-alerts .is-followup { color:#ffd07f; background:rgba(255,189,115,.12); }
.admin-experience .mail-history-cards { display:grid; max-height:900px; overflow:auto; }
.admin-experience .mail-history-card { border-bottom:1px solid rgba(255,255,255,.05); background:var(--admin-panel); }
.admin-experience .mail-history-card:last-of-type { border-bottom:0; }
.admin-experience .mail-history-card>button {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.65rem;
    align-items:center;
    width:100%;
    min-height:104px;
    padding:.8rem 1rem;
    border:0;
    color:var(--admin-text);
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.admin-experience .mail-history-card>button:hover { background:#262833; }
.admin-experience .mail-history-card-icon {
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    aspect-ratio:1;
    border-radius:8px;
    color:#74b6ff;
    background:rgba(78,154,255,.12);
}
.admin-experience .mail-history-card.is-failed .mail-history-card-icon { color:#ff8da0; background:rgba(255,104,125,.12); }
.admin-experience .mail-history-card.is-positive .mail-history-card-icon { color:#62dca5; background:rgba(72,213,151,.12); }
.admin-experience .mail-history-card-main { display:grid; gap:.16rem; min-width:0; }
.admin-experience .mail-history-card-main>span:first-child { display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-width:0; }
.admin-experience .mail-history-card-main strong { overflow:hidden; font-size:.74rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-history-card-main>small { overflow:hidden; color:var(--admin-muted); font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-history-card-main em { overflow:hidden; color:#d7d7e2; font-size:.68rem; font-style:normal; font-weight:780; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .mail-history-card-meta { display:flex; gap:.55rem; margin-top:.2rem; color:#747789; font-size:.59rem; }
.admin-experience .mail-history-status {
    flex:0 0 auto;
    width:max-content;
    padding:.2rem .38rem;
    border-radius:5px;
    color:#9ecbff;
    background:rgba(78,154,255,.11);
    font-size:.58rem;
    font-weight:900;
}
.admin-experience .is-failed .mail-history-status { color:#ff9aaa; background:rgba(255,104,125,.11); }
.admin-experience .is-positive .mail-history-status { color:#6de1ad; background:rgba(72,213,151,.11); }
.admin-experience .is-negative .mail-history-status { color:#ffb0bb; background:rgba(255,104,125,.09); }
.admin-experience .mail-history-card-chevron { color:#646777; font-size:1.1rem; }
.admin-experience .mail-history-dialog {
    width:min(780px,calc(100% - 1.5rem));
    max-height:min(90dvh,880px);
    padding:1rem;
    overflow:auto;
    border:1px solid var(--admin-line);
    border-radius:10px;
    color:var(--admin-text);
    background:#20212b;
    box-shadow:0 28px 80px rgba(0,0,0,.45);
}
.admin-experience .mail-history-detail-head {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.75rem;
    align-items:center;
    padding:.4rem 0 1rem;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-experience .mail-history-detail-head>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .mail-history-detail-head small { color:var(--admin-muted); font-size:.64rem; text-transform:uppercase; }
.admin-experience .mail-history-detail-head h2 { margin:.18rem 0; overflow-wrap:anywhere; font-size:1.05rem; }
.admin-experience .mail-history-detail-head p { margin:0; color:var(--admin-muted); font-size:.72rem; }
.admin-experience .mail-history-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin:1rem 0; }
.admin-experience .mail-history-detail-grid>div { min-width:0; padding:.7rem; border-radius:7px; background:#181920; }
.admin-experience .mail-history-detail-grid dt { color:#777b8e; font-size:.58rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.admin-experience .mail-history-detail-grid dd { margin:.24rem 0 0; overflow-wrap:anywhere; color:#e6e5ed; font-size:.7rem; }
.admin-experience .mail-history-message { display:grid; gap:.5rem; padding:.8rem; border:1px solid var(--admin-line); border-radius:8px; background:#181920; }
.admin-experience .mail-history-message>span { color:#7f8294; font-size:.61rem; font-weight:900; text-transform:uppercase; }
.admin-experience .mail-history-message p { max-height:260px; margin:0; overflow:auto; color:#d7d7df; font-size:.72rem; line-height:1.65; white-space:normal; }
.admin-experience .mail-history-error { display:flex; gap:.55rem; margin-top:.75rem; padding:.7rem; border-radius:7px; color:#ffb2bd; background:rgba(255,104,125,.1); }
.admin-experience .mail-history-error>span:last-child { display:grid; min-width:0; }
.admin-experience .mail-history-error small { overflow-wrap:anywhere; color:#e5a3ad; font-size:.64rem; }
.admin-experience .mail-history-management { display:grid; gap:.8rem; margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.06); }
.admin-experience .mail-history-management .mail-status-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; margin:0; }
.admin-experience .mail-history-management .mail-status-form label { font-size:.68rem; }
.admin-experience .mail-history-actions { display:flex; justify-content:flex-end; gap:.5rem; }
.admin-experience .mail-history-actions form { margin:0; }
.admin-experience .mail-history-management .button { min-height:40px; border-radius:7px; font-size:.7rem; }
.admin-experience .mail-history-management .button.ghost { color:#d9dae5; border-color:#3d3f4c; background:#292b35; }

@media(max-width:600px){
    .admin-experience .mail-history-detail-grid { grid-template-columns:1fr; }
    .admin-experience .mail-history-detail-head { grid-template-columns:auto minmax(0,1fr); }
    .admin-experience .mail-history-detail-head>.mail-history-status { grid-column:2; }
    .admin-experience .mail-history-management .mail-status-form { grid-template-columns:1fr; }
    .admin-experience .mail-history-actions { align-items:stretch; flex-direction:column; }
    .admin-experience .mail-history-actions .button { width:100%; justify-content:center; }
}

/* Plan editors — keep navigation and actions visible */
.admin-experience .plan-editor-commandbar,
.admin-experience .order-editor-commandbar {
    display:grid;
    grid-template-columns:minmax(210px,1fr) auto minmax(140px,1fr);
    gap:1rem;
    align-items:center;
    min-height:72px;
    padding:.8rem 1rem;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .plan-editor-commandbar>a,
.admin-experience .plan-editor-commandbar>.plan-editor-context,
.admin-experience .order-editor-commandbar>a,
.admin-experience .order-editor-commandbar>span:nth-child(2) { display:flex; align-items:center; gap:.65rem; min-width:0; }
.admin-experience .plan-editor-commandbar>a,
.admin-experience .order-editor-commandbar>a { color:var(--admin-text); text-decoration:none; }
.admin-experience .plan-editor-commandbar>a>.icon,
.admin-experience .plan-editor-context>.icon,
.admin-experience .order-editor-commandbar>a>.icon,
.admin-experience .order-editor-commandbar>span:nth-child(2)>.icon {
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    aspect-ratio:1;
    border-radius:7px;
    color:#74b6ff;
    background:#292b35;
}
.admin-experience .plan-editor-commandbar>a:hover>.icon,
.admin-experience .order-editor-commandbar>a:hover>.icon { background:#343744; }
.admin-experience .plan-editor-commandbar>a>span:last-child,
.admin-experience .plan-editor-context>span:last-child,
.admin-experience .order-editor-commandbar>a>span:last-child,
.admin-experience .order-editor-commandbar>span:nth-child(2)>span:last-child { display:grid; min-width:0; }
.admin-experience .plan-editor-commandbar small,
.admin-experience .order-editor-commandbar small { color:var(--admin-muted); font-size:.62rem; }
.admin-experience .plan-editor-commandbar strong,
.admin-experience .order-editor-commandbar strong { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .plan-editor-context { justify-self:center; }
.admin-experience .plan-editor-commandbar>.button,
.admin-experience .order-editor-commandbar>.status-pill { justify-self:end; }
.admin-experience .plan-admin-form { width:100%; max-width:none; padding:1.2rem; }

/* Orders — same compact dashboard language as Plans and Clients */
.admin-experience .orders-overview { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.admin-experience .orders-overview article,
.admin-experience .order-summary-card {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.08rem .7rem;
    align-items:center;
    min-width:0;
    min-height:82px;
    padding:.9rem 1rem;
    border:0;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .orders-overview article>.icon,
.admin-experience .order-summary-card>.icon {
    grid-row:span 2;
    display:grid;
    place-items:center;
    width:36px;
    aspect-ratio:1;
    border-radius:7px;
    color:#74b6ff;
    background:rgba(78,154,255,.12);
}
.admin-experience .orders-overview article:nth-child(2)>.icon { color:#ffd07b; background:rgba(255,189,115,.11); }
.admin-experience .orders-overview article:nth-child(3)>.icon { color:#c5a6ff; background:rgba(137,104,255,.12); }
.admin-experience .orders-overview article:nth-child(4)>.icon { color:#65dda7; background:rgba(72,213,151,.11); }
.admin-experience .orders-overview small,
.admin-experience .order-summary-card small { color:var(--admin-muted); font-size:.64rem; }
.admin-experience .orders-overview strong,
.admin-experience .order-summary-card strong { font-size:1.2rem; line-height:1; }
.admin-experience .orders-toolbar {
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(380px,1.4fr);
    gap:1rem;
    align-items:end;
    padding:1rem;
    border:0;
    border-radius:8px;
    background:var(--admin-panel);
}
.admin-experience .orders-toolbar .eyebrow { margin:0 0 .2rem; color:#777b8d; font-size:.58rem; }
.admin-experience .orders-toolbar h2 { margin:0; font-size:.95rem; }
.admin-experience .orders-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-experience .orders-filters label { position:relative; display:flex; align-items:center; gap:.4rem; }
.admin-experience .orders-filters label>.icon { position:absolute; z-index:1; left:.7rem; color:#74788a; font-size:1rem; pointer-events:none; }
.admin-experience .orders-filters input,
.admin-experience .orders-filters select { padding-left:2.15rem; }
.admin-experience .quote-import-drawer {
    position:static;
    width:100%;
    max-height:none;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
    box-shadow:none;
}
.admin-experience .quote-import-drawer>summary {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.7rem;
    align-items:center;
    min-height:66px;
    padding:.85rem 1rem;
    list-style:none;
    cursor:pointer;
}
.admin-experience .quote-import-drawer>summary::-webkit-details-marker { display:none; }
.admin-experience .quote-import-drawer>summary>.icon:first-child { color:#74b6ff; }
.admin-experience .quote-import-drawer>summary>span:nth-child(2) { display:grid; }
.admin-experience .quote-import-drawer>summary strong { font-size:.78rem; }
.admin-experience .quote-import-drawer>summary small { color:var(--admin-muted); font-size:.64rem; }
.admin-experience .quote-import-drawer .drawer-icon { color:#727688; transition:transform .18s; }
.admin-experience .quote-import-drawer[open] .drawer-icon { transform:rotate(180deg); }
.admin-experience .quote-import-form { display:grid; grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr) auto; gap:.8rem; align-items:end; padding:1rem; border-top:1px solid rgba(255,255,255,.06); background:#191a22; }
.admin-experience .quote-import-form .file-dropzone { min-height:92px; padding:.7rem; border-color:#3e5f88; border-radius:7px; background:rgba(78,154,255,.05); }
.admin-experience .tracking-list { display:grid; gap:.5rem; }
.admin-experience .tracking-card {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.8rem;
    align-items:center;
    min-width:0;
    min-height:96px;
    padding:.85rem 1rem;
    border:1px solid transparent;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
    text-decoration:none;
    transition:border-color .18s,background .18s;
}
.admin-experience .tracking-card:hover { border-color:#3e5f88; background:#242630; }
.admin-experience .tracking-icon { display:grid; place-items:center; width:40px; aspect-ratio:1; border-radius:8px; color:#74b6ff; background:rgba(78,154,255,.12); }
.admin-experience .tracking-content { display:grid; gap:.35rem; min-width:0; }
.admin-experience .tracking-title-row { display:flex; align-items:center; justify-content:space-between; gap:.7rem; min-width:0; }
.admin-experience .tracking-title-row strong { overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .tracking-meta { display:flex; flex-wrap:wrap; gap:.35rem .85rem; color:#b4b6c5; font-size:.65rem; }
.admin-experience .tracking-meta>span { display:inline-flex; align-items:center; gap:.25rem; }
.admin-experience .tracking-meta .icon { color:#74798c; font-size:.9rem; }
.admin-experience .tracking-foot { display:flex; justify-content:space-between; gap:.7rem; color:#6f7385; font-size:.59rem; }
.admin-experience .tracking-action { color:#626677; }
.admin-experience .order-progress-panel { padding:1.2rem; }
.admin-experience .order-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-experience .admin-order-page .app-panel,
.admin-experience .admin-order-page .panel-form { padding:1.1rem; }
.admin-experience .admin-order-page .info-list>div { padding:.65rem 0; border:0; border-bottom:1px solid rgba(255,255,255,.05); border-radius:0; background:transparent; }
.admin-experience .admin-order-page .info-list>div:last-child { border-bottom:0; }

@media(max-width:1000px){
    .admin-experience .orders-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-experience .orders-toolbar { grid-template-columns:1fr; }
    .admin-experience .quote-import-form { grid-template-columns:1fr; }
}
@media(max-width:760px){
    .admin-experience .plan-editor-commandbar,
    .admin-experience .order-editor-commandbar { grid-template-columns:1fr auto; }
    .admin-experience .plan-editor-context,
    .admin-experience .order-editor-commandbar>span:nth-child(2) { display:none; }
    .admin-experience .orders-filters,
    .admin-experience .order-summary-grid { grid-template-columns:1fr; }
}
@media(max-width:560px){
    .admin-experience .orders-overview { grid-template-columns:1fr; }
    .admin-experience .tracking-meta { display:grid; }
    .admin-experience .tracking-foot { align-items:flex-start; flex-direction:column; }
}

/* Compact anonymous sender choices */
.admin-experience .mail-anonymous-senders {
    grid-template-columns:1fr;
    gap:.3rem;
    padding-left:1.35rem;
}
.admin-experience .mail-anonymous-senders label {
    align-items:center;
    min-height:32px;
    padding:.3rem .5rem;
    border-radius:6px;
    font-size:.66rem;
}
.admin-experience .mail-anonymous-senders input[type="radio"] {
    flex-basis:14px;
    width:14px;
    height:14px;
    min-height:14px;
    max-width:14px;
}
.admin-experience .mail-anonymous-senders input[type="radio"]:checked { border-width:4px; }
.admin-experience .mail-anonymous-senders label>span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Framed custom-quote state on public Plans */
.plan-category-empty {
    grid-column:1/-1;
    display:grid;
    justify-items:start;
    gap:.65rem;
    width:min(560px,100%);
    margin:1rem auto 2rem;
    padding:1.4rem;
    border:1px solid rgba(181,184,220,.13);
    border-radius:12px;
    color:var(--text);
    background:linear-gradient(145deg,rgba(138,77,255,.08),transparent 45%),#191b28;
    box-shadow:0 18px 45px rgba(4,5,12,.2);
}
.plan-category-empty>.icon {
    display:grid;
    place-items:center;
    width:2.5rem;
    aspect-ratio:1;
    border-radius:8px;
    color:#74b6ff;
    background:rgba(78,154,255,.12);
}
.plan-category-empty h3 { margin:0; font-size:1.1rem; }
.plan-category-empty p { max-width:460px; margin:0; color:var(--muted); font-size:.82rem; line-height:1.6; }
.plan-category-empty .button { margin-top:.25rem; }
[data-theme="light"] .plan-category-empty {
    border-color:rgba(63,55,96,.11);
    background:linear-gradient(145deg,rgba(138,77,255,.06),transparent 45%),#fff;
    box-shadow:0 12px 35px rgba(40,35,65,.08);
}

/* Announcement administration */
.admin-experience .announcement-admin-status {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.7rem;
    align-items:center;
    min-height:72px;
    padding:.85rem 1rem;
    border-radius:8px;
    color:var(--admin-text);
    background:var(--admin-panel);
}
.admin-experience .announcement-admin-status>.icon {
    display:grid;
    place-items:center;
    width:38px;
    aspect-ratio:1;
    border-radius:7px;
    color:#c5a6ff;
    background:rgba(137,104,255,.14);
}
.admin-experience .announcement-admin-status>span:nth-child(2) { display:grid; }
.admin-experience .announcement-admin-status small { color:var(--admin-muted); font-size:.62rem; }
.admin-experience .announcement-admin-status strong { font-size:.78rem; }
.admin-experience .announcement-admin-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:1rem; align-items:start; }
.admin-experience .announcement-admin-form { width:100%; max-width:none; }
.admin-experience .announcement-admin-form .form-section>div:first-child h2 { margin:0; font-size:.92rem; }
.admin-experience .announcement-admin-form .form-section>div:first-child p { margin:.25rem 0 0; }
.admin-experience .announcement-enabled-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.8rem;
    border-radius:7px;
    background:#252731;
}
.admin-experience .announcement-enabled-row>span:first-child { display:grid; }
.admin-experience .announcement-enabled-row strong { font-size:.76rem; }
.admin-experience .announcement-enabled-row small { color:var(--admin-muted); font-size:.62rem; }
.admin-experience .announcement-switch { position:relative; display:block; flex:0 0 42px; width:42px; height:24px; cursor:pointer; }
.admin-experience .announcement-switch input { position:absolute; opacity:0; pointer-events:none; }
.admin-experience .announcement-switch>span { display:block; width:42px; height:24px; border-radius:99px; background:#444653; transition:background .18s; }
.admin-experience .announcement-switch>span::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .18s; }
.admin-experience .announcement-switch input:checked+span { background:#4e9aff; }
.admin-experience .announcement-switch input:checked+span::after { transform:translateX(18px); }
.admin-experience .announcement-switch input:focus-visible+span { outline:3px solid rgba(78,154,255,.25); outline-offset:2px; }
.admin-experience .announcement-preview-panel { display:grid; gap:.8rem; padding:1rem; border-radius:8px; color:var(--admin-text); background:var(--admin-panel); }
.admin-experience .announcement-preview-label { color:#777b8d; font-size:.6rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.admin-experience .announcement-preview {
    align-items:stretch;
    flex-direction:column;
    gap:.5rem;
    padding:1rem;
    border-radius:8px;
    text-align:center;
}
.admin-experience .announcement-preview a { align-self:center; }
.admin-experience .announcement-schedule-summary { display:flex; gap:.65rem; padding:.75rem; border-radius:7px; background:#181920; }
.admin-experience .announcement-schedule-summary>.icon { color:#74b6ff; }
.admin-experience .announcement-schedule-summary>span:last-child { display:grid; }
.admin-experience .announcement-schedule-summary strong { font-size:.72rem; }
.admin-experience .announcement-schedule-summary small { margin-top:.2rem; color:var(--admin-muted); font-size:.63rem; line-height:1.55; }

@media(max-width:1050px){
    .admin-experience .announcement-admin-layout { grid-template-columns:1fr; }
}

/* Category scopes for comparison advantages */
.admin-experience .advantage-category-section { gap:.75rem; }
.admin-experience .advantage-category-section h3 { margin:0; font-size:.92rem; }
.admin-experience .advantage-category-selector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.admin-experience .advantage-category-selector>label {
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr);
    gap:.55rem;
    align-items:center;
    min-width:0;
    padding:.7rem;
    border:1px solid var(--admin-line);
    border-radius:7px;
    background:var(--admin-field);
    cursor:pointer;
}
.admin-experience .advantage-category-selector>label:has(input:checked) { border-color:#4e9aff; background:rgba(78,154,255,.11); }
.admin-experience .advantage-category-selector>label>.icon { color:#65b3ff; font-size:1rem; }
.admin-experience .advantage-category-selector>label>span:last-child { display:grid; min-width:0; }
.admin-experience .advantage-category-selector strong { overflow:hidden; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .advantage-category-selector small { color:var(--admin-muted); font-size:.59rem; }

@media(max-width:719px){
    .admin-experience .advantage-category-selector { grid-template-columns:1fr; }
}

/* Unified plan cards — pricing and comparison in one place */
.pricing-grid { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.pricing-card { grid-template-rows:auto auto auto 1fr auto; }
.plan-card-inclusions { display:grid; align-content:start; gap:.55rem; min-width:0; }
.plan-card-inclusions-title {
    color:#86899b;
    font-size:.61rem;
    font-weight:950;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.plan-card-advantage-list { display:grid; gap:0; margin:0; }
.plan-card-advantage-list>div {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.55rem;
    align-items:center;
    min-height:37px;
    padding:.4rem 0;
    border-bottom:1px solid rgba(181,184,220,.09);
}
.plan-card-advantage-list>div:last-child { border-bottom:0; }
.plan-card-advantage-list dt {
    display:flex;
    align-items:center;
    gap:.38rem;
    min-width:0;
    color:#c9cad5;
    font-size:.68rem;
    font-weight:750;
}
.plan-card-advantage-list dt>.icon { flex:0 0 auto; color:#58b7f8; font-size:.95rem; }
.plan-card-advantage-list dd {
    margin:0;
    color:#f2f2f7;
    font-size:.67rem;
    font-weight:900;
    text-align:right;
}
.plan-card-advantage-list .is-excluded { opacity:.48; }
.plan-card-advantage-list .is-excluded dd { font-weight:700; }
.plan-card-details { margin-top:.1rem; border-top:1px solid rgba(181,184,220,.1); }
.plan-card-details>summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    min-height:38px;
    color:#9ecbff;
    font-size:.66rem;
    font-weight:900;
    list-style:none;
    cursor:pointer;
}
.plan-card-details>summary::-webkit-details-marker { display:none; }
.plan-card-details>summary>.icon { color:#777b8e; font-size:1rem; transition:transform .18s; }
.plan-card-details[open]>summary>.icon { transform:rotate(180deg); }
.plan-card-details[open]>summary { border-bottom:1px solid rgba(181,184,220,.08); }
.pricing-card.featured .plan-card-inclusions-title { color:#d2a66f; }
[data-theme="light"] .plan-card-advantage-list>div { border-bottom-color:rgba(63,55,96,.09); }
[data-theme="light"] .plan-card-advantage-list dt { color:#555466; }
[data-theme="light"] .plan-card-advantage-list dd { color:#242331; }
[data-theme="light"] .plan-card-details { border-top-color:rgba(63,55,96,.1); }

/* Recommended plan: identical card geometry, emphasis outside the card */
.pricing-grid {
    padding:3.25rem 1rem 3rem;
    overflow:visible;
}
.pricing-card.featured {
    border-color:transparent;
    background:#191b28;
    box-shadow:0 18px 45px rgba(4,5,12,.22);
}
.pricing-card.featured::before {
    content:"";
    position:absolute;
    z-index:0;
    inset:-2px;
    border:2px solid #ffbd73;
    border-radius:14px;
    pointer-events:none;
}
.pricing-card.featured .plan-badge {
    z-index:3;
    top:0;
    width:calc(100% + 4px);
    transform:translate(-50%,-100%);
    border-radius:9px 9px 0 0;
    box-shadow:0 2px 0 #ffbd73;
}
.pricing-card.featured .plan-card-top { margin-top:0; }
[data-theme="light"] .pricing-card.featured {
    background:#fff;
    box-shadow:0 8px 25px rgba(40,35,65,.08);
}

@media(max-width:719px){
    .pricing-grid { padding:3.1rem .7rem 2.5rem; }
}

/* Plans comparison — one unified table, no pricing cards */
.plan-offers-table {
    width:min(1160px,100%);
    margin:2rem auto 2.8rem;
    overflow:hidden;
    border:1px solid rgba(181,184,220,.12);
    border-radius:14px;
    background:#191b28;
    box-shadow:0 20px 55px rgba(4,5,12,.2);
}
.plan-offers-table-scroll { overflow:auto; scrollbar-color:#4d5062 #171820; }
.plan-offers-table table {
    width:100%;
    min-width:calc(190px + (var(--plan-count) * 225px));
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}
.plan-offers-table th,
.plan-offers-table td { border:0; border-right:1px solid rgba(181,184,220,.08); border-bottom:1px solid rgba(181,184,220,.08); }
.plan-offers-table tr>*:last-child { border-right:0; }
.plan-offers-table tbody tr:last-child>* { border-bottom:0; }
.plan-offers-table thead th { position:relative; height:auto; padding:0; vertical-align:top; color:var(--text); background:#1d1f2c; }
.plan-offers-table thead th.is-recommended { background:linear-gradient(180deg,rgba(255,189,115,.12),#1d1f2c 38%); }
.plan-offers-corner {
    width:190px;
    padding:1.2rem !important;
    text-align:left;
}
.plan-offers-corner>span,
.plan-offers-corner>small { display:block; }
.plan-offers-corner>span { font-size:.8rem; font-weight:950; }
.plan-offers-corner>small { margin-top:.2rem; color:#7e8192; font-size:.63rem; }
.plan-offer-column { width:225px; }
.plan-offer-heading {
    display:grid;
    grid-template-rows:auto auto 1fr auto;
    gap:.8rem;
    min-height:270px;
    height:100%;
    padding:1.15rem;
    text-align:left;
}
.plan-table-badge {
    position:absolute;
    top:0;
    right:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.25rem;
    min-height:26px;
    color:#593617;
    background:#ffbd73;
    font-size:.57rem;
    font-weight:950;
    text-transform:uppercase;
}
.plan-table-badge .icon { font-size:.82rem; }
.plan-table-title { display:flex; align-items:center; gap:.65rem; min-width:0; margin-top:1.35rem; }
.plan-table-title>span:last-child { display:grid; min-width:0; }
.plan-table-title small { color:#797d90; font-size:.57rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.plan-table-icon {
    display:grid;
    place-items:center;
    width:38px;
    aspect-ratio:1;
    border-radius:8px;
    color:#62c9f4;
    background:#202d48;
}
.plan-table-icon .icon { font-size:1.1rem; }
.plan-offer-heading h2 { margin:.08rem 0 0; overflow-wrap:anywhere; font-size:1.08rem; }
.plan-offer-heading>p { min-height:4.8em; margin:0; padding-top:.7rem; border-top:1px solid rgba(181,184,220,.1); color:#a5a7b7; font-size:.7rem; line-height:1.6; }
.plan-table-price { display:grid; align-content:center; gap:.12rem; min-height:66px; padding:.65rem .75rem; border:1px solid rgba(255,197,111,.16); border-radius:8px; background:rgba(255,197,111,.055); }
.plan-table-price strong { color:#ffc56f; font-size:1.35rem; line-height:1; }
.plan-table-price small { color:#858899; font-size:.62rem; }
.plan-table-complements {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.4rem;
    align-items:start;
    min-height:2.25rem;
    padding:.5rem .6rem;
    border-radius:7px;
    color:#b8bac8;
    background:rgba(88,183,248,.07);
}
.plan-table-complements.is-empty { visibility:hidden; }
.plan-table-complements>.icon { margin-top:.1rem; color:#58b7f8; font-size:.85rem; }
.plan-table-complements>span:last-child { display:grid; gap:.18rem; }
.plan-table-complements small { font-size:.59rem; line-height:1.45; }
.plan-offers-table tbody th {
    position:sticky;
    z-index:2;
    left:0;
    width:190px;
    padding:.8rem 1rem;
    color:#bfc1ce;
    background:#191b28;
    text-align:left;
}
.plan-table-feature { display:flex; align-items:center; gap:.45rem; font-size:.68rem; }
.plan-table-feature>.icon { flex:0 0 auto; color:#58b7f8; font-size:1rem; }
.plan-offers-table tbody td { padding:.8rem .75rem; color:#f0eff6; background:#191b28; font-size:.69rem; text-align:center; }
.plan-offers-table tbody td.is-recommended { background:rgba(255,189,115,.045); }
.plan-offers-table tbody td strong { font-weight:900; }
.plan-offers-table tbody td.is-excluded>span { display:inline-flex; align-items:center; gap:.2rem; color:#696d80; font-size:.61rem; }
.plan-offers-table tbody td.is-excluded .icon { font-size:.85rem; }
.plan-offers-table tbody tr:nth-child(even)>th,
.plan-offers-table tbody tr:nth-child(even)>td { background-color:#1c1e2b; }
.plan-offers-table tbody tr:nth-child(even)>td.is-recommended { background-color:rgba(255,189,115,.06); }
.plan-offers-table tfoot th,
.plan-offers-table tfoot td { padding:.85rem .75rem; border-bottom:0; background:#171820; }
.plan-offers-table tfoot th { position:sticky; z-index:2; left:0; padding-left:1rem; color:#d2d3dc; text-align:left; }
.plan-offers-table tfoot th>span,
.plan-offers-table tfoot th>small { display:block; }
.plan-offers-table tfoot th>span { font-size:.7rem; }
.plan-offers-table tfoot th>small { margin-top:.15rem; color:#777b8d; font-size:.58rem; }
.plan-offers-table tfoot td.is-recommended { background:rgba(255,189,115,.065); }
.plan-offers-table tfoot .button { width:100%; min-height:40px; padding:.5rem; border-radius:7px; font-size:.67rem; }
.plan-table-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    width:100%;
    min-height:44px;
    padding:.6rem 1rem;
    border:0;
    border-top:1px solid rgba(181,184,220,.09);
    color:#9ecbff;
    background:#171820;
    font:inherit;
    font-size:.66rem;
    font-weight:900;
    cursor:pointer;
}
.plan-table-toggle:hover { color:#fff; background:#20222e; }
.plan-table-toggle>.icon { color:#777b8d; font-size:1rem; transition:transform .18s; }
.plan-table-toggle.is-expanded>.icon { transform:rotate(180deg); }
[data-theme="light"] .plan-offers-table { border-color:rgba(63,55,96,.11); background:#fff; box-shadow:0 12px 35px rgba(40,35,65,.08); }
[data-theme="light"] .plan-offers-table thead th { color:#292837; background:#f2f0f7; }
[data-theme="light"] .plan-offers-table thead th.is-recommended { background:linear-gradient(180deg,#fff0df,#f2f0f7 38%); }
[data-theme="light"] .plan-offers-table tbody th,
[data-theme="light"] .plan-offers-table tbody td { color:#343341; background:#fff; }
[data-theme="light"] .plan-offers-table tbody tr:nth-child(even)>th,
[data-theme="light"] .plan-offers-table tbody tr:nth-child(even)>td { background:#f7f6fa; }
[data-theme="light"] .plan-offers-table tbody td.is-recommended { background:#fff9f1; }
[data-theme="light"] .plan-table-complements { color:#656475; background:rgba(55,111,165,.07); }
[data-theme="light"] .plan-offers-table tfoot th,
[data-theme="light"] .plan-offers-table tfoot td { background:#efedf4; }
[data-theme="light"] .plan-offers-table tfoot td.is-recommended { background:#fff1df; }
[data-theme="light"] .plan-table-toggle { color:#376fa5; background:#efedf4; }

@media(max-width:719px){
    .plan-offers-table { margin-block:1.5rem 2rem; border-radius:10px; }
    .plan-offers-table table { min-width:calc(150px + (var(--plan-count) * 210px)); }
    .plan-offers-corner,
    .plan-offers-table tbody th { width:150px; }
    .plan-offer-column { width:210px; }
    .plan-offer-heading { min-height:260px; padding:1rem; }
}

/* Contact journey — offer, payment and legal consent */
.public-experience .contact-layout {
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:1.2rem;
    max-width:1160px;
    align-items:start;
}
.public-experience .contact-panel,
.public-experience .contact-project-form {
    border:1px solid rgba(181,184,220,.11);
    border-radius:12px;
    background:#191b28;
    box-shadow:var(--shadow);
}
.public-experience .contact-panel { position:sticky; top:96px; display:grid; gap:1rem; padding:1.2rem; }
.public-experience .contact-project-form { display:grid; gap:1rem; padding:1.25rem; }
.public-experience .contact-panel-header h2,
.public-experience .contact-project-form .form-heading h2 { margin:0; font-size:1.15rem; }
.public-experience .contact-panel-header p,
.public-experience .contact-project-form .form-heading p { margin:.25rem 0 0; color:var(--muted); font-size:.72rem; }
.public-experience .contact-card-list p,
.public-experience .contact-steps li { border:0; border-radius:8px; background:#20222f; }
.public-experience .contact-steps small { color:var(--muted); font-size:.65rem; }
.public-experience .contact-project-form .form-section {
    gap:.9rem;
    padding:1rem;
    border:1px solid rgba(181,184,220,.09);
    border-radius:9px;
    background:#1d1f2c;
}
.public-experience .contact-project-form .form-section>h3 { margin:0; font-size:.9rem; }
.public-experience .contact-project-form label { font-size:.72rem; }
.public-experience .contact-project-form input,
.public-experience .contact-project-form select,
.public-experience .contact-project-form textarea { border-radius:7px; background:#14151e; }
.public-experience .contact-project-form input[readonly] { color:#a4a6b5; background:#20212b; cursor:not-allowed; }
.public-experience .locked-note { display:flex; align-items:center; gap:.45rem; margin:0; padding:.65rem; border-radius:7px; color:#9ba0b3; background:#20222f; font-size:.64rem; }
.public-experience .locked-note>.icon { color:#65b3ff; font-size:.9rem; }
.contact-payment-fieldset { display:grid; gap:.55rem; min-width:0; margin:0; padding:0; border:0; }
.contact-payment-fieldset legend { margin-bottom:.45rem; padding:0; color:var(--text); font-size:.72rem; font-weight:800; }
.contact-payment-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
.contact-payment-options>label {
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.1rem .55rem;
    align-items:center;
    min-width:0;
    min-height:76px;
    padding:.75rem;
    border:1px solid rgba(181,184,220,.12);
    border-radius:8px;
    background:#171820;
    cursor:pointer;
    transition:border-color .18s,background .18s;
}
.contact-payment-options>label:hover { border-color:rgba(78,154,255,.45); }
.contact-payment-options>label:has(input:checked) { border-color:#4e9aff; background:rgba(78,154,255,.1); box-shadow:inset 0 0 0 1px rgba(78,154,255,.08); }
.contact-payment-options>label.is-disabled { opacity:.4; cursor:not-allowed; }
.contact-payment-options input { position:absolute; width:1px; height:1px; min-height:0; opacity:0; pointer-events:none; }
.contact-payment-options>label>.icon { grid-row:span 2; display:grid; place-items:center; width:34px; aspect-ratio:1; border-radius:7px; color:#65b3ff; background:rgba(78,154,255,.12); }
.contact-payment-options>label>span:last-child { display:grid; min-width:0; }
.contact-payment-options strong { font-size:.7rem; }
.contact-payment-options small { margin-top:.12rem; color:var(--muted); font-size:.59rem; line-height:1.4; }
.contact-monthly-info {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.65rem;
    padding:.8rem;
    border:1px solid rgba(88,183,248,.2);
    border-radius:8px;
    color:#c9d7e7;
    background:rgba(58,117,176,.1);
}
.contact-monthly-info>.icon { color:#65baf1; }
.contact-monthly-info>span:last-child { display:grid; }
.contact-monthly-info strong { font-size:.7rem; }
.contact-monthly-info p { margin:.25rem 0; color:#aab7c8; font-size:.64rem; line-height:1.55; }
.contact-monthly-info a { width:max-content; color:#82c8ff; font-size:.63rem; font-weight:850; }
.contact-price-summary { overflow:hidden; border:1px solid rgba(181,184,220,.11); border-radius:9px; background:#171820; }
.contact-price-summary>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem; border-bottom:1px solid rgba(181,184,220,.08); }
.contact-price-summary>header>span:first-child { display:flex; align-items:center; gap:.55rem; min-width:0; }
.contact-price-summary>header>span:first-child>.icon { color:#ffca75; }
.contact-price-summary>header>span:first-child>span { display:grid; min-width:0; }
.contact-price-summary>header small { color:#7e8294; font-size:.57rem; text-transform:uppercase; }
.contact-price-summary>header strong { overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.contact-price-summary>header>span:last-child { flex:0 0 auto; padding:.25rem .45rem; border-radius:5px; color:#ffcb7a; background:rgba(255,189,115,.1); font-size:.59rem; font-weight:900; }
.contact-price-summary dl { display:grid; margin:0; }
.contact-price-summary dl>div { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.6rem .8rem; border-bottom:1px solid rgba(181,184,220,.07); }
.contact-price-summary dt { color:#9598a8; font-size:.65rem; }
.contact-price-summary dd { margin:0; font-size:.68rem; font-weight:850; }
.contact-price-summary dl>div.is-total { color:#fff; background:#20222e; }
.contact-price-summary dl>div.is-total dt { color:#d5d5df; font-weight:850; }
.contact-price-summary dl>div.is-total dd { color:#ffc56f; font-size:.84rem; }
.contact-price-summary>p { margin:0; padding:.65rem .8rem; color:#777b8c; font-size:.58rem; }
.contact-monthly-total { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.15rem .8rem; padding:.7rem .8rem; border-bottom:1px solid rgba(181,184,220,.07); background:rgba(78,154,255,.06); }
.contact-monthly-total>span { color:#a8abb9; font-size:.63rem; }
.contact-monthly-total>strong { color:#8bc8ff; font-size:.68rem; }
.contact-monthly-total>small { grid-column:1/-1; color:#777c8e; font-size:.56rem; }
.contact-privacy-consent {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr);
    gap:.6rem !important;
    align-items:start;
    padding:.8rem;
    border:1px solid rgba(181,184,220,.1);
    border-radius:8px;
    color:#a9acbb !important;
    background:#171820;
    font-size:.64rem !important;
    line-height:1.5;
}
.contact-privacy-consent input { appearance:none; width:18px !important; height:18px; min-height:18px !important; padding:0 !important; border:2px solid #646879 !important; border-radius:5px !important; cursor:pointer; }
.contact-privacy-consent input:checked { border-color:#4e9aff !important; background:#4e9aff !important; box-shadow:inset 0 0 0 3px #171820; }
.contact-privacy-consent a { color:#82c8ff; font-weight:850; }
.contact-form-actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.2rem; }
.contact-form-actions>span { display:flex; align-items:center; gap:.35rem; max-width:420px; color:#777b8c; font-size:.6rem; }
.contact-form-actions>span>.icon { color:#5f9ed6; font-size:.85rem; }
.contact-form-actions>.button { flex:0 0 auto; min-width:210px; min-height:46px; }
[data-theme="light"] .public-experience .contact-panel,
[data-theme="light"] .public-experience .contact-project-form { border-color:rgba(63,55,96,.1); background:#fff; }
[data-theme="light"] .public-experience .contact-card-list p,
[data-theme="light"] .public-experience .contact-steps li,
[data-theme="light"] .public-experience .contact-project-form .form-section { background:#f5f3f9; }
[data-theme="light"] .public-experience .contact-project-form input,
[data-theme="light"] .public-experience .contact-project-form select,
[data-theme="light"] .public-experience .contact-project-form textarea,
[data-theme="light"] .contact-payment-options>label,
[data-theme="light"] .contact-price-summary,
[data-theme="light"] .contact-privacy-consent { background:#fff; }
[data-theme="light"] .contact-price-summary dl>div.is-total { color:#252432; background:#f0eef5; }

@media(max-width:980px){
    .public-experience .contact-layout { grid-template-columns:1fr; }
    .public-experience .contact-project-form { order:1; }
    .public-experience .contact-panel { position:static; order:2; }
}
@media(max-width:640px){
    .contact-payment-options { grid-template-columns:1fr; }
    .contact-form-actions { align-items:stretch; flex-direction:column; }
    .contact-form-actions>.button { width:100%; }
}

/* Final site-wide typography calibration (kept last to override legacy modules). */
.public-experience { font-size:1rem; }
.public-experience .hero h1 { font-size:clamp(2.55rem,4.3vw,3.75rem); line-height:1.05; }
.public-experience .page-hero h1,.public-experience .plans-hero h1 { font-size:clamp(2.15rem,3.6vw,3.1rem); line-height:1.08; }
.public-experience .section>h2,.public-experience .home-intro h2,.public-experience .stack-copy h2,.public-experience .faq>h2 { font-size:clamp(1.8rem,2.9vw,2.55rem); line-height:1.13; }
.public-experience .cta-strip h2 { font-size:clamp(1.65rem,2.7vw,2.35rem); }
.public-experience .page-hero p,.public-experience .plans-hero p { font-size:clamp(.96rem,1.25vw,1.08rem); line-height:1.65; }
.public-experience .eyebrow,.public-experience .section-label { font-size:.75rem; }
.public-experience .announcement-bar { font-size:.8rem; }
.public-experience .site-footer,.public-experience .faq p { font-size:.88rem; }
.public-experience .plan-offers-corner>small,.public-experience .plan-table-title small,.public-experience .plan-table-complements small,.public-experience .plan-offers-table tfoot th>small { font-size:.72rem; }
.public-experience .plan-table-price small,.public-experience .plan-offers-table tbody td.is-excluded>span { font-size:.74rem; }
.public-experience .plan-table-feature,.public-experience .plan-offers-table tbody td { font-size:.8rem; }
.public-experience .plan-offers-table tfoot .button { font-size:.76rem; }
.public-experience .contact-project-form label,.public-experience .contact-payment-options strong,.public-experience .contact-monthly-info strong { font-size:.8rem; }
.public-experience .contact-steps small,.public-experience .contact-payment-options small,.public-experience .locked-note { font-size:.74rem; }
.public-experience .contact-monthly-info p,.public-experience .contact-monthly-info a,.public-experience .contact-price-summary dt,.public-experience .contact-price-summary dd,.public-experience .contact-monthly-total>span,.public-experience .contact-monthly-total>strong { font-size:.76rem; }
.public-experience .contact-price-summary>header small,.public-experience .contact-price-summary>header>span:last-child,.public-experience .contact-price-summary>p,.public-experience .contact-monthly-total>small,.public-experience .contact-form-actions>span { font-size:.7rem; }
.public-experience .contact-price-summary>header strong { font-size:.82rem; }
.public-experience .contact-price-summary dl>div.is-total dd { font-size:.95rem; }
.public-experience .contact-privacy-consent { font-size:.74rem !important; }
.admin-experience { font-size:.94rem; }
.admin-experience .page-hero h1 { font-size:clamp(1.7rem,2.5vw,2.2rem); line-height:1.12; }
.admin-experience .page-hero p { font-size:.9rem; }
.admin-experience small,.admin-experience .field-help,.admin-experience .form-hint { font-size:.75rem; line-height:1.45; }
.admin-experience .admin-nav-group h2 { font-size:.7rem; }
.admin-experience .admin-nav-link small { font-size:.78rem; }
.admin-experience .tracking-meta,.admin-experience .tracking-foot,.admin-experience .mail-history-card-meta,.admin-experience .plans-admin-cell::before { font-size:.72rem; }
@media(max-width:719px){
    .public-experience .hero h1 { font-size:clamp(2.35rem,11vw,3.25rem); }
    .public-experience .page-hero h1,.public-experience .plans-hero h1 { font-size:clamp(2rem,9vw,2.7rem); }
    .public-experience .section>h2,.public-experience .home-intro h2,.public-experience .stack-copy h2,.public-experience .faq>h2 { font-size:clamp(1.7rem,7.5vw,2.35rem); }
}

.public-experience .plan-category-description {
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    max-width:920px;
    margin:1rem auto 1.35rem;
    padding:.75rem .9rem;
    border:1px solid rgba(101,179,255,.14);
    border-radius:9px;
    color:#aeb3c5;
    background:rgba(88,183,248,.045);
    box-shadow:inset 3px 0 0 rgba(88,183,248,.35);
    text-align:left;
}
.public-experience .plan-category-description>p { margin:0; font-size:.79rem; line-height:1.6; }

/* Final override: the email workspace owns one content column, not 50 grid rows. */
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar) {
    display:flex;
    align-items:flex-start;
    gap:1rem;
}
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-sidebar {
    flex:0 0 250px;
    grid-column:auto;
    grid-row:auto;
}
.admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-mails-content {
    display:grid;
    flex:1 1 0;
    width:0;
    min-width:0;
    gap:1rem;
    align-content:start;
    grid-column:auto;
    grid-row:auto;
}
@media(max-width:1050px){
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar) { flex-direction:column; }
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-sidebar,
    .admin-experience .app-shell.admin-mails-page:has(>.admin-sidebar)>.admin-mails-content {
        flex-basis:auto;
        width:100%;
    }
}

/* Closed per-message dialogs must never participate in the document height. */
.admin-experience .admin-mails-page dialog:not([open]) {
    display:none !important;
}
.admin-experience .admin-mails-page dialog[open] {
    position:fixed;
}
.admin-experience .admin-mails-page,
.admin-experience .admin-mails-content,
.admin-experience .mail-workspace {
    min-height:0;
    height:auto;
}
.admin-experience .mail-followup-list {
    height:auto;
    max-height:420px;
    overflow:auto;
    contain:layout paint;
}
.admin-experience .mail-history-cards {
    height:auto;
    max-height:900px;
    overflow:auto;
    contain:layout paint;
}

/* Prospection Control — one task, one workspace. */
.admin-experience .prospect-control {
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;
    background:linear-gradient(135deg,#1b1d28 0%,#202230 58%,#1a1b23 100%);
    box-shadow:0 18px 50px rgba(5,6,15,.2);
}
.admin-experience .prospect-control-heading {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.85rem;
    align-items:center;
    padding:1.15rem 1.25rem .8rem;
}
.admin-experience .prospect-control-mark {
    display:grid;
    place-items:center;
    width:46px;
    aspect-ratio:1;
    border-radius:11px;
    color:#9bcfff;
    background:linear-gradient(145deg,rgba(78,154,255,.22),rgba(138,77,255,.16));
    box-shadow:inset 0 0 0 1px rgba(116,182,255,.15);
}
.admin-experience .prospect-control-heading>span:last-child { display:grid; min-width:0; }
.admin-experience .prospect-control-heading small,
.admin-experience .prospect-panel-heading small { color:#78baff; font-size:.61rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.admin-experience .prospect-control-heading h2 { margin:.08rem 0; font-size:1.18rem; }
.admin-experience .prospect-control-heading p { margin:0; color:var(--admin-muted); font-size:.72rem; }
.admin-experience .prospect-control-stats {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    margin:0 1.25rem .9rem;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.055);
    border-radius:8px;
    background:rgba(255,255,255,.055);
}
.admin-experience .prospect-control-stats>span { display:grid; gap:.08rem; padding:.7rem .85rem; background:#191a22; }
.admin-experience .prospect-control-stats strong { font-size:1rem; }
.admin-experience .prospect-control-stats small { color:var(--admin-muted); font-size:.62rem; }
.admin-experience .prospect-control-stats .is-warning strong { color:#ffd07f; }
.admin-experience .prospect-control-stats .is-danger strong { color:#ff91a2; }
.admin-experience .prospect-control-stats .is-success strong { color:#62dca5; }
.admin-experience .prospect-control-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.45rem;
    padding:.55rem;
    border-top:1px solid rgba(255,255,255,.055);
    background:#17181f;
}
.admin-experience .prospect-control-tabs button {
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.65rem;
    align-items:center;
    min-height:62px;
    padding:.65rem .8rem;
    border:1px solid transparent;
    border-radius:8px;
    color:#999cad;
    background:transparent;
    text-align:left;
    cursor:pointer;
    transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.admin-experience .prospect-control-tabs button:hover { color:#f5f4fb; background:#232530; }
.admin-experience .prospect-control-tabs button.is-active { color:#fff; border-color:rgba(91,165,255,.23); background:linear-gradient(120deg,rgba(78,154,255,.18),rgba(138,77,255,.1)); box-shadow:inset 3px 0 #58a7ff; }
.admin-experience .prospect-control-tabs button>.icon { color:#777b8d; }
.admin-experience .prospect-control-tabs button.is-active>.icon { color:#70b7ff; }
.admin-experience .prospect-control-tabs button>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .prospect-control-tabs strong { font-size:.75rem; }
.admin-experience .prospect-control-tabs small { color:#7d8091; font-size:.6rem; }
.admin-experience .prospect-control-tabs em { display:grid; place-items:center; min-width:22px; min-height:22px; padding:0 .3rem; border-radius:99px; color:#201b12; background:#ffd07f; font-size:.59rem; font-style:normal; font-weight:950; }
.admin-experience .prospect-workspace-panel[hidden] { display:none !important; }
.admin-experience .prospect-workspace-panel { min-width:0; animation:prospect-panel-in .2s ease-out; }
@keyframes prospect-panel-in { from { opacity:.35; transform:translateY(6px); } to { opacity:1; transform:none; } }
.admin-experience .prospect-compose-panel,
.admin-experience .prospect-history-panel { overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:#1b1c24; }
.admin-experience .prospect-panel-heading {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.8rem;
    align-items:center;
    min-height:82px;
    padding:1rem 1.1rem;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:linear-gradient(110deg,rgba(78,154,255,.07),transparent 55%);
}
.admin-experience .prospect-panel-heading>.icon { display:grid; place-items:center; width:40px; aspect-ratio:1; border-radius:9px; color:#76bbff; background:rgba(78,154,255,.12); }
.admin-experience .prospect-panel-heading>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .prospect-panel-heading h2 { margin:.08rem 0; font-size:1rem; }
.admin-experience .prospect-panel-heading p { margin:0; color:var(--admin-muted); font-size:.67rem; }
.admin-experience .prospect-compose-panel>.mail-workspace { display:block; }
.admin-experience .prospect-compose-panel .mail-compose-form { display:grid; gap:1rem; padding:1rem; border:0; border-radius:0; background:transparent; }
.admin-experience .prospect-compose-panel .mail-compose-top { display:grid; grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr); gap:1rem; align-items:start; }
.admin-experience .prospect-compose-panel .mail-compose-options { grid-template-columns:1fr; }
.admin-experience .prospect-compose-panel .mail-content-panel { padding:1rem; background:#20212b; }
.admin-experience .prospect-compose-panel .mail-content-panel textarea { min-height:250px; }
.admin-experience .prospect-compose-panel .mail-form-actions { display:flex; justify-content:flex-end; padding-top:.35rem; }
.admin-experience .prospect-compose-panel .mail-form-actions .button { min-width:210px; }
.admin-experience .prospect-history-panel .mail-history-panel { border:0; border-radius:0; background:transparent; }
.admin-experience .prospect-history-panel .mail-history-heading { background:#191a21; }
.admin-experience .prospect-history-panel .mail-history-search { grid-template-columns:minmax(280px,1fr) minmax(180px,.3fr) auto; align-items:end; }
.admin-experience .prospect-history-panel .mail-history-search-field { grid-column:auto; }
.admin-experience .prospect-history-panel .mail-history-search-clear,
.admin-experience .prospect-history-panel .mail-history-search>p { grid-column:1/-1; }
.admin-experience .prospect-history-panel .mail-history-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; max-height:760px; background:rgba(255,255,255,.05); }
.admin-experience .prospect-history-panel .mail-history-card { border:0; }
.admin-experience .prospect-history-panel .mail-history-card>button { min-height:112px; }

@media(max-width:900px){
    .admin-experience .prospect-compose-panel .mail-compose-top { grid-template-columns:1fr; }
    .admin-experience .prospect-history-panel .mail-history-cards { grid-template-columns:1fr; }
}
@media(max-width:680px){
    .admin-experience .prospect-control-stats { grid-template-columns:1fr; }
    .admin-experience .prospect-control-tabs { grid-template-columns:1fr; }
    .admin-experience .prospect-control-tabs button { min-height:54px; }
    .admin-experience .prospect-panel-heading { grid-template-columns:auto minmax(0,1fr); }
    .admin-experience .prospect-panel-heading>.button { grid-column:1/-1; width:100%; }
    .admin-experience .prospect-history-panel .mail-history-search { grid-template-columns:1fr; }
    .admin-experience .prospect-history-panel .mail-history-search-field,
    .admin-experience .prospect-history-panel .mail-history-search-clear,
    .admin-experience .prospect-history-panel .mail-history-search>p { grid-column:1; }
}

/* Guided email composer. */
.admin-experience .compose-step-panel[hidden] { display:none !important; }
.admin-experience .compose-progress {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    gap:.6rem;
    align-items:center;
    padding:.75rem;
    border:1px solid rgba(255,255,255,.055);
    border-radius:9px;
    background:#171820;
}
.admin-experience .compose-progress>button {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:0 .55rem;
    align-items:center;
    padding:.55rem;
    border:0;
    border-radius:7px;
    color:#f0eff7;
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.admin-experience .compose-progress>button:hover { background:#252732; }
.admin-experience .compose-progress>button.is-active { color:#fff; background:linear-gradient(120deg,rgba(78,154,255,.18),rgba(138,77,255,.08)); box-shadow:inset 3px 0 #58a7ff; }
.admin-experience .compose-progress>button.is-complete>span { color:#16251e; background:#62dca5; }
.admin-experience .compose-progress>button.is-complete>span::before { content:'check'; font-family:'Material Symbols Rounded'; }
.admin-experience .compose-progress>button.is-complete>span { font-size:0; }
.admin-experience .compose-progress>button.is-complete>span::before { font-size:.85rem; }
.admin-experience .compose-progress>button>span { display:grid; grid-row:1 / span 2; place-items:center; width:27px; aspect-ratio:1; border-radius:7px; color:#8cc7ff; background:rgba(78,154,255,.13); font-size:.68rem; font-weight:950; }
.admin-experience .compose-progress strong { font-size:.7rem; }
.admin-experience .compose-progress small { overflow:hidden; color:#777b8d; font-size:.57rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .compose-progress>.icon { color:#4e5160; font-size:.95rem; }
.admin-experience .compose-field-intro { grid-column:1/-1; margin:0 0 .2rem; color:#858899; font-size:.64rem; line-height:1.45; }
.admin-experience .prospect-compose-panel .mail-sender-options,
.admin-experience .prospect-compose-panel .mail-criteria { grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:.55rem; }
.admin-experience .prospect-compose-panel .mail-sender-options>label:not(.mail-custom-sender),
.admin-experience .prospect-compose-panel .mail-criteria>label {
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.55rem;
    align-items:start;
    min-height:68px;
    margin:0;
    padding:.7rem;
    border:1px solid #343645;
    border-radius:8px;
    background:#181920;
    cursor:pointer;
}
.admin-experience .prospect-compose-panel .mail-sender-options>label:not(.mail-custom-sender):hover,
.admin-experience .prospect-compose-panel .mail-criteria>label:hover { border-color:#4c5264; background:#1d1f28; }
.admin-experience .prospect-compose-panel .mail-sender-options>label:has(input:checked):not(.mail-custom-sender),
.admin-experience .prospect-compose-panel .mail-criteria>label:has(input:checked) { border-color:#529df2; background:linear-gradient(135deg,rgba(78,154,255,.15),#1b1d27); box-shadow:inset 0 0 0 1px rgba(82,157,242,.08); }
.admin-experience .prospect-compose-panel .mail-sender-options label>span,
.admin-experience .prospect-compose-panel .mail-criteria label>span { display:grid; gap:.1rem; min-width:0; }
.admin-experience .prospect-compose-panel .mail-sender-options label strong,
.admin-experience .prospect-compose-panel .mail-criteria label span { font-size:.69rem; }
.admin-experience .prospect-compose-panel .mail-sender-options label small { overflow-wrap:anywhere; color:#7e8192; font-size:.59rem; }
.admin-experience .prospect-compose-panel .mail-anonymous-senders,
.admin-experience .prospect-compose-panel .mail-custom-sender,
.admin-experience .prospect-compose-panel .mail-extra-toggle { grid-column:1/-1; }
.admin-experience .prospect-compose-panel .mail-anonymous-senders { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }
.admin-experience .prospect-compose-panel .mail-anonymous-senders label { min-height:42px; padding:.55rem .65rem; }
.admin-experience .prospect-compose-panel .mail-extra-toggle { justify-self:start; }
.admin-experience .compose-recipients-heading { display:flex; gap:.6rem; align-items:center; padding:.75rem .8rem; border:1px solid rgba(255,255,255,.055); border-radius:8px; background:#191a22; }
.admin-experience .compose-recipients-heading>.icon { display:grid; place-items:center; width:34px; aspect-ratio:1; border-radius:7px; color:#83c1ff; background:rgba(78,154,255,.12); }
.admin-experience .compose-recipients-heading>span:last-child { display:grid; }
.admin-experience .compose-recipients-heading strong { font-size:.72rem; }
.admin-experience .compose-recipients-heading small { color:#7f8292; font-size:.59rem; }
.admin-experience .compose-step-actions { display:flex; grid-column:1/-1; align-items:center; justify-content:space-between; gap:1rem; padding-top:.8rem; border-top:1px solid rgba(255,255,255,.06); }
.admin-experience .compose-step-actions>span { display:grid; }
.admin-experience .compose-step-actions>span strong { font-size:.68rem; }
.admin-experience .compose-step-actions>span small { color:#7f8292; font-size:.59rem; }
.admin-experience .compose-step-error { grid-column:1/-1; margin:0; padding:.65rem .75rem; border:1px solid rgba(255,104,125,.2); border-radius:7px; color:#ffb3bf; background:rgba(255,104,125,.08); font-size:.65rem; font-weight:800; }
.admin-experience .prospect-compose-panel .mail-recipient-panel { border-color:#343645; border-radius:8px; background:#181920; }
.admin-experience .prospect-compose-panel .mail-template-picker { grid-template-columns:1fr; }
.admin-experience .compose-review { display:grid; gap:.8rem; padding:1rem; border:1px solid rgba(103,182,255,.18); border-radius:9px; background:linear-gradient(125deg,rgba(78,154,255,.075),#191a22 52%); scroll-margin-top:100px; }
.admin-experience .compose-review>header { display:flex; gap:.6rem; align-items:center; }
.admin-experience .compose-review>header>.icon { display:grid; place-items:center; width:36px; aspect-ratio:1; border-radius:8px; color:#78bdff; background:rgba(78,154,255,.13); }
.admin-experience .compose-review>header>span:last-child { display:grid; }
.admin-experience .compose-review>header small { color:#78bdff; font-size:.58rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.admin-experience .compose-review>header strong { font-size:.8rem; }
.admin-experience .compose-review-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; }
.admin-experience .compose-review-summary>span { display:grid; gap:.15rem; min-width:0; padding:.65rem; border:1px solid rgba(255,255,255,.055); border-radius:7px; background:#16171e; }
.admin-experience .compose-review-summary>span::before { content:'pending'; justify-self:end; color:#777b8d; font-family:'Material Symbols Rounded'; font-size:.9rem; }
.admin-experience .compose-review-summary>span.is-complete::before { content:'check_circle'; color:#62dca5; }
.admin-experience .compose-review-summary small { grid-row:1; color:#777b8d; font-size:.57rem; }
.admin-experience .compose-review-summary strong { overflow:hidden; font-size:.64rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .compose-review .mail-form-actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.15rem; border-top:1px solid rgba(255,255,255,.055); }
.admin-experience .compose-review .mail-form-actions>span { display:flex; align-items:center; justify-content:flex-end; gap:.8rem; }
.admin-experience .compose-review .mail-form-actions p { display:flex; gap:.4rem; align-items:center; margin:0; color:#7f8292; font-size:.61rem; }
.admin-experience .compose-review .mail-form-actions p>.icon { color:#78bdff; font-size:.9rem; }
#compose-routing,#compose-message,#compose-review { scroll-margin-top:100px; }

@media(max-width:820px){
    .admin-experience .compose-review-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px){
    .admin-experience .compose-progress { grid-template-columns:1fr; }
    .admin-experience .compose-progress>.icon { display:none; }
    .admin-experience .prospect-compose-panel .mail-sender-options,
    .admin-experience .prospect-compose-panel .mail-criteria,
    .admin-experience .prospect-compose-panel .mail-anonymous-senders,
    .admin-experience .compose-review-summary { grid-template-columns:1fr; }
    .admin-experience .compose-review .mail-form-actions { align-items:stretch; flex-direction:column; }
    .admin-experience .compose-review .mail-form-actions>span,
    .admin-experience .compose-step-actions { align-items:stretch; flex-direction:column; }
    .admin-experience .compose-step-actions .button,
    .admin-experience .compose-review .mail-form-actions .button { width:100%; }
}

/* Streamlined sender and recipient selection. */
.admin-experience .prospect-compose-panel .mail-sender-options,
.admin-experience .prospect-compose-panel .mail-criteria { grid-template-columns:1fr; }
.admin-experience .compose-sender-select,
.admin-experience .compose-criteria-select { display:grid; grid-column:1/-1; gap:.4rem; padding:.75rem; border:1px solid #343645; border-radius:8px; background:#181920; font-size:.68rem; }
.admin-experience .compose-sender-select select,
.admin-experience .compose-criteria-select select { margin:0; background:#20222c; }
.admin-experience .compose-client-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; max-height:310px; overflow:auto; padding:.1rem; }
.admin-experience .compose-client-choices>label { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.55rem; align-items:center; min-width:0; padding:.65rem; border:1px solid #343645; border-radius:7px; background:#1e2029; cursor:pointer; }
.admin-experience .compose-client-choices>label[hidden] { display:none; }
.admin-experience .compose-client-choices>label:hover { border-color:#4b5264; background:#252732; }
.admin-experience .compose-client-choices>label:has(input:checked) { border-color:#529df2; background:rgba(78,154,255,.12); }
.admin-experience .compose-client-choices input { width:16px; height:16px; min-height:0; margin:0; accent-color:#579ff2; }
.admin-experience .compose-client-choices>label>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .compose-client-choices strong,
.admin-experience .compose-client-choices small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .compose-client-choices strong { font-size:.66rem; }
.admin-experience .compose-client-choices small { color:#7f8292; font-size:.57rem; }
.admin-experience .compose-client-choices>label>.icon { color:transparent; font-size:.9rem; }
.admin-experience .compose-client-choices>label:has(input:checked)>.icon { color:#62dca5; }
@media(max-width:600px){
    .admin-experience .compose-client-choices { grid-template-columns:1fr; }
}

/* 2026 prospecting workspace — immersive, flat and task focused. */
.admin-experience:has(.admin-mails-page) .page-hero { display:none; }
.admin-experience .admin-mails-page { padding-top:1.6rem; padding-bottom:2rem; }
.admin-experience .admin-mails-content { width:min(1480px,100%); margin-inline:auto; gap:1.1rem; }
.admin-experience .prospect-control {
    display:grid;
    grid-template-columns:minmax(300px,1fr) auto;
    gap:1.2rem 2rem;
    padding:1.3rem;
    overflow:visible;
    border:0;
    border-radius:20px;
    background:radial-gradient(circle at 86% 0%,rgba(116,87,255,.18),transparent 34%),linear-gradient(135deg,#1b1d29,#171821 68%);
    box-shadow:0 24px 70px rgba(5,6,15,.25),inset 0 0 0 1px rgba(255,255,255,.055);
}
.admin-experience .prospect-control-heading { padding:0; }
.admin-experience .prospect-control-mark { width:52px; border-radius:14px; color:#c5baff; background:linear-gradient(145deg,#694cff,#347fdd); box-shadow:0 12px 28px rgba(89,77,230,.32); }
.admin-experience .prospect-control-heading small { color:#9d8cff; }
.admin-experience .prospect-control-heading h2 { font-size:1.35rem; letter-spacing:-.025em; }
.admin-experience .prospect-control-heading p { max-width:660px; font-size:.73rem; }
.admin-experience .prospect-control-stats { align-self:center; min-width:410px; margin:0; border:0; border-radius:12px; background:rgba(255,255,255,.05); backdrop-filter:blur(12px); }
.admin-experience .prospect-control-stats>span { padding:.72rem .9rem; background:rgba(10,11,18,.4); }
.admin-experience .prospect-control-tabs { grid-column:1/-1; gap:.3rem; padding:.3rem; border:0; border-radius:13px; background:#111219; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); }
.admin-experience .prospect-control-tabs button { min-height:58px; border-radius:10px; }
.admin-experience .prospect-control-tabs button.is-active { border-color:transparent; background:linear-gradient(120deg,#5d45d9,#376fca); box-shadow:0 9px 24px rgba(44,52,146,.28); }
.admin-experience .prospect-control-tabs button.is-active small { color:rgba(255,255,255,.67); }
.admin-experience .prospect-control-tabs button.is-active>.icon { color:#fff; }
.admin-experience .prospect-compose-panel,
.admin-experience .prospect-history-panel,
.admin-experience .mail-followup-center { border:0; border-radius:20px; background:#171820; box-shadow:0 24px 70px rgba(5,6,15,.2),inset 0 0 0 1px rgba(255,255,255,.05); }
.admin-experience .prospect-panel-heading { min-height:88px; padding:1rem 1.2rem; border-bottom:1px solid rgba(255,255,255,.055); background:transparent; }
.admin-experience .prospect-panel-heading>.icon { border-radius:12px; color:#c1b5ff; background:rgba(110,83,255,.15); }
.admin-experience .prospect-panel-heading small { color:#9786ff; }
.admin-experience .compose-heading-actions { display:flex; align-items:center; gap:.55rem; }
.admin-experience .compose-draft-status { display:inline-flex; align-items:center; gap:.32rem; min-height:34px; padding:.38rem .55rem; border-radius:8px; color:#78d9ad; background:rgba(72,213,151,.08); font-size:.58rem; font-weight:850; white-space:nowrap; }
.admin-experience .compose-draft-status>.icon { font-size:.85rem; }
.admin-experience .prospect-compose-panel .mail-compose-form {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:0;
    min-height:650px;
    padding:0;
}
.admin-experience .compose-progress {
    display:flex;
    grid-column:1;
    grid-row:1;
    flex-direction:column;
    gap:.35rem;
    align-items:stretch;
    padding:1rem .75rem;
    border:0;
    border-right:1px solid rgba(255,255,255,.055);
    border-radius:0;
    background:#13141b;
}
.admin-experience .compose-progress>button { min-height:66px; padding:.65rem; border-radius:10px; }
.admin-experience .compose-progress>button.is-active { background:linear-gradient(120deg,rgba(102,74,237,.26),rgba(61,121,215,.14)); box-shadow:inset 3px 0 #8068ff; }
.admin-experience .compose-progress>.icon { display:none; }
.admin-experience .compose-step-panel { grid-column:2; grid-row:1; min-width:0; padding:1.25rem; animation:compose-canvas-in .22s ease-out; }
@keyframes compose-canvas-in { from { opacity:.2; transform:translateX(10px); } to { opacity:1; transform:none; } }
.admin-experience .prospect-compose-panel .mail-compose-top { grid-template-columns:minmax(300px,.72fr) minmax(360px,1.28fr); gap:1rem; }
.admin-experience .prospect-compose-panel .mail-compose-options,
.admin-experience .prospect-compose-panel .mail-compose-recipients { gap:.75rem; }
.admin-experience .prospect-compose-panel .mail-sender-options,
.admin-experience .prospect-compose-panel .mail-criteria,
.admin-experience .prospect-compose-panel .mail-content-panel { padding:1rem; border:0; border-radius:14px; background:#1d1f28; box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); }
.admin-experience .compose-sender-select,
.admin-experience .compose-criteria-select { padding:.7rem; border:0; border-radius:10px; background:#15161d; box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); }
.admin-experience .compose-sender-select select,
.admin-experience .compose-criteria-select select { min-height:48px; border-color:rgba(128,104,255,.25); background:#20222d; }
.admin-experience .compose-recipients-heading { border:0; border-radius:12px; background:linear-gradient(120deg,rgba(103,78,231,.14),rgba(78,154,255,.08)); box-shadow:inset 0 0 0 1px rgba(124,104,255,.12); }
.admin-experience .prospect-compose-panel .mail-recipient-panel { padding:.85rem; border:0; border-radius:12px; background:#1d1f28; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.admin-experience .mail-selection-head>span { display:flex; align-items:center; gap:.35rem; }
.admin-experience .mail-selection-head>span button { padding:.22rem .38rem; border:0; border-radius:5px; color:#9aa9ff; background:rgba(108,87,233,.1); font:inherit; font-size:.55rem; font-weight:850; cursor:pointer; }
.admin-experience .mail-selection-head>span button:hover { color:#fff; background:rgba(108,87,233,.24); }
.admin-experience .compose-client-choices { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:360px; gap:.5rem; }
.admin-experience .compose-client-choices>label { min-height:64px; border:0; border-radius:10px; background:#15161d; box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); transition:transform .15s,background .15s,box-shadow .15s; }
.admin-experience .compose-client-choices>label:hover { transform:translateY(-1px); background:#20222c; }
.admin-experience .compose-client-choices>label:has(input:checked) { background:linear-gradient(120deg,rgba(105,78,231,.2),rgba(61,128,220,.12)); box-shadow:inset 0 0 0 1px rgba(127,105,255,.42); }
.admin-experience .prospect-compose-panel .mail-content-panel { display:grid; align-content:start; }
.admin-experience .prospect-compose-panel .mail-content-panel input,
.admin-experience .prospect-compose-panel .mail-content-panel textarea { border-color:rgba(255,255,255,.07); background:#13141a; }
.admin-experience .prospect-compose-panel .mail-content-panel textarea { min-height:330px; }
.admin-experience .mail-template-help { border-radius:9px; }
.admin-experience .compose-step-actions { margin-top:auto; padding-top:1rem; }
.admin-experience .compose-review { align-content:start; margin:1.25rem; padding:1.15rem; border:0; border-radius:16px; background:radial-gradient(circle at 92% 0%,rgba(110,82,240,.18),transparent 35%),#1d1f28; box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); }
.admin-experience .compose-review-summary>span { min-height:92px; padding:.8rem; border:0; border-radius:11px; background:#14151c; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); }
.admin-experience .compose-review .mail-form-actions { margin-top:.4rem; padding-top:1rem; }
.admin-experience .compose-review .mail-form-actions>span { flex-wrap:wrap; }
.admin-experience .mail-followup-center-head { padding:1.15rem 1.25rem; border-radius:20px 20px 0 0; background:radial-gradient(circle at 90% 0%,rgba(255,187,92,.13),transparent 35%); }
.admin-experience .mail-followup-toolbar { padding:1rem 1.2rem; background:#15161d; }
.admin-experience .mail-followup-list { max-height:560px; background:#181920; }
.admin-experience .mail-followup-item { min-height:78px; padding:.8rem 1.2rem; }
.admin-experience .prospect-history-panel .mail-history-heading { background:#15161d; }
.admin-experience .prospect-history-panel .mail-history-search { padding:1rem 1.2rem; background:#191a22; }
.admin-experience .prospect-history-panel .mail-history-cards { gap:.55rem; max-height:720px; padding:.7rem; background:#13141a; }
.admin-experience .prospect-history-panel .mail-history-card { overflow:hidden; border-radius:11px; background:#1c1e27; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); }
.admin-experience .prospect-history-panel .mail-history-card>button:hover { background:linear-gradient(120deg,rgba(100,77,228,.13),rgba(78,154,255,.06)); }
.admin-experience .compose-preview-dialog { width:min(760px,calc(100% - 2rem)); max-height:88dvh; padding:0; overflow:auto; border:0; border-radius:18px; color:#f5f4fb; background:#1b1d26; box-shadow:0 30px 100px rgba(0,0,0,.62); }
.admin-experience .compose-preview-dialog::backdrop { background:rgba(5,6,13,.78); backdrop-filter:blur(8px); }
.admin-experience .compose-preview-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.06); background:linear-gradient(120deg,rgba(103,78,232,.17),transparent); }
.admin-experience .compose-preview-dialog>header>span { display:grid; }
.admin-experience .compose-preview-dialog small { color:#9c8cff; font-size:.6rem; font-weight:900; text-transform:uppercase; }
.admin-experience .compose-preview-dialog h2 { margin:.15rem 0 0; font-size:1.1rem; }
.admin-experience .compose-preview-dialog header button { display:grid; place-items:center; width:36px; aspect-ratio:1; border:0; border-radius:9px; color:#fff; background:#292b36; cursor:pointer; }
.admin-experience .compose-preview-dialog dl { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:0; padding:1rem 1.25rem; }
.admin-experience .compose-preview-dialog dl>div { padding:.7rem; border-radius:9px; background:#14151c; }
.admin-experience .compose-preview-dialog dt { color:#7e8192; font-size:.58rem; }
.admin-experience .compose-preview-dialog dd { margin:.15rem 0 0; font-size:.68rem; font-weight:800; }
.admin-experience .compose-preview-dialog article { margin:0 1.25rem 1.25rem; padding:1.1rem; border-radius:11px; color:#d7d8e3; background:#fff; color:#252632; font-size:.76rem; line-height:1.7; white-space:pre-wrap; }

@media(max-width:1100px){
    .admin-experience .prospect-control { grid-template-columns:1fr; }
    .admin-experience .prospect-control-stats { min-width:0; }
    .admin-experience .prospect-compose-panel .mail-compose-top { grid-template-columns:1fr; }
}
@media(max-width:820px){
    .admin-experience .prospect-compose-panel .mail-compose-form { grid-template-columns:1fr; }
    .admin-experience .compose-progress { grid-column:1; grid-row:auto; flex-direction:row; overflow:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,.055); }
    .admin-experience .compose-progress>button { flex:1 0 180px; }
    .admin-experience .compose-step-panel { grid-column:1; grid-row:2; }
    .admin-experience .compose-review { margin:0; }
}
@media(max-width:640px){
    .admin-experience .admin-mails-page { padding-top:.75rem; }
    .admin-experience .prospect-control { padding:.85rem; border-radius:14px; }
    .admin-experience .prospect-control-heading { grid-template-columns:1fr; }
    .admin-experience .prospect-control-mark { width:44px; }
    .admin-experience .prospect-control-stats { grid-template-columns:repeat(3,1fr); }
    .admin-experience .prospect-control-stats>span { padding:.55rem; }
    .admin-experience .prospect-control-tabs { grid-template-columns:repeat(3,minmax(115px,1fr)); overflow:auto; }
    .admin-experience .prospect-panel-heading { grid-template-columns:1fr; }
    .admin-experience .prospect-panel-heading>.icon { display:none; }
    .admin-experience .compose-heading-actions { justify-content:space-between; width:100%; }
    .admin-experience .compose-step-panel { padding:.8rem; }
    .admin-experience .compose-client-choices { grid-template-columns:1fr; }
    .admin-experience .compose-preview-dialog dl { grid-template-columns:1fr; }
}

/* Prospection visual identity — Signal Studio. */
.admin-experience:has(.admin-mails-page) {
    --mail-ink:#f4f8f7;
    --mail-muted:#839591;
    --mail-canvas:#07100f;
    --mail-surface:#0d1917;
    --mail-surface-2:#12211e;
    --mail-line:rgba(184,255,235,.11);
    --mail-mint:#4e9fff;
    --mail-cyan:#62d9f5;
    --mail-amber:#ffbf69;
    --mail-danger:#ff7b88;
    font-family:'Manrope',system-ui,sans-serif;
    background:var(--mail-canvas);
}
.admin-experience:has(.admin-mails-page) main {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 8%,rgba(78,159,255,.11),transparent 26rem),
        radial-gradient(circle at 92% 20%,rgba(98,217,245,.08),transparent 32rem),
        linear-gradient(180deg,#07100f,#091311 65%,#07100f);
}
.admin-experience:has(.admin-mails-page) main::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.18;
    background-image:linear-gradient(rgba(185,255,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,255,235,.08) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,#000,transparent 75%);
    pointer-events:none;
}
.admin-experience .admin-mails-content { color:var(--mail-ink); }
.admin-experience .prospect-control {
    position:relative;
    isolation:isolate;
    padding:1.55rem;
    border-radius:28px;
    background:linear-gradient(120deg,rgba(13,27,24,.94),rgba(8,18,16,.92));
    box-shadow:0 32px 90px rgba(0,0,0,.35),inset 0 0 0 1px var(--mail-line);
}
.admin-experience .prospect-control::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:-80px;
    right:7%;
    width:300px;
    aspect-ratio:1;
    border:1px solid rgba(78,159,255,.2);
    border-radius:50%;
    box-shadow:0 0 0 38px rgba(78,159,255,.025),0 0 0 76px rgba(98,217,245,.018);
}
.admin-experience .prospect-control-mark {
    width:58px;
    border:1px solid rgba(78,159,255,.3);
    border-radius:18px;
    color:#06110e;
    background:linear-gradient(145deg,var(--mail-mint),#78c7ff);
    box-shadow:0 15px 34px rgba(78,159,255,.22);
}
.admin-experience .prospect-control-heading small,
.admin-experience .prospect-panel-heading small { color:var(--mail-mint); letter-spacing:.13em; }
.admin-experience .prospect-control-heading h2 { color:var(--mail-ink); font-size:clamp(1.35rem,2vw,1.75rem); font-weight:800; }
.admin-experience .prospect-control-heading p { color:var(--mail-muted); }
.admin-experience .prospect-control-stats { gap:.5rem; padding:.35rem; border-radius:16px; background:rgba(3,11,9,.58); }
.admin-experience .prospect-control-stats>span { border-radius:12px; background:rgba(18,35,31,.7); box-shadow:inset 0 0 0 1px rgba(185,255,235,.06); }
.admin-experience .prospect-control-stats strong { color:var(--mail-ink); font-size:1.12rem; }
.admin-experience .prospect-control-stats small { color:var(--mail-muted); }
.admin-experience .prospect-control-stats .is-warning strong { color:var(--mail-amber); }
.admin-experience .prospect-control-stats .is-danger strong { color:var(--mail-danger); }
.admin-experience .prospect-control-stats .is-success strong { color:var(--mail-mint); }
.admin-experience .prospect-control-tabs {
    width:min(760px,100%);
    margin:.2rem auto -.15rem;
    padding:.38rem;
    border-radius:999px;
    background:rgba(2,9,8,.8);
    box-shadow:inset 0 0 0 1px rgba(185,255,235,.09),0 18px 45px rgba(0,0,0,.22);
}
.admin-experience .prospect-control-tabs button { min-height:54px; border-radius:999px; color:#78908a; }
.admin-experience .prospect-control-tabs button:hover { color:#dff9f1; background:rgba(78,159,255,.06); }
.admin-experience .prospect-control-tabs button.is-active {
    color:#06110e;
    background:linear-gradient(135deg,var(--mail-mint),#77c8ff);
    box-shadow:0 10px 28px rgba(78,159,255,.2);
}
.admin-experience .prospect-control-tabs button.is-active>.icon,
.admin-experience .prospect-control-tabs button.is-active small { color:#0a332a; }
.admin-experience .prospect-control-tabs em { color:#16210e; background:var(--mail-amber); }
.admin-experience .prospect-compose-panel,
.admin-experience .prospect-history-panel,
.admin-experience .mail-followup-center {
    border-radius:26px;
    background:rgba(9,20,18,.88);
    box-shadow:0 30px 85px rgba(0,0,0,.32),inset 0 0 0 1px var(--mail-line);
    backdrop-filter:blur(18px);
}
.admin-experience .prospect-panel-heading { padding:1.15rem 1.35rem; border-color:var(--mail-line); }
.admin-experience .prospect-panel-heading>.icon { border:1px solid rgba(78,159,255,.18); color:var(--mail-mint); background:rgba(78,159,255,.07); }
.admin-experience .prospect-panel-heading h2 { color:var(--mail-ink); font-weight:800; }
.admin-experience .prospect-panel-heading p { color:var(--mail-muted); }
.admin-experience .compose-draft-status { color:var(--mail-mint); background:rgba(78,159,255,.07); }
.admin-experience .prospect-compose-panel .mail-compose-form { background:rgba(5,14,12,.4); }
.admin-experience .compose-progress { padding:1rem; border-color:var(--mail-line); background:rgba(3,11,9,.72); }
.admin-experience .compose-progress>button { color:#769089; }
.admin-experience .compose-progress>button>span { border:1px solid rgba(98,217,245,.15); color:var(--mail-cyan); background:rgba(98,217,245,.06); }
.admin-experience .compose-progress>button.is-active { color:var(--mail-ink); background:rgba(78,159,255,.08); box-shadow:inset 3px 0 var(--mail-mint); }
.admin-experience .compose-progress>button.is-active>span { color:#07110f; background:var(--mail-mint); }
.admin-experience .compose-progress>button.is-complete>span { color:#07110f; background:var(--mail-mint); }
.admin-experience .compose-progress small { color:#60756f; }
.admin-experience .prospect-compose-panel .mail-sender-options,
.admin-experience .prospect-compose-panel .mail-criteria,
.admin-experience .prospect-compose-panel .mail-content-panel {
    border-radius:18px;
    background:rgba(14,29,26,.9);
    box-shadow:inset 0 0 0 1px var(--mail-line),0 16px 40px rgba(0,0,0,.14);
}
.admin-experience .compose-field-intro { color:var(--mail-muted); }
.admin-experience .compose-sender-select,
.admin-experience .compose-criteria-select,
.admin-experience .prospect-compose-panel .mail-recipient-panel {
    border-radius:14px;
    background:rgba(5,15,13,.72);
    box-shadow:inset 0 0 0 1px rgba(185,255,235,.08);
}
.admin-experience .compose-sender-select select,
.admin-experience .compose-criteria-select select,
.admin-experience:has(.admin-mails-page) input,
.admin-experience:has(.admin-mails-page) select,
.admin-experience:has(.admin-mails-page) textarea {
    border-color:rgba(185,255,235,.1);
    color:var(--mail-ink);
    background:#07110f;
}
.admin-experience:has(.admin-mails-page) input:focus,
.admin-experience:has(.admin-mails-page) select:focus,
.admin-experience:has(.admin-mails-page) textarea:focus { border-color:var(--mail-mint); outline:3px solid rgba(78,159,255,.1); }
.admin-experience .compose-recipients-heading { border:1px solid rgba(98,217,245,.12); background:linear-gradient(120deg,rgba(98,217,245,.08),rgba(78,159,255,.035)); box-shadow:none; }
.admin-experience .compose-recipients-heading>.icon { color:var(--mail-cyan); background:rgba(98,217,245,.08); }
.admin-experience .compose-client-choices>label { border-radius:14px; background:rgba(5,15,13,.78); box-shadow:inset 0 0 0 1px rgba(185,255,235,.07); }
.admin-experience .compose-client-choices>label:hover { background:rgba(19,40,35,.9); }
.admin-experience .compose-client-choices>label:has(input:checked) { background:linear-gradient(120deg,rgba(78,159,255,.12),rgba(98,217,245,.07)); box-shadow:inset 0 0 0 1px rgba(78,159,255,.42); }
.admin-experience .compose-client-choices input { accent-color:var(--mail-mint); }
.admin-experience .compose-client-choices>label:has(input:checked)>.icon { color:var(--mail-mint); }
.admin-experience .mail-selection-head>span button { color:var(--mail-mint); background:rgba(78,159,255,.07); }
.admin-experience .mail-selection-head>span button:hover { background:rgba(78,159,255,.16); }
.admin-experience .compose-step-actions { border-color:var(--mail-line); }
.admin-experience .compose-step-actions>span small { color:var(--mail-muted); }
.admin-experience .compose-review { border-radius:20px; background:radial-gradient(circle at 94% 0%,rgba(98,217,245,.09),transparent 34%),rgba(14,29,26,.94); box-shadow:inset 0 0 0 1px var(--mail-line); }
.admin-experience .compose-review>header>.icon { color:#07110f; background:var(--mail-mint); }
.admin-experience .compose-review>header small { color:var(--mail-mint); }
.admin-experience .compose-review-summary>span { border-radius:15px; background:rgba(4,13,11,.72); box-shadow:inset 0 0 0 1px rgba(185,255,235,.06); }
.admin-experience .compose-review-summary>span.is-complete::before { color:var(--mail-mint); }
.admin-experience .compose-review .mail-form-actions { border-color:var(--mail-line); }
.admin-experience:has(.admin-mails-page) .button.primary { border-color:transparent; color:#06110e; background:linear-gradient(135deg,var(--mail-mint),#77c8ff); box-shadow:0 12px 28px rgba(78,159,255,.16); }
.admin-experience:has(.admin-mails-page) .button.primary:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(78,159,255,.24); }
.admin-experience:has(.admin-mails-page) .button.ghost { border-color:rgba(185,255,235,.1); color:#c4d8d3; background:rgba(185,255,235,.035); }
.admin-experience .mail-followup-center-head { background:radial-gradient(circle at 90% 0%,rgba(255,191,105,.1),transparent 38%); }
.admin-experience .mail-followup-center-icon { color:var(--mail-amber); background:rgba(255,191,105,.08); }
.admin-experience .mail-followup-center-head small { color:var(--mail-amber); }
.admin-experience .mail-followup-total { color:var(--mail-amber); background:rgba(255,191,105,.08); }
.admin-experience .mail-followup-toolbar,
.admin-experience .prospect-history-panel .mail-history-heading,
.admin-experience .prospect-history-panel .mail-history-search { border-color:var(--mail-line); background:rgba(4,13,11,.62); }
.admin-experience .mail-followup-list,
.admin-experience .prospect-history-panel .mail-history-cards { background:rgba(3,11,9,.7); }
.admin-experience .mail-followup-item { border-color:rgba(185,255,235,.06); }
.admin-experience .mail-followup-item:hover { background:rgba(78,159,255,.045); }
.admin-experience .prospect-history-panel .mail-history-card { border-radius:15px; background:rgba(14,29,26,.88); box-shadow:inset 0 0 0 1px rgba(185,255,235,.06); }
.admin-experience .prospect-history-panel .mail-history-card>button:hover { background:rgba(78,159,255,.045); }
.admin-experience .mail-history-card-icon { color:var(--mail-cyan); background:rgba(98,217,245,.08); }
.admin-experience .compose-preview-dialog { font-family:'Manrope',system-ui,sans-serif; border:1px solid var(--mail-line); color:var(--mail-ink); background:var(--mail-surface); }

@media(max-width:640px){
    .admin-experience .prospect-control-tabs { width:100%; margin-inline:0; border-radius:16px; }
    .admin-experience .prospect-control-tabs button { border-radius:12px; }
}

/* Interactive controls and message studio. */
.admin-experience .smart-select-native { position:absolute !important; width:1px !important; height:1px !important; min-height:0 !important; padding:0 !important; opacity:0; pointer-events:none; }
.admin-experience .smart-select { position:relative; display:block; min-width:0; }
.admin-experience .smart-select-trigger { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.65rem; align-items:center; width:100%; min-height:56px; padding:.65rem .75rem; border:1px solid rgba(78,159,255,.18); border-radius:12px; color:var(--mail-ink); background:linear-gradient(120deg,rgba(13,29,26,.95),rgba(8,20,18,.95)); text-align:left; cursor:pointer; transition:border-color .16s,box-shadow .16s,transform .16s; }
.admin-experience .smart-select-trigger:hover { transform:translateY(-1px); border-color:rgba(78,159,255,.48); box-shadow:0 12px 28px rgba(0,0,0,.2); }
.admin-experience .smart-select.is-open .smart-select-trigger { border-color:var(--mail-mint); box-shadow:0 0 0 3px rgba(78,159,255,.1); }
.admin-experience .smart-select-trigger>.icon:first-child { display:grid; place-items:center; width:34px; aspect-ratio:1; border-radius:9px; color:var(--mail-mint); background:rgba(78,159,255,.1); }
.admin-experience .smart-select-trigger>span:nth-child(2) { display:grid; min-width:0; }
.admin-experience .smart-select-trigger strong,
.admin-experience .smart-select-trigger small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-experience .smart-select-trigger strong { font-size:.68rem; }
.admin-experience .smart-select-trigger small { color:var(--mail-muted); font-size:.57rem; }
.admin-experience .smart-select-trigger>.icon:last-child { color:#70847f; transition:transform .16s; }
.admin-experience .smart-select.is-open .smart-select-trigger>.icon:last-child { transform:rotate(180deg); }
.admin-experience .smart-select-menu { position:absolute; z-index:80; top:calc(100% + .45rem); right:0; left:0; overflow:hidden; padding:.4rem; border:1px solid rgba(116,188,255,.2); border-radius:14px; background:#0b1715; box-shadow:0 24px 65px rgba(0,0,0,.5); }
.admin-experience .smart-select-menu[hidden] { display:none; }
.admin-experience .smart-select-search { min-height:42px; margin-bottom:.35rem; }
.admin-experience .smart-select-options { display:grid; gap:.2rem; max-height:280px; overflow:auto; }
.admin-experience .smart-select-options button { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.55rem; align-items:center; width:100%; min-height:42px; padding:.5rem .6rem; border:0; border-radius:9px; color:#9bada8; background:transparent; font:inherit; font-size:.62rem; text-align:left; cursor:pointer; }
.admin-experience .smart-select-options button:hover { color:#fff; background:rgba(78,159,255,.08); }
.admin-experience .smart-select-options button>.icon { color:transparent; font-size:.9rem; }
.admin-experience .smart-select-options button.is-selected { color:#fff; background:rgba(78,159,255,.12); }
.admin-experience .smart-select-options button.is-selected>.icon { color:var(--mail-mint); }
.admin-experience .compose-editor-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.72fr); gap:1rem; min-width:0; }
.admin-experience .compose-editor-fields { display:grid; gap:.8rem; align-content:start; min-width:0; }
.admin-experience .compose-subject-field,
.admin-experience .compose-body-field { position:relative; }
.admin-experience .compose-subject-field>small { position:absolute; z-index:1; right:.7rem; top:.05rem; color:var(--mail-muted); font-size:.55rem; font-weight:700; }
.admin-experience .compose-body-field>span { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.admin-experience .compose-body-field>span small { color:var(--mail-muted); font-size:.55rem; font-weight:700; }
.admin-experience .compose-body-field>span button { display:inline-flex; align-items:center; gap:.28rem; padding:.25rem .38rem; border:0; border-radius:6px; color:var(--mail-cyan); background:rgba(98,217,245,.07); font:inherit; font-size:.55rem; font-weight:800; cursor:pointer; }
.admin-experience .compose-body-field>span button>.icon { font-size:.8rem; }
.admin-experience .compose-live-preview { overflow:hidden; min-width:0; border-radius:16px; background:#f5f8f7; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.admin-experience .compose-live-preview>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem .85rem; color:#61706d; background:#e9efed; }
.admin-experience .compose-live-preview>header>span { display:flex; align-items:center; gap:.35rem; color:#26332f; font-size:.62rem; font-weight:850; }
.admin-experience .compose-live-preview>header .icon { color:#368ee2; font-size:.9rem; }
.admin-experience .compose-live-preview>header small { font-size:.52rem; }
.admin-experience .compose-live-preview>div { display:flex; gap:.6rem; align-items:center; padding:.85rem; border-bottom:1px solid #e2e8e6; color:#26332f; }
.admin-experience .compose-live-avatar { display:grid; place-items:center; width:36px; aspect-ratio:1; border-radius:10px; color:#fff; background:linear-gradient(135deg,#348fe8,#65b9ff); font-size:.58rem; font-weight:900; }
.admin-experience .compose-live-preview>div>span:last-child { display:grid; min-width:0; }
.admin-experience .compose-live-preview>div strong { font-size:.64rem; }
.admin-experience .compose-live-preview>div small { color:#75827e; font-size:.53rem; }
.admin-experience .compose-live-preview article { padding:1rem; color:#293531; }
.admin-experience .compose-live-preview h3 { margin:0 0 .8rem; font-size:.85rem; line-height:1.35; }
.admin-experience .compose-live-preview p { margin:0; color:#56635f; font-size:.65rem; line-height:1.7; white-space:pre-wrap; }
.admin-experience .mail-content-panel.is-editor-expanded { position:fixed; z-index:90; inset:calc(var(--team-topbar) + 1rem) 1rem 1rem calc(var(--team-sidebar) + 1rem); overflow:auto; padding:1.25rem; border:1px solid rgba(78,159,255,.2); box-shadow:0 40px 120px rgba(0,0,0,.72); }
.admin-experience .mail-content-panel.is-editor-expanded .compose-editor-grid { min-height:calc(100dvh - var(--team-topbar) - 10rem); }
.admin-experience .mail-content-panel.is-editor-expanded textarea { min-height:calc(100dvh - var(--team-topbar) - 25rem); }

@media(max-width:1050px){
    .admin-experience .compose-editor-grid { grid-template-columns:1fr; }
    .admin-experience .compose-live-preview { min-height:300px; }
    .admin-experience .mail-content-panel.is-editor-expanded { left:1rem; }
}