@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Serif+Display&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f2f7;--text:#15161a;--muted:#6e7380;--line:#e4e6eb;--accent:#6757ff;--accent-2:#4f46e5;--success:#1f9d63;--danger:#d44747;--shadow:0 14px 40px rgba(35,38,47,.08);--radius:18px;--sidebar:242px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid transparent;font-weight:750;font-size:14px;transition:.2s ease;white-space:nowrap}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(103,87,255,.2)}.btn.primary:hover{background:var(--accent-2);transform:translateY(-1px)}.btn.ghost{background:#fff;border-color:var(--line)}.btn.ghost:hover,.btn.soft:hover{border-color:#cfd3dc;background:#f7f8fb}.btn.soft{background:#f3f4f8;border-color:#eceef3}.btn.wide{width:100%}.btn.xl{min-height:52px;padding:0 22px;border-radius:15px;font-size:15px}.btn.small{min-height:34px;padding:0 12px;font-size:13px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#7a6cff,#4f46e5);display:inline-grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(103,87,255,.24)}.brand-mark.tiny{width:22px;height:22px;border-radius:7px;font-size:11px}.brand.light{color:#fff}.brand.compact strong{display:none}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#3b3f49}input,textarea,select{width:100%;border:1px solid #dfe2e8;border-radius:12px;background:#fff;color:#181a1f;padding:12px 13px;outline:none;transition:.18s;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#9187ff;box-shadow:0 0 0 4px rgba(103,87,255,.09)}input:disabled{background:#f3f4f6;color:#7b808d}.alert{padding:13px 15px;border-radius:12px;margin:14px 0;font-size:14px}.alert.error{background:#fff1f1;color:#9f2c2c;border:1px solid #f2caca}.alert.success{background:#ecfbf4;color:#1c7d50;border:1px solid #c6edda}.eyebrow{margin:0 0 7px;color:#7b808c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
/* marketing */
.marketing-body{background:#fff}.marketing-nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 28px;position:relative;z-index:5}.marketing-nav nav{display:flex;gap:30px;color:#5e6470;font-size:14px;font-weight:650}.marketing-nav nav a:hover{color:#16181d}.nav-actions{display:flex;gap:10px}.marketing-main{overflow:hidden}.hero{max-width:1200px;margin:0 auto;padding:72px 28px 94px;display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center;min-height:650px}.hero-copy h1{font-size:68px;line-height:.98;letter-spacing:-.055em;margin:0 0 25px;max-width:560px}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{font-size:19px;line-height:1.65;color:#626876;max-width:540px;margin:0 0 30px}.hero-actions{display:flex;gap:12px}.trust-line{display:flex;gap:22px;margin-top:24px;color:#858995;font-size:12px;font-weight:700}.trust-line span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9a91ff;margin-right:8px;vertical-align:1px}.hero-product{position:relative}.hero-product:before{content:"";position:absolute;width:520px;height:520px;right:-80px;top:-70px;background:radial-gradient(circle,#e5e2ff 0,rgba(229,226,255,.55) 32%,transparent 68%);z-index:0}.mock-shell{position:relative;z-index:1;background:#fff;border:1px solid #e4e6ed;border-radius:24px;box-shadow:0 28px 90px rgba(31,35,51,.16);overflow:hidden;transform:rotate(-1.2deg)}.mock-top{height:44px;border-bottom:1px solid #eceef2;display:flex;align-items:center;gap:6px;padding:0 14px;color:#8a8f99;font-size:11px}.mock-top i{width:7px;height:7px;border-radius:50%;background:#dfe2e8}.mock-top span{margin-left:auto;margin-right:auto;font-weight:700}.mock-grid{display:grid;grid-template-columns:52px 1fr 210px;min-height:420px}.mock-side{border-right:1px solid #eef0f4;padding:17px 12px;display:flex;flex-direction:column;gap:12px}.mock-mini{width:27px;height:27px;border-radius:9px;background:#edf0f5}.mock-mini.active{background:#6b5cff}.mock-editor{padding:27px 22px}.mock-title{height:14px;width:88px;background:#20232a;border-radius:5px;margin-bottom:18px}.mock-field{height:48px;border:1px solid #e2e5eb;border-radius:12px;margin-bottom:14px}.mock-card{height:76px;border:1px solid #e6e8ee;border-radius:15px;margin:10px 0;padding:17px;background:#fafbfc}.mock-card b,.mock-card span{display:block;background:#2a2d34;border-radius:4px;height:9px;width:100px}.mock-card span{margin-top:9px;width:150px;background:#d8dce4;height:7px}.mock-card.short span{width:110px}.mock-phone{padding:24px 20px;background:#f7f8fb;display:grid;place-items:center}.phone-screen{width:170px;min-height:340px;border:6px solid #202229;border-radius:31px;background:linear-gradient(#f8f7ff,#fff);padding:36px 13px 18px;text-align:center;box-shadow:0 10px 30px rgba(35,38,48,.13)}.demo-avatar{width:48px;height:48px;border-radius:16px;margin:auto;background:linear-gradient(135deg,#6c5cff,#a99fff);display:grid;place-items:center;color:#fff;font-weight:900}.phone-screen h3{margin:10px 0 2px;font-size:13px}.phone-screen p{font-size:8px;color:#7a7f89;margin:0 0 13px}.phone-screen>a{display:block;background:#6757ff;color:#fff;border-radius:10px;padding:9px 6px;margin:7px 0;font-size:8px;font-weight:700}.social-dots{display:flex;justify-content:center;gap:7px;margin-top:13px}.social-dots i{width:12px;height:12px;border-radius:50%;background:#d9dce3}.logo-strip{background:#15161b;color:#fff;min-height:88px;display:flex;align-items:center;justify-content:center;gap:44px;font-size:13px;letter-spacing:.09em}.logo-strip span{color:#777d89;font-size:11px}.feature-section{max-width:1180px;margin:auto;padding:110px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2,.builder-showcase h2,.cta-section h2{font-size:44px;line-height:1.08;letter-spacing:-.04em;margin:0}.section-heading p{max-width:420px;color:#6c727f;font-size:16px;line-height:1.6;margin:0}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.feature-grid article{border:1px solid #e5e7ed;border-radius:22px;padding:30px;min-height:250px;background:#fff}.feature-grid article:nth-child(4){grid-column:2/4;min-height:210px}.feature-big{grid-row:span 2;background:linear-gradient(180deg,#fff,#fafaff)!important}.feature-icon{width:47px;height:47px;border-radius:14px;background:#eeecff;color:#5d4ff2;display:grid;place-items:center;margin-bottom:30px}.feature-grid h3{font-size:21px;margin:0 0 10px}.feature-grid p{color:#737986;line-height:1.6;margin:0}.block-visual{margin-top:34px;display:grid;gap:10px}.block-visual span{display:block;padding:14px 16px;background:#fff;border:1px solid #e6e7ee;border-radius:13px;font-size:13px;font-weight:750;box-shadow:0 8px 18px rgba(45,48,63,.05)}.builder-showcase{max-width:1120px;margin:0 auto 110px;background:#13141a;color:#fff;border-radius:30px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.builder-showcase p{color:#a8adb7;line-height:1.7}.builder-showcase ul{padding-left:20px;color:#d9dbe0;line-height:2}.showcase-panel{background:#fff;color:#191b20;border-radius:20px;padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.25)}.show-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 4px 14px;border-bottom:1px solid #eceef2;font-weight:800}.show-toolbar button{border:0;background:#6757ff;color:#fff;border-radius:9px;padding:8px 12px}.show-row{padding:17px 14px;margin-top:10px;border:1px solid #e6e8ed;border-radius:13px}.show-row b,.show-row small{display:block}.show-row small{color:#858a94;margin-top:4px}.cta-section{max-width:1180px;margin:0 auto 100px;border-radius:28px;background:#f0efff;padding:56px 62px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-section p{color:#656b79}.marketing-footer{max-width:1180px;margin:auto;padding:30px 28px 50px;border-top:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;color:#7a7f89;font-size:13px}
/* auth/install */
.auth-body{min-height:100vh;background:#f4f5f9}.auth-layout{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.auth-visual{background:linear-gradient(150deg,#191a22 0,#34304f 65%,#6757ff 125%);padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between}.register-visual{background:linear-gradient(150deg,#171922 0,#33345a 65%,#526cff 125%)}.auth-visual-copy{color:#fff;max-width:500px;margin-bottom:70px}.auth-visual-copy h2{font-size:46px;line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}.auth-visual-copy p{font-size:17px;line-height:1.7;color:#c1c4cf}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(440px,100%)}.auth-card h1{font-size:34px;letter-spacing:-.03em;margin:0 0 9px}.auth-card>p{color:#747985;margin:0 0 28px}.auth-card form{display:grid;gap:16px}.auth-switch{text-align:center!important;margin-top:22px!important;font-size:14px}.auth-switch a{color:var(--accent);font-weight:800}.slug-input{display:flex;align-items:center;border:1px solid #dfe2e8;border-radius:12px;background:#fff;overflow:hidden}.slug-input:focus-within{border-color:#9187ff;box-shadow:0 0 0 4px rgba(103,87,255,.09)}.slug-input span{padding-left:12px;color:#8b909a;font-weight:700}.slug-input input{border:0;box-shadow:none!important;padding-left:4px}.install-wrap{min-height:100vh;display:grid;place-items:center;padding:50px 22px}.install-panel{width:min(760px,100%);background:#fff;border:1px solid #e3e5eb;border-radius:24px;box-shadow:var(--shadow);padding:36px}.install-brand{margin-bottom:38px}.install-copy h1{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.install-copy p{color:#777d88;margin:0 0 28px}.install-form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.db-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-choice label{display:flex;gap:10px;padding:14px;border:1px solid #dfe2e8;border-radius:13px}.db-choice input{width:auto}.db-choice span{display:grid;gap:2px}.db-choice small{color:#858b96;font-weight:500}.mysql-fields{padding:18px;background:#f7f8fa;border-radius:14px;display:grid;gap:14px}.success-card{text-align:center;padding:40px}.not-found{text-align:center;margin:auto;padding:130px 20px}.not-found>span{font-size:72px;font-weight:900;color:#d8dbe3}.not-found h1{font-size:34px;margin:5px}.not-found p{color:#7b808c;margin-bottom:24px}
/* app shell */
.app-body{background:#f5f6f8}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid #e3e5e9;padding:22px 16px 18px;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding:4px 7px 22px}.nav{display:grid;gap:5px}.nav a,.logout-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#656a75;font-size:14px;font-weight:700}.nav a:hover,.logout-link:hover{background:#f3f4f7;color:#24262b}.nav a.active{background:#eeecff;color:#5b4df0}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;padding:11px 8px;border-top:1px solid #eceef2}.user-chip>div{display:grid;min-width:0}.user-chip strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{color:#858a95;font-size:11px}.avatar-sm{width:34px;height:34px;border-radius:10px;background:#eceaff;color:#584af0;display:grid;place-items:center;font-size:12px;font-weight:900}.app-main{margin-left:var(--sidebar);padding:42px 46px 70px;max-width:1500px}.app-main.narrow{max-width:1120px}.app-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.app-top h1{font-size:34px;letter-spacing:-.035em;margin:0}.app-top p:not(.eyebrow){color:#777d89;margin:8px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid article{background:#fff;border:1px solid #e2e4e9;border-radius:17px;padding:21px 22px;display:grid;gap:6px}.metric-grid span{font-size:12px;color:#777d89;font-weight:750}.metric-grid strong{font-size:29px;letter-spacing:-.03em}.metric-grid small{color:#9a9ea8;font-size:11px}.content-card{background:#fff;border:1px solid #e1e3e8;border-radius:18px;overflow:hidden}.card-head{padding:21px 23px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;gap:20px}.card-head h2{font-size:18px;margin:0 0 4px}.card-head p{margin:0;color:#858a95;font-size:13px}.card-head>a{font-size:13px;color:#5f50ef;font-weight:800}.page-table{padding:4px 0}.page-row{display:grid;grid-template-columns:46px minmax(170px,1fr) 90px 90px 70px 38px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f1f4}.page-row:last-child{border:0}.page-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#ebe9ff,#d9d5ff);color:#5b4df0;display:grid;place-items:center;font-size:11px;font-weight:900}.page-avatar.lg{width:50px;height:50px;border-radius:15px}.page-info{display:grid;gap:3px;min-width:0}.page-info strong{font-size:14px}.page-info a{font-size:12px;color:#8a8f99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-stat{display:grid;gap:2px}.row-stat span{font-size:10px;color:#969ba5;text-transform:uppercase;letter-spacing:.06em}.row-stat strong{font-size:14px}.status-pill{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;text-align:center}.status-pill.live{background:#e9f8f0;color:#238254}.status-pill.draft{background:#f0f1f4;color:#777d89}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e3e5e9;background:#fff;display:grid;place-items:center;color:#6c727d}.icon-btn:hover{background:#f6f7f9;color:#292c32}.empty-state{padding:60px;text-align:center;color:#7f8490}.empty-state>div{width:58px;height:58px;border-radius:18px;background:#f0efff;color:#6556f4;display:grid;place-items:center;margin:0 auto 15px}.empty-state h3{margin:0 0 5px;color:#202228}.empty-state p{margin:0}.two-col-page{display:grid;grid-template-columns:1fr 330px;gap:20px}.pages-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-card{border:1px solid #e5e7ec;border-radius:16px;padding:18px}.page-card-top{display:flex;justify-content:space-between;align-items:start}.status-dot{width:9px;height:9px;border-radius:50%;background:#22a56c;box-shadow:0 0 0 5px #e7f7ef;margin:8px}.page-card h3{font-size:17px;margin:15px 0 5px}.public-link{display:flex;align-items:center;gap:4px;font-size:12px;color:#7c818d}.mini-stats{display:flex;gap:18px;border-top:1px solid #eff0f3;margin:16px 0;padding-top:14px;font-size:11px;color:#8c919a}.mini-stats b{color:#282a30;font-size:13px}.create-card{background:#17181d;color:#fff;border-radius:18px;padding:24px;align-self:start}.create-card .feature-icon{margin-bottom:24px}.create-card h2{font-size:22px;margin:0 0 8px}.create-card>p{color:#aaafb9;line-height:1.5;font-size:13px}.create-card form{display:grid;gap:14px;margin-top:22px}.create-card label{color:#dadde3}.create-card .slug-input input,.create-card input{background:#25272e;color:#fff;border-color:#343740}.create-card .slug-input{background:#25272e;border-color:#343740}.analytics-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.chart-card{min-height:350px}.bar-chart{height:250px;display:flex;align-items:end;gap:18px;padding:35px 30px 30px}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:min(48px,70%);min-height:4px;background:linear-gradient(#8a7fff,#5c4df2);border-radius:9px 9px 4px 4px;position:relative}.bar span{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:10px;color:#777d88}.bar-col small{font-size:10px;color:#8c919b}.top-links{padding:10px 20px}.top-links>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff0f3}.top-links>div:last-child{border:0}.rank{width:25px;height:25px;border-radius:8px;background:#f0efff;color:#5c4ff0;display:grid;place-items:center;font-size:10px;font-weight:900}.top-title{display:grid;gap:2px;flex:1}.top-title strong{font-size:13px}.top-title small{color:#969ba5;font-size:10px}.top-links b{font-size:13px}.empty-inline{color:#8d929c;padding:24px 0!important}.settings-card{max-width:700px}.settings-form{padding:24px;display:grid;gap:17px}.settings-form .btn{justify-self:start}.upgrade-card{max-width:700px;margin-top:18px;background:linear-gradient(135deg,#1b1d26,#34304e);border-radius:18px;color:#fff;padding:28px;position:relative;overflow:hidden}.upgrade-card span{font-size:11px;color:#a7a3ff;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.upgrade-card h2{margin:6px 0 9px;font-size:21px}.upgrade-card p{max-width:520px;color:#b7bac4;font-size:13px;line-height:1.6}.upgrade-orb{position:absolute;width:160px;height:160px;border-radius:50%;background:#6757ff;filter:blur(28px);opacity:.28;right:-40px;top:-35px}.admin-table{padding:0 20px 14px}.admin-row{display:grid;grid-template-columns:1.5fr .5fr .5fr .4fr .7fr;gap:12px;padding:14px 4px;border-bottom:1px solid #eef0f3;align-items:center;font-size:13px}.admin-row.head{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8f949e;font-weight:800}.admin-row span:first-child{display:grid}.admin-row small{color:#979ba4;font-size:10px;margin-top:2px}
/* builder */
.builder-body{height:100vh;overflow:hidden;background:#eef0f4}.builder-app{height:100vh;display:grid;grid-template-rows:64px 1fr}.builder-topbar{background:#fff;border-bottom:1px solid #e1e3e8;display:grid;grid-template-columns:220px 1fr 320px;align-items:center;padding:0 16px;z-index:5}.builder-title{text-align:center;display:grid;line-height:1.2}.builder-title strong{font-size:13px}.save-status{font-size:10px;color:#8c919b}.save-status.saving{color:#806ef7}.save-status.error{color:#c44b4b}.builder-actions{display:flex;justify-content:flex-end;gap:9px}.builder-workspace{min-height:0;display:grid;grid-template-columns:76px 430px 1fr}.builder-rail{background:#fff;border-right:1px solid #e1e3e8;padding:14px 8px;display:flex;flex-direction:column;gap:6px}.rail-btn{border:0;background:transparent;color:#737985;border-radius:11px;min-height:62px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700}.rail-btn:hover,.rail-btn.active{background:#f0efff;color:#5f50f1}.builder-panel{background:#fff;border-right:1px solid #dfe1e7;min-width:0}.panel-scroll{height:100%;overflow:auto;padding:0 20px 40px}.tab-panel{display:none}.tab-panel.active{display:block}.panel-heading{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;border-bottom:1px solid #eef0f3;margin-bottom:18px}.panel-heading h2{font-size:20px;margin:0 0 3px}.panel-heading p{font-size:12px;color:#8c919b;margin:0}.profile-editor{display:grid;grid-template-columns:62px 1fr;gap:13px;padding:15px;border:1px solid #e4e6eb;border-radius:15px;background:#fafbfc}.profile-avatar{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#6253f3,#8b80ff);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.profile-editor>div:last-child{display:grid;gap:11px}.profile-editor label{font-size:10px}.profile-editor input,.profile-editor textarea{padding:9px 10px;border-radius:9px;font-size:12px}.blocks-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.blocks-toolbar strong{font-size:13px}.block-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8f9fb;border:1px solid #e7e9ee;border-radius:14px;padding:9px;margin-bottom:12px}.block-menu.hidden{display:none}.block-menu button{border:1px solid transparent;background:#fff;border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;color:#454951}.block-menu button:hover{border-color:#d8d9f8;color:#5547eb}.block-menu button span:last-child{display:grid;gap:1px}.block-menu b{font-size:11px}.block-menu small{font-size:9px;color:#969ba5}.type-icon{width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-weight:900}.blocks-list{display:grid;gap:10px}.block-editor{border:1px solid #e1e3e8;border-radius:14px;background:#fff;overflow:hidden;transition:.18s}.block-editor:hover{border-color:#d2d4db}.block-head{height:42px;background:#fafbfc;border-bottom:1px solid #eef0f3;display:flex;align-items:center;gap:8px;padding:0 9px}.drag-handle{color:#a5a9b2;cursor:grab}.block-type{font-size:11px;font-weight:800;flex:1;text-transform:capitalize}.block-toggle{border:0;background:transparent;color:#8d929b}.block-delete{border:0;background:transparent;color:#9b9fa8;padding:6px;border-radius:8px}.block-delete:hover{background:#fff0f0;color:#bf4a4a}.block-fields{padding:12px;display:grid;gap:9px}.block-fields label{font-size:10px}.block-fields input,.block-fields textarea{font-size:12px;padding:9px 10px;border-radius:9px}.design-section{padding:18px 0;border-bottom:1px solid #eff0f3}.design-section h3{font-size:12px;margin:0 0 13px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-grid label{display:flex;align-items:center;justify-content:space-between;background:#f8f9fb;padding:10px 12px;border-radius:11px;font-size:11px}.color-grid input[type=color]{width:32px;height:32px;padding:2px;border-radius:9px}.range-row{display:flex;align-items:center;gap:10px;color:#8c919a;font-size:10px}.range-row input{padding:0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f2f5;border-radius:10px;padding:4px}.segmented button{border:0;background:transparent;border-radius:8px;padding:8px;font-size:10px;font-weight:750;color:#777c87}.segmented button.active{background:#fff;color:#4e41e7;box-shadow:0 2px 8px rgba(29,32,45,.08)}.switch-label{display:flex;align-items:center;justify-content:space-between}.switch-label span{display:grid;gap:2px}.switch-label small{font-size:10px;color:#9398a2;font-weight:500}.switch-label input{display:none}.switch-label i{width:38px;height:22px;border-radius:99px;background:#d8dbe2;position:relative;transition:.2s}.switch-label i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.switch-label input:checked+i{background:#6757ff}.switch-label input:checked+i:after{left:19px}.public-url-card{background:#f4f3ff;border:1px solid #e2dfff;border-radius:13px;padding:14px;display:grid;gap:4px}.public-url-card span{font-size:10px;color:#7a72b9;font-weight:800}.public-url-card a{font-size:11px;color:#5547e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-stage{min-width:0;background:radial-gradient(circle at 50% 38%,#f8f9fb 0,#eceef3 64%);display:flex;flex-direction:column;align-items:center;padding:20px 24px 30px;overflow:auto}.preview-heading{width:min(470px,100%);display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.preview-heading>div:first-child{display:grid}.preview-heading span{font-size:11px;font-weight:800}.preview-heading small{color:#9a9ea7;font-size:9px}.device-toggle{display:flex;background:#e2e4e9;padding:3px;border-radius:9px}.device-toggle button{border:0;background:transparent;padding:6px 9px;border-radius:7px;font-size:9px;color:#858a95}.device-toggle button.active{background:#fff;color:#33363e}.phone-frame{width:390px;height:844px;max-height:calc(100vh - 125px);aspect-ratio:390/844;background:#16181d;border-radius:43px;padding:9px;box-shadow:0 20px 55px rgba(37,41,53,.2);position:relative;flex:none}.phone-notch{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:105px;height:25px;background:#16181d;border-radius:20px;z-index:4}.live-preview{width:100%;height:100%;border-radius:35px;overflow:auto;background:#f4f7fb;padding:54px 20px 28px;scrollbar-width:none}.live-preview::-webkit-scrollbar{display:none}.preview-profile{text-align:center;margin-bottom:24px}.preview-avatar{width:76px;height:76px;border-radius:25px;margin:auto;background:#6757ff;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;object-fit:cover}.preview-profile h2{font-size:21px;margin:12px 0 5px}.preview-profile p{font-size:12px;line-height:1.5;margin:0 auto;max-width:280px}.preview-blocks{display:grid;gap:11px}.preview-link{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 16px;text-decoration:none;font-size:12px;font-weight:800}.preview-link span{display:grid;gap:2px}.preview-link small{font-size:9px;font-weight:550;opacity:.72}.preview-heading-block{font-size:15px;margin:12px 0 2px}.preview-text-block{font-size:11px;line-height:1.55;text-align:center;margin:2px 0}.preview-social{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:750}.preview-divider{height:1px;margin:8px 20px;background:currentColor;opacity:.13}
/* public bio */
.public-bio-body{margin:0;min-height:100vh}.bio-page{--bg:#f4f7fb;--surface:#fff;--text:#111827;--muted:#6b7280;--accent:#6757ff;--radius:20px;min-height:100vh;background:var(--bg);color:var(--text);padding:48px 18px}.bio-card{width:min(620px,100%);margin:auto}.bio-profile{text-align:center;margin-bottom:28px}.bio-profile img,.bio-avatar-fallback{width:92px;height:92px;border-radius:29px;object-fit:cover;margin:auto}.bio-avatar-fallback{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900;font-size:22px}.bio-profile h1{font-size:26px;letter-spacing:-.025em;margin:15px 0 7px}.bio-profile p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 auto;max-width:440px}.public-blocks{display:grid;gap:13px}.public-link-block{min-height:68px;border-radius:var(--radius);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:.18s;box-shadow:0 8px 26px rgba(30,33,44,.05)}.public-link-block:hover{transform:translateY(-2px)}.public-link-block span{display:grid;gap:3px;flex:1;text-align:center}.public-link-block strong{font-size:14px}.public-link-block small{font-size:11px;font-weight:500;opacity:.72}.style-solid{background:var(--accent);color:#fff}.style-outline{background:transparent;color:var(--text);border:1.5px solid var(--accent)}.style-soft{background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 20%,#fff)}.public-heading{text-align:center;font-size:18px;margin:18px 0 2px}.public-text{text-align:center;color:var(--muted);font-size:13px;line-height:1.6;margin:2px 0}.social-row{color:var(--text);display:flex;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:750;padding:9px}.public-divider{height:1px;background:var(--text);opacity:.12;margin:10px 30px}.bio-footer{text-align:center;padding:34px 0 8px}.bio-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:750}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center;max-width:720px;margin:auto}.hero-copy h1{margin-left:auto;margin-right:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-line{justify-content:center}.hero-product{max-width:760px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr 1fr}.feature-big{grid-row:auto;grid-column:1/3}.feature-grid article:nth-child(4){grid-column:auto}.builder-workspace{grid-template-columns:70px 380px 1fr}.builder-topbar{grid-template-columns:180px 1fr 280px}.two-col-page{grid-template-columns:1fr}.create-card{max-width:460px}.analytics-grid{grid-template-columns:1fr}.phone-frame{width:340px;height:735px}}
@media(max-width:820px){.marketing-nav nav{display:none}.hero-copy h1{font-size:52px}.mock-grid{grid-template-columns:42px 1fr 185px}.feature-grid{display:grid;grid-template-columns:1fr}.feature-big,.feature-grid article:nth-child(4){grid-column:auto}.builder-showcase{grid-template-columns:1fr;padding:40px}.cta-section{display:grid;padding:40px}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.sidebar{width:72px;padding-left:8px;padding-right:8px}.sidebar .brand strong,.nav a span,.logout-link span,.user-chip>div{display:none}.sidebar>.brand{justify-content:center;padding-left:0;padding-right:0}.nav a,.logout-link{justify-content:center}.app-main{margin-left:72px;padding:28px 20px}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.page-row{grid-template-columns:44px 1fr 40px}.page-row .row-stat,.page-row .status-pill{display:none}.builder-body{overflow:auto}.builder-app{height:auto;min-height:100vh}.builder-topbar{grid-template-columns:auto 1fr auto;position:sticky;top:0}.builder-title{display:none}.builder-actions .ghost{display:none}.builder-workspace{display:block}.builder-rail{position:sticky;top:64px;z-index:4;height:58px;flex-direction:row;border-bottom:1px solid #e1e3e8;padding:5px}.rail-btn{flex:1;min-height:auto}.builder-panel{border-right:0}.preview-stage{padding-top:30px}.phone-frame{width:min(390px,92vw);height:auto;max-height:none;aspect-ratio:390/844}.live-preview{min-height:calc(92vw * 2.164)}.panel-scroll{max-width:620px;margin:auto}.marketing-footer{display:grid;gap:12px}.pages-grid{grid-template-columns:1fr}}
@media(max-width:560px){.marketing-nav{padding:0 16px}.nav-actions .ghost{display:none}.hero{padding:40px 18px 65px;gap:35px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.trust-line{gap:8px;flex-wrap:wrap}.mock-grid{grid-template-columns:36px 1fr}.mock-phone{display:none}.logo-strip{gap:18px;flex-wrap:wrap;padding:24px;font-size:10px}.feature-section{padding:75px 18px}.section-heading{display:grid}.section-heading h2,.builder-showcase h2,.cta-section h2{font-size:34px}.builder-showcase{margin:0 14px 70px;padding:28px;border-radius:23px}.cta-section{margin:0 14px 70px}.marketing-footer{padding:24px 18px 40px}.auth-panel{padding:28px 18px}.auth-card h1{font-size:29px}.form-grid,.db-choice{grid-template-columns:1fr}.install-panel{padding:24px}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:64px;border-right:0;border-top:1px solid #e1e3e7;flex-direction:row;padding:5px 8px;z-index:20}.sidebar>.brand,.sidebar-bottom{display:none}.nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.nav a{flex-direction:column;gap:2px;padding:6px;font-size:9px}.nav a span{display:block;font-size:9px}.app-main{margin-left:0;padding:24px 15px 90px}.app-top{align-items:flex-start}.app-top h1{font-size:29px}.app-top .btn{padding:0 12px}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid strong{font-size:24px}.page-row{padding:12px 13px}.pages-grid{padding:12px}.admin-table{overflow:auto}.admin-row{min-width:650px}.builder-topbar{padding:0 8px}.builder-topbar .brand strong{display:none}.builder-actions .btn.primary{padding:0 11px;font-size:12px}.builder-workspace{padding-bottom:0}.preview-stage{padding-left:8px;padding-right:8px}.color-grid{grid-template-columns:1fr}.public-bio-body .bio-page{padding-top:30px}.bio-profile img,.bio-avatar-fallback{width:82px;height:82px;border-radius:25px}}

/* === LinkFlow V2 commercial SaaS layer === */
button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}.alert.success{background:#edf9f3;border:1px solid #ccebdc;color:#19734c}.app-alert{margin:0 0 18px}.quota-chip,.plan-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border-radius:999px;background:#eeecff;color:#5547e7;font-size:11px;font-weight:850;letter-spacing:.04em}.plan-badge.big{min-height:38px;padding:0 15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.plan-card{position:sticky;top:24px}.plan-usage{display:grid;gap:0;margin:8px 0 18px}.plan-usage>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.plan-usage span{color:var(--muted);font-size:12px}.plan-usage strong{font-size:12px}.limit-note{margin-top:12px;padding:11px 12px;border-radius:11px;background:#f7f6ff;color:#6a6296;font-size:11px;line-height:1.5}.limit-note a{font-weight:800;color:#5547e7}.range-filter select{min-width:140px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;color:var(--text)}
.analytics-chart-card{grid-column:span 2}.bar-chart{min-height:280px;padding-top:10px}.chart-bars{height:225px;display:flex;align-items:stretch;gap:5px;border-bottom:1px solid var(--line);padding:0 4px}.chart-bars.compact{gap:2px}.chart-day{min-width:0;flex:1;display:grid;grid-template-rows:1fr 22px;align-items:end}.bars{height:100%;display:flex;align-items:end;justify-content:center;gap:2px}.bars i,.bars b,.bars em{display:block;width:28%;max-width:10px;min-width:2px;border-radius:5px 5px 1px 1px}.bars i{background:#6757ff}.bars b{background:#2fbc86}.bars em{background:#f1a84b}.chart-day small{text-align:center;color:#999eaa;font-size:8px;white-space:nowrap}.chart-legend{display:flex;gap:18px;margin-top:14px;color:#777c88;font-size:10px;font-weight:750}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%}.chart-legend i.views{background:#6757ff}.chart-legend i.clicks{background:#2fbc86}.chart-legend i.leads{background:#f1a84b}.rank-list{display:grid}.rank-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rank-list>div:last-child{border-bottom:0}.rank-list span{font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list strong{font-size:12px}
.pricing-section{padding:90px max(24px,calc((100vw - 1180px)/2));background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pricing-card{position:relative;padding:25px;border:1px solid #e5e7ed;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(27,31,44,.04)}.pricing-card.featured{border-color:#b9b1ff;box-shadow:0 16px 42px rgba(103,87,255,.12)}.pricing-card.current{outline:2px solid #6757ff;outline-offset:2px}.pricing-card h3{font-size:19px;margin:0 0 8px}.pricing-card>p{font-size:12px;line-height:1.55;color:var(--muted);min-height:38px}.price{display:flex;align-items:flex-end;gap:6px;margin:20px 0}.price strong{font-size:34px;line-height:1;letter-spacing:-.04em}.price span{font-size:11px;color:var(--muted);padding-bottom:3px}.pricing-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}.pricing-card li{font-size:11px;color:#50545e;padding-left:17px;position:relative}.pricing-card li:before{content:"";position:absolute;left:0;top:5px;width:7px;height:4px;border-left:1.5px solid #5d50ed;border-bottom:1.5px solid #5d50ed;transform:rotate(-45deg)}.app-pricing{margin-top:5px}.plan-title{display:flex;align-items:center;justify-content:space-between}.plan-title span{font-size:9px;font-weight:850;padding:5px 8px;border-radius:999px;background:#edebff;color:#5547e7}.billing-notice{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff9e9;border:1px solid #f0dfaa;border-radius:14px;margin-bottom:18px;color:#735d20}.billing-notice>div{display:grid;gap:2px}.billing-notice strong{font-size:12px}.billing-notice span{font-size:10px}.payment-roadmap{margin-top:18px;display:flex;gap:14px;align-items:flex-start}.payment-roadmap>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1efff;color:#5a4de9;flex:none}.payment-roadmap h3{margin:2px 0 4px;font-size:14px}.payment-roadmap p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.domain-list{display:grid;gap:12px}.domain-row{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px}.domain-status{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f2f5;color:#858b96}.domain-status.verified{background:#e8f7f0;color:#168157}.domain-row>div:nth-child(2){display:grid;gap:2px}.domain-row strong{font-size:12px}.domain-row small{font-size:10px;color:var(--muted)}.domain-actions{display:flex;align-items:center;gap:6px}.domain-actions form{margin:0}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;color:#777d88}.icon-btn:hover{background:#f6f7f9;color:#d44747}.dns-instructions{grid-column:2/4;background:#f7f8fb;border-radius:10px;padding:10px;display:grid;gap:5px}.dns-instructions code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#5f6470;word-break:break-all}.empty-state{text-align:center;padding:42px 20px!important}.empty-state>span{width:52px;height:52px;border-radius:15px;background:#f1efff;color:#5a4de9;display:grid;place-items:center;margin:0 auto 12px}.empty-state h3{font-size:14px;margin:0 0 6px}.empty-state p{max-width:360px;margin:auto;color:var(--muted);font-size:11px;line-height:1.6}
.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qr-card{display:grid;grid-template-columns:118px 1fr;gap:15px;align-items:center;position:relative}.qr-canvas{width:118px;height:118px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;overflow:hidden;background:#fff}.qr-canvas canvas{width:106px;height:106px;image-rendering:pixelated}.qr-copy{min-width:0;display:grid;gap:4px}.qr-copy strong{font-size:13px}.qr-copy small{font-size:10px;color:var(--muted)}.qr-copy code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#8b909b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-actions{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}.qr-actions form{margin:0}
.settings-card{max-width:760px}.settings-readonly{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.settings-readonly>div{background:#f7f8fa;border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:4px}.settings-readonly span{font-size:9px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em}.settings-readonly strong{font-size:12px}
.block-menu{width:225px}.block-menu button{display:flex!important;align-items:center!important;gap:10px!important}.block-menu button>span{display:grid;text-align:left;gap:1px}.block-menu button small{font-size:8px;color:#9a7b24;text-transform:uppercase;letter-spacing:.05em}.block-menu button:disabled{background:#fbfaf5}.block-menu button:disabled svg{color:#b2a97b}.premium-tag{font-size:7px;font-weight:900;letter-spacing:.05em;background:#fff3c8;color:#8a6b10;padding:3px 5px;border-radius:5px}.upgrade-inline{border:1px dashed #dfd8a8;background:#fffdf2;color:#706531;border-radius:10px;padding:10px;display:grid;gap:2px}.upgrade-inline strong{font-size:10px}.upgrade-inline span{font-size:9px}.smart-editor{margin-top:5px;padding-top:12px;border-top:1px solid #eceef2}.smart-fields{display:grid;gap:9px;margin-top:8px}.smart-fields.collapsed{display:none}.smart-divider{font-size:8px;font-weight:850;color:#9a9fab;text-transform:uppercase;letter-spacing:.07em;padding-top:5px}.editor-check{margin:0!important}.template-list{display:grid;gap:10px;padding:16px}.template-list button{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:13px;padding:9px;transition:.18s}.template-list button:hover{border-color:#beb8ff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(35,38,49,.06)}.template-list strong{align-self:end;font-size:11px}.template-list small{font-size:9px;color:#8b909c}.template-preview{grid-row:1/3;width:72px;height:56px;border-radius:9px;border:1px solid rgba(0,0,0,.06)}.template-preview.creator{background:linear-gradient(135deg,#f4f7fb 50%,#6757ff 50%)}.template-preview.music{background:linear-gradient(135deg,#11141b 50%,#2dd4bf 50%)}.template-preview.business{background:linear-gradient(135deg,#f4f0ea 50%,#1f2937 50%)}.template-note{margin:0 16px 16px;padding:11px;border-radius:10px;background:#f7f8fa;color:#7f8490;font-size:9px;line-height:1.5}.builder-domain-link{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;color:#555c68}.builder-domain-link span{display:grid;gap:2px}.builder-domain-link strong{font-size:10px}.builder-domain-link small{font-size:9px;color:#9096a1}
.preview-smart{font-style:normal;font-size:6px;background:rgba(255,255,255,.2);padding:3px 4px;border-radius:4px;position:absolute;right:8px}.preview-link{position:relative}.preview-image{overflow:hidden;border-radius:16px;display:grid;gap:5px}.preview-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.preview-image small{text-align:center;font-size:8px;opacity:.65}.preview-media,.preview-event{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(0,0,0,.06)}.preview-media>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.08);font-size:10px}.preview-media span,.preview-event span{display:grid;gap:2px}.preview-media strong,.preview-event strong{font-size:10px}.preview-media small,.preview-event small{font-size:8px;opacity:.6}.preview-countdown{text-align:center;padding:14px;border:1px solid rgba(0,0,0,.06);display:grid;gap:3px}.preview-countdown small{font-size:8px;opacity:.65}.preview-countdown strong{font-size:14px;letter-spacing:.04em}.preview-event>b{width:32px;height:32px;border-radius:9px;background:rgba(0,0,0,.07);display:grid;place-items:center;font-size:11px}.preview-email{display:grid;gap:4px;padding:13px;border:1px solid rgba(0,0,0,.06)}.preview-email>strong{font-size:11px}.preview-email>small{font-size:8px}.preview-email>div{margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:rgba(0,0,0,.045);border-radius:8px;padding:4px 4px 4px 8px}.preview-email>div span{font-size:7px;opacity:.5}.preview-email>div b{font-size:7px;border-radius:6px;padding:6px 8px}
.bio-card{width:min(var(--page-width,620px),100%)}.bio-profile img,.bio-avatar-fallback{border-radius:var(--avatar-radius,29px)}.public-image-block{margin:0;display:grid;gap:7px}.public-image-block img{width:100%;border-radius:var(--radius);display:block;box-shadow:0 8px 26px rgba(30,33,44,.05)}.public-image-block figcaption{text-align:center;color:var(--muted);font-size:11px}.public-media-link{min-height:68px;padding:12px 15px;border-radius:var(--radius);background:var(--surface);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 12%,#ddd)}.media-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent);display:grid;place-items:center}.public-media-link>span:nth-child(2){display:grid;gap:3px}.public-media-link strong{font-size:13px}.public-media-link small{font-size:10px;color:var(--muted)}.public-countdown{padding:18px;border-radius:var(--radius);background:var(--surface);text-align:center;display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--accent) 12%,#ddd)}.public-countdown small{font-size:10px;color:var(--muted);font-weight:700}.public-countdown strong{font-size:20px;letter-spacing:.045em}.public-event{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px 15px;border-radius:var(--radius);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 12%,#ddd)}.event-date{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent)}.public-event>div{display:grid;gap:3px}.public-event strong{font-size:13px}.public-event small{font-size:10px;color:var(--muted)}.public-event>a{font-size:10px;color:var(--accent);font-weight:800}.public-lead-form{border-radius:var(--radius);background:var(--surface);padding:17px;display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--accent) 12%,#ddd)}.public-lead-form>strong{font-size:14px;text-align:center}.public-lead-form>small{font-size:10px;color:var(--muted);text-align:center;margin-bottom:5px}.public-lead-form>div{display:flex;gap:6px}.public-lead-form input{min-width:0;flex:1;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);background:var(--bg);color:var(--text);border-radius:calc(var(--radius) * .55);padding:11px 12px;font-size:12px;outline:none}.public-lead-form button{border:0;background:var(--accent);color:#fff;border-radius:calc(var(--radius) * .55);padding:0 16px;font-size:11px;font-weight:800;white-space:nowrap}
.admin-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-bottom:18px}.subscription-list{display:grid}.subscription-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.subscription-row>div:first-child{display:grid;gap:2px}.subscription-row strong{font-size:11px}.subscription-row small{font-size:9px;color:var(--muted)}.subscription-actions{display:flex;gap:5px}.subscription-actions form{margin:0}.plan-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-admin-card{border:1px solid var(--line);border-radius:13px;padding:13px}.plan-admin-card h3{margin:0 0 10px;font-size:13px}.plan-admin-card .form-grid{gap:7px}.plan-admin-card label{font-size:8px}.plan-admin-card input{min-height:34px;padding:7px 8px;font-size:10px}.check-row{display:flex!important;align-items:center!important;gap:7px!important;min-height:26px}.check-row input{width:auto!important;min-height:0!important;padding:0!important}
.compact-install{max-width:590px;margin:auto}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.plan-card{position:static}.analytics-chart-card{grid-column:auto}.admin-layout{grid-template-columns:1fr}.qr-grid{grid-template-columns:1fr}.app-pricing{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pricing-section{padding:70px 20px}.pricing-grid{grid-template-columns:1fr 1fr}.public-event{grid-template-columns:40px 1fr}.public-event>a{grid-column:2}.dashboard-grid{display:grid}.plan-admin-grid{grid-template-columns:1fr}.dns-instructions{grid-column:1/4}.qr-card{grid-template-columns:100px 1fr}.qr-canvas{width:100px;height:100px}.qr-canvas canvas{width:90px;height:90px}}
@media(max-width:560px){.sidebar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.nav{display:flex!important;min-width:max-content;width:auto!important;gap:2px}.nav a{width:62px;flex:none}.app-main{padding-bottom:92px}.pricing-grid,.app-pricing{grid-template-columns:1fr}.pricing-card{padding:21px}.dashboard-grid{display:grid}.analytics-grid{display:grid;grid-template-columns:1fr}.bar-chart{min-height:230px}.chart-bars{height:180px}.chart-bars.compact{gap:1px}.chart-day small{font-size:7px}.domain-row{grid-template-columns:34px 1fr}.domain-actions{grid-column:2}.dns-instructions{grid-column:1/3}.qr-card{grid-template-columns:84px 1fr;padding:14px}.qr-canvas{width:84px;height:84px}.qr-canvas canvas{width:76px;height:76px}.settings-readonly{grid-template-columns:1fr}.public-lead-form>div{display:grid}.public-lead-form button{min-height:40px}.pricing-section .section-heading{margin-bottom:28px}.payment-roadmap{align-items:flex-start}.admin-layout{display:grid}.plan-admin-grid{grid-template-columns:1fr}.subscription-row{align-items:flex-start;display:grid}.subscription-actions{justify-content:flex-start}.template-list{padding:12px}.block-menu{right:0;left:auto;width:205px}.builder-panel{overflow:visible}}
.audience-row{display:grid;grid-template-columns:1.6fr 1.2fr 1fr 130px;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-size:10px}.audience-row.head{font-size:8px;font-weight:850;color:#8d929c;text-transform:uppercase;letter-spacing:.05em;background:#f7f8fa}.audience-row strong{font-size:11px}.audience-row:not(.head)>span:not(:first-child){color:#666c77}.audience-table{overflow:auto}.audience-table .empty-state{min-width:0}@media(max-width:760px){.audience-row{min-width:660px}}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* =========================================================
   LinkFlow UI System v3.0
   Global professional UI/UX pass — system font, spacing,
   readable controls, consistent surfaces and builder scrolling.
   ========================================================= */
:root{
  --bg:#f5f6f8;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --surface-3:#f1f3f6;
  --text:#17191f;
  --muted:#707684;
  --muted-2:#9298a5;
  --line:#e3e6eb;
  --line-strong:#d7dbe2;
  --accent:#635bff;
  --accent-2:#5148ef;
  --accent-soft:#eeedff;
  --success:#18794e;
  --danger:#c83e4d;
  --shadow-sm:0 1px 2px rgba(22,25,31,.04),0 4px 14px rgba(22,25,31,.04);
  --shadow:0 14px 36px rgba(22,25,31,.08);
  --radius:16px;
  --sidebar:252px;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;
  color:var(--text);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:inherit;font-size:15px;line-height:1.5;background:var(--bg)}
button,input,textarea,select{font-family:inherit;letter-spacing:0}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(99,91,255,.18);outline-offset:2px}
label{gap:8px;font-size:13px;font-weight:700;color:#404550}
input,textarea,select{min-height:44px;border:1px solid var(--line-strong);border-radius:11px;padding:10px 12px;background:#fff;color:var(--text);font-size:14px;line-height:1.45;box-shadow:0 1px 1px rgba(17,24,39,.015)}
textarea{min-height:94px}
input::placeholder,textarea::placeholder{color:#a1a6b0}
input:focus,textarea:focus,select:focus{border-color:#8d86ff;box-shadow:0 0 0 4px rgba(99,91,255,.10)}
.btn{min-height:44px;padding:0 17px;border-radius:11px;gap:9px;font-size:14px;font-weight:720;letter-spacing:-.005em;box-shadow:none;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.btn.primary{background:var(--accent);box-shadow:0 8px 18px rgba(99,91,255,.18)}
.btn.primary:hover{background:var(--accent-2);box-shadow:0 10px 22px rgba(99,91,255,.22);transform:translateY(-1px)}
.btn.ghost{background:#fff;border-color:var(--line-strong);color:#343842;box-shadow:var(--shadow-sm)}
.btn.ghost:hover{background:#f8f9fb;border-color:#cfd3da}
.btn.soft{background:var(--surface-3);border-color:transparent;color:#383d47}
.btn.small{min-height:40px;padding:0 14px;font-size:13px;border-radius:10px}
.btn.xl{min-height:50px;padding:0 21px;font-size:15px;border-radius:12px}
.brand{gap:11px;font-size:16px;font-weight:760;letter-spacing:-.015em}
.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#7169ff,#574cef);font-size:15px;box-shadow:0 7px 16px rgba(99,91,255,.22)}
.eyebrow{font-size:11px;letter-spacing:.10em;color:#8a909c;margin-bottom:8px}
.alert{font-size:14px;border-radius:12px}

/* App shell */
.sidebar{width:var(--sidebar);background:rgba(255,255,255,.98);border-right:1px solid var(--line);padding:22px 16px 18px;box-shadow:1px 0 0 rgba(255,255,255,.7)}
.sidebar>.brand{padding:3px 8px 24px}
.nav{gap:4px}
.nav a,.logout-link{min-height:44px;gap:12px;padding:10px 12px;border-radius:11px;color:#5e6470;font-size:14px;font-weight:650}
.nav a svg,.logout-link svg{width:19px;height:19px;flex:none}
.nav a:hover,.logout-link:hover{background:#f5f6f8;color:#24272e}
.nav a.active{background:var(--accent-soft);color:#5148ec;font-weight:730}
.sidebar-bottom{gap:10px}
.user-chip{padding:13px 8px 10px;border-top:1px solid var(--line)}
.user-chip strong{font-size:13px;font-weight:740}.user-chip small{font-size:11px;color:#858b96}
.avatar-sm{width:38px;height:38px;border-radius:11px;font-size:12px}
.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));max-width:1540px;padding:38px 42px 72px}
.app-main.narrow{max-width:1180px}
.app-top{margin-bottom:30px;gap:24px;align-items:flex-end}
.app-top h1{font-size:32px;line-height:1.12;letter-spacing:-.035em;font-weight:780;margin:0}
.app-top p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 0;max-width:720px}
.metric-grid{gap:16px;margin-bottom:22px}
.metric-grid article{border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px;gap:7px;box-shadow:var(--shadow-sm)}
.metric-grid span{font-size:12px;color:#737986;font-weight:700}
.metric-grid strong{font-size:30px;line-height:1.05;font-weight:780;letter-spacing:-.035em}
.metric-grid small{font-size:12px;line-height:1.45;color:#9399a4}
.content-card{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}
.card-head{padding:21px 22px;border-bottom:1px solid #eceef1;gap:18px}
.card-head h2{font-size:18px;line-height:1.25;font-weight:760;margin:0 0 5px;letter-spacing:-.015em}
.card-head p{font-size:13px;line-height:1.5;color:#7c828e}.card-head>a{font-size:13px;font-weight:720}
.page-row{gap:14px;padding:15px 20px;min-height:70px}
.page-row:hover{background:#fafbfc}
.page-icon,.page-avatar{width:42px;height:42px;border-radius:12px;font-size:12px}
.page-info strong,.page-row>span:nth-child(2)>strong{font-size:14px;font-weight:720}
.page-info a,.page-row>span:nth-child(2)>small{font-size:12px;line-height:1.4;color:#858b96}
.row-stat span{font-size:10px}.row-stat strong{font-size:14px}
.status-pill{font-size:11px;line-height:1;padding:7px 10px}
.icon-btn{width:38px;height:38px;border-radius:10px}
.empty-inline{font-size:13px;line-height:1.6;color:#868c97}
.empty-state{padding:52px 24px!important}.empty-state h3{font-size:16px}.empty-state p{font-size:13px!important;line-height:1.6}
.two-col-page{grid-template-columns:minmax(0,1fr) 350px;gap:22px}
.pages-grid{gap:15px;padding:18px}.page-card{border-radius:15px;padding:18px}
.create-card{border-radius:17px;padding:25px;background:#1d2027;box-shadow:0 14px 28px rgba(25,28,35,.12)}
.create-card h2{font-size:21px}.create-card>p{font-size:13px;line-height:1.6}
.settings-form{padding:24px;gap:18px}
.settings-card{max-width:780px}
.form-grid{gap:16px}
.slug-input{min-height:44px;border-radius:11px;border-color:var(--line-strong)}
.slug-input span{font-size:14px;color:#8a909c}

/* Data-heavy areas */
.admin-table,.audience-table{border-radius:0 0 17px 17px}
.admin-row{font-size:13px;line-height:1.45;padding:14px 18px;min-height:54px}
.admin-row.head{font-size:11px;letter-spacing:.065em;color:#858b96;background:#fafbfc}
.audience-row{grid-template-columns:1.6fr 1.2fr 1fr 150px;gap:16px;padding:14px 18px;font-size:13px;min-height:56px}
.audience-row.head{font-size:11px;letter-spacing:.06em;background:#fafbfc}
.audience-row strong{font-size:13px}
.analytics-grid{gap:20px}.analytics-chart-card{min-height:360px}.bar-chart{padding:28px 24px 22px}
.rank-list>div,.top-links>div{padding:14px 0}.rank-list strong,.top-title strong{font-size:13px}.rank-list small,.top-title small{font-size:11px}
.range-filter{min-height:40px}.range-filter a{font-size:12px;padding:8px 11px}
.pricing-grid,.app-pricing{gap:18px}.pricing-card,.plan-card{border-radius:17px;padding:24px;box-shadow:var(--shadow-sm)}
.plan-title strong{font-size:18px}.price strong{font-size:34px}.plan-usage{font-size:12px;line-height:1.55}
.domain-list{gap:13px}.domain-row{padding:17px;border-radius:15px;gap:14px}.domain-row strong{font-size:14px}.domain-row small{font-size:12px;line-height:1.5}
.dns-instructions{padding:13px;border-radius:11px;gap:7px}.dns-instructions code{font-size:11px;line-height:1.5}
.domain-actions{gap:8px}
.qr-grid{gap:16px}.qr-card{grid-template-columns:124px 1fr;gap:18px;padding:18px;border-radius:16px}.qr-canvas{width:124px;height:124px;border-radius:12px}.qr-copy{gap:6px}.qr-copy strong{font-size:14px}.qr-copy small{font-size:12px}.qr-copy code{font-size:10px}.qr-actions{padding-top:13px}
.subscription-row{padding:16px 18px;gap:16px}.subscription-row strong{font-size:14px}.subscription-row small{font-size:12px}
.settings-readonly{gap:14px}.settings-readonly>div{padding:15px;border-radius:12px}.settings-readonly span{font-size:10px}.settings-readonly strong{font-size:13px}

/* Authentication / installer */
.auth-card{width:min(460px,100%)}.auth-card h1{font-size:32px}.auth-card>p{font-size:14px;line-height:1.6}
.auth-card form{gap:17px}.auth-switch{font-size:14px!important}
.install-panel{border-radius:20px}.install-panel h1{letter-spacing:-.025em}

/* =========================================================
   Builder v3 — professional workbench + independent scroll
   ========================================================= */
.builder-body{height:100dvh;min-height:100vh;overflow:hidden;background:#f1f3f6}
.builder-app{height:100dvh;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr)}
.builder-topbar{height:72px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px minmax(240px,1fr) 340px;align-items:center;padding:0 20px;z-index:20;box-shadow:0 1px 0 rgba(26,29,36,.02)}
.builder-topbar .brand{width:max-content}
.builder-title{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.2;min-width:0}
.builder-title strong{font-size:14px;font-weight:760;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.builder-title small{font-size:11px;color:#777e8a;background:#f3f4f7;border:1px solid #e7e9ed;border-radius:999px;padding:5px 8px;white-space:nowrap}
.save-status{font-size:11px;font-weight:650;color:#68707b;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.save-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 3px #e9f7f0}
.save-status.saving{color:#645bd8}.save-status.saving:before{background:#7a70ee;box-shadow:0 0 0 3px #efedff}
.save-status.error{color:#b63c49}.save-status.error:before{background:#d74d5c;box-shadow:0 0 0 3px #fdecef}
.builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.builder-actions .btn{min-height:42px}
.builder-workspace{min-height:0;height:100%;display:grid;grid-template-columns:84px minmax(450px,520px) minmax(420px,1fr);overflow:hidden}
.builder-rail{height:100%;min-height:0;background:#fff;border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:7px;overflow-y:auto;overflow-x:hidden}
.rail-btn{min-height:68px;border:1px solid transparent;background:transparent;color:#707683;border-radius:12px;padding:9px 5px;gap:7px;font-size:11px;font-weight:650;transition:.16s}
.rail-btn svg{width:20px;height:20px}
.rail-btn:hover{background:#f6f7f9;color:#333842}
.rail-btn.active{background:var(--accent-soft);border-color:#e4e1ff;color:#5148ee;font-weight:730}
.builder-panel{height:100%;min-height:0;min-width:0;background:#fff;border-right:1px solid var(--line);overflow:hidden}
.tab-panel{display:none;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.tab-panel.active{display:block}
.tab-panel::-webkit-scrollbar,.builder-rail::-webkit-scrollbar{width:9px}
.tab-panel::-webkit-scrollbar-track,.builder-rail::-webkit-scrollbar-track{background:transparent}
.tab-panel::-webkit-scrollbar-thumb,.builder-rail::-webkit-scrollbar-thumb{background:#d8dce3;border:3px solid #fff;border-radius:10px}
.panel-heading{position:sticky;top:0;z-index:8;min-height:88px;margin:0 0 22px;padding:21px 24px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;gap:18px}
.panel-heading h2{font-size:20px;line-height:1.25;font-weight:780;letter-spacing:-.02em;margin:0 0 4px}
.panel-heading p{font-size:13px;line-height:1.45;color:#7d8490;margin:0}
.add-wrap{position:relative;flex:none}
.add-wrap .btn{box-shadow:0 7px 16px rgba(99,91,255,.15)}
.block-menu{position:absolute;right:0;top:48px;z-index:30;width:300px;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(24,27,35,.14)}
.block-menu button{min-height:48px;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:#f8f9fb;font-size:13px;font-weight:650;color:#40454f}
.block-menu button:hover{background:#f4f2ff;border-color:#dfdcff;color:#5148ed}
.block-menu button svg{width:18px;height:18px}.block-menu button small{font-size:9px}
.profile-editor{margin:0 24px 22px;padding:18px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fafbfc;box-shadow:0 1px 2px rgba(22,25,31,.02)}
.avatar-edit{grid-column:1;grid-row:1;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#6158ee,#8c85ff);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:820;letter-spacing:-.02em;box-shadow:0 8px 18px rgba(99,91,255,.16)}
.profile-editor>label{font-size:12px;gap:7px;min-width:0}
.profile-editor>label:nth-of-type(1){grid-column:2;grid-row:1;align-self:start}
.profile-editor>label:nth-of-type(2){grid-column:1/-1;grid-row:2}
.profile-editor input,.profile-editor textarea{font-size:14px;border-radius:10px;padding:10px 11px;background:#fff}
.profile-editor textarea{min-height:94px;resize:vertical}
.block-stack{display:grid;gap:12px;margin:0 24px 18px}
.block-editor{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(22,25,31,.025);transition:border-color .16s,box-shadow .16s,transform .16s}
.block-editor:hover{border-color:#d1d5dc;box-shadow:0 7px 18px rgba(22,25,31,.055)}
.block-head{height:48px;padding:0 12px;background:#fafbfc;border-bottom:1px solid #edf0f3;gap:9px}
.drag-handle{width:24px;color:#a0a6b0;display:grid;place-items:center}.drag-handle svg{width:18px;height:18px}
.block-type{font-size:13px;font-weight:730;color:#30343b;text-transform:capitalize}
.block-toggle{font-size:12px;font-weight:650;color:#7a818d;padding:6px 8px;border-radius:8px}
.block-toggle:hover{background:#f0f2f5;color:#414650}
.block-delete{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:9px}
.premium-tag{font-size:8px;padding:4px 6px;border-radius:6px}
.block-fields{padding:15px;gap:12px}
.block-fields label{font-size:12px;gap:7px}.block-fields input,.block-fields textarea{min-height:42px;padding:9px 10px;border-radius:10px;font-size:13px}.block-fields textarea{min-height:78px}
.check-row,.editor-check{min-height:38px;font-size:12px!important;gap:9px!important}
.upgrade-inline{padding:12px;border-radius:10px;gap:3px}.upgrade-inline strong{font-size:12px}.upgrade-inline span{font-size:11px;line-height:1.45}
.smart-editor{padding-top:14px}.smart-fields{gap:11px}.smart-divider{font-size:10px;padding-top:7px}
.add-bottom{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 48px);min-height:44px;margin:0 24px 30px;border:1px dashed #cfd3dc;border-radius:12px;background:#fafbfc;color:#5f6672;font-size:13px;font-weight:700}
.add-bottom:hover{border-color:#b9b3ff;background:#f6f4ff;color:#5148ed}
.design-section{margin:0 24px;padding:21px 0;border-bottom:1px solid #eceef2}.design-section:first-of-type{padding-top:0}.design-section h3{font-size:13px;font-weight:750;margin:0 0 14px;color:#343942}
.color-grid{gap:11px}.color-grid label{min-height:54px;padding:10px 12px;border:1px solid #eceef2;border-radius:11px;background:#fafbfc;font-size:12px}.color-grid input[type=color]{width:34px;height:34px}
.range-row{gap:12px;font-size:11px;color:#7f8591}.range-row input[type=range]{min-height:24px}
.segmented{padding:4px;border-radius:11px;background:#f0f2f5}.segmented button{min-height:36px;font-size:12px;border-radius:8px}.segmented button.active{color:#5148ed}

.template-list{display:grid;gap:12px;padding:0 24px 16px}.template-list button{grid-template-columns:88px 1fr;min-height:82px;padding:11px;border-radius:13px}.template-list strong{font-size:13px}.template-list small{font-size:11px;line-height:1.4}.template-preview{width:88px;height:60px;border-radius:9px}
.template-note{margin:0 24px 28px;padding:13px 14px;border-radius:11px;font-size:11px;line-height:1.55}
#tab-settings .settings-form{padding:0 24px 30px;gap:18px}
.switch-label{min-height:60px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fafbfc}.switch-label strong{font-size:13px}.switch-label small{font-size:11px;line-height:1.4}
.public-url-card{padding:14px;border-radius:12px}.public-url-card span{font-size:10px}.public-url-card a{font-size:12px}
.builder-domain-link{min-height:62px;padding:13px;border-radius:12px;gap:12px}.builder-domain-link strong{font-size:13px}.builder-domain-link small{font-size:11px;line-height:1.4}
.preview-stage{height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 50% 25%,#ffffff 0,#f4f5f8 37%,#eceef2 100%);padding:22px 28px 30px;display:flex;flex-direction:column;align-items:center}
.preview-heading{width:min(470px,100%);min-height:40px;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.preview-heading>div:first-child{display:grid;gap:2px}.preview-heading span{font-size:12px;font-weight:750;color:#333842}.preview-heading small{font-size:10px;color:#8c929e}
.device-toggle{padding:3px;border-radius:10px;background:#e7e9ed}.device-toggle button{min-height:31px;padding:0 11px;border-radius:8px;font-size:10px;font-weight:650;color:#7e8490}.device-toggle button.active{background:#fff;color:#343942;box-shadow:0 1px 4px rgba(25,28,35,.10)}
.phone-frame{height:min(760px,calc(100dvh - 154px));width:auto;max-width:min(390px,calc(100% - 18px));aspect-ratio:390/844;max-height:none;flex:none;padding:8px;border-radius:42px;background:#17191e;box-shadow:0 20px 55px rgba(27,31,39,.20),0 0 0 1px rgba(0,0,0,.05)}
.phone-notch{top:16px;width:96px;height:23px;border-radius:18px;background:#17191e}
.live-preview{height:100%;width:100%;padding:50px 18px 26px;border-radius:34px;overflow:auto;overscroll-behavior:contain}
.preview-profile{margin-bottom:23px}.preview-avatar{width:72px;height:72px;border-radius:22px;font-size:18px}.preview-profile h2{font-size:20px;line-height:1.2;font-weight:780;margin:11px 0 5px}.preview-profile p{font-size:11px;line-height:1.55}
.preview-blocks{gap:10px}.preview-link{min-height:56px;padding:11px 15px;font-size:11px}.preview-link small{font-size:8px}.preview-heading-block{font-size:14px}.preview-text-block{font-size:10px}.preview-email>strong{font-size:10px}
.preview-stage.desktop-mode .preview-heading{width:min(780px,100%)}
.preview-stage.desktop-mode .phone-frame{width:min(780px,calc(100% - 24px));height:min(600px,calc(100dvh - 154px));max-width:none;aspect-ratio:16/10;border-radius:24px;padding:8px}
.preview-stage.desktop-mode .phone-notch{display:none}
.preview-stage.desktop-mode .live-preview{border-radius:16px;padding:42px max(24px,calc((100% - 620px)/2));}
.preview-stage.desktop-mode .preview-profile{max-width:560px;margin-left:auto;margin-right:auto;margin-bottom:28px}
.preview-stage.desktop-mode .preview-blocks{max-width:620px;margin:0 auto}

/* Public bio typography remains theme-driven but readable */
.public-bio-body{font-family:inherit}.bio-profile h1{font-weight:780;letter-spacing:-.025em}.bio-profile p{line-height:1.6}.bio-card{box-shadow:0 5px 16px rgba(20,23,29,.05)}
.public-lead-form input{font-size:13px}.public-lead-form button{font-size:12px;font-weight:720}

/* Responsive app */
@media(max-width:1180px){
  :root{--sidebar:228px}
  .app-main{padding:34px 30px 68px}
  .builder-workspace{grid-template-columns:78px minmax(410px,470px) minmax(360px,1fr)}
  .builder-topbar{grid-template-columns:220px 1fr 310px}
  .phone-frame{height:min(700px,calc(100dvh - 154px))}
}
@media(max-width:900px){
  .sidebar{width:76px;padding-left:8px;padding-right:8px}.sidebar .brand strong,.nav a span,.logout-link span,.user-chip>div{display:none}.sidebar>.brand{justify-content:center}.nav a,.logout-link{justify-content:center}.app-main{margin-left:76px;width:calc(100% - 76px);padding:28px 22px 66px}
  .builder-body{height:auto;min-height:100vh;overflow:auto}.builder-app{height:auto;min-height:100vh;display:block}.builder-topbar{position:sticky;top:0;height:68px;grid-template-columns:auto 1fr auto;padding:0 12px}.builder-title{display:none}.builder-actions .ghost{display:none}.builder-workspace{display:grid;grid-template-columns:1fr;overflow:visible}.builder-rail{position:sticky;top:68px;z-index:15;height:64px;min-height:64px;padding:6px 8px;display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--line);overflow:visible}.rail-btn{min-height:50px;flex-direction:row;font-size:11px;gap:6px}.builder-panel{height:auto;overflow:visible;border-right:0}.tab-panel{height:auto;overflow:visible}.panel-heading{top:132px}.preview-stage{height:auto;min-height:720px;overflow:visible;padding:28px 16px 36px}.phone-frame{height:auto;width:min(360px,92vw);max-width:none;aspect-ratio:390/844}.live-preview{min-height:100%}
  .two-col-page{grid-template-columns:1fr}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body{font-size:14px}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:68px;padding:5px 7px;border-right:0;border-top:1px solid var(--line);z-index:30}.nav{display:flex!important;width:100%!important;min-width:0!important;justify-content:space-around;gap:2px}.nav a{width:auto;min-width:58px;flex:1;flex-direction:column;gap:3px;padding:5px 4px;font-size:9px}.nav a span{display:block;font-size:9px}.sidebar>.brand,.sidebar-bottom{display:none}.app-main{margin-left:0;width:100%;padding:24px 15px 92px}.app-top{align-items:flex-start}.app-top h1{font-size:28px}.app-top p:not(.eyebrow){font-size:13px}.app-top .btn{min-height:40px;padding:0 12px}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{padding:17px 15px}.metric-grid strong{font-size:25px}.content-card{border-radius:14px}.card-head{padding:17px 16px}.page-row{padding:13px 14px}.pages-grid{grid-template-columns:1fr;padding:12px}.qr-grid{grid-template-columns:1fr}.audience-row{min-width:700px}.admin-row{min-width:700px}
  .builder-topbar{height:64px}.builder-topbar .brand strong{display:none}.builder-topbar .brand-mark{width:34px;height:34px}.builder-actions .btn.primary{min-height:40px;padding:0 11px;font-size:12px}.builder-rail{top:64px;height:60px;min-height:60px}.rail-btn{font-size:10px}.rail-btn svg{width:18px;height:18px}.panel-heading{top:124px;min-height:78px;padding:17px 16px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:12px}.panel-heading .btn.small{min-height:38px;padding:0 11px}.profile-editor{margin:0 16px 18px;padding:14px;grid-template-columns:58px minmax(0,1fr);gap:12px}.avatar-edit{width:54px;height:54px;border-radius:15px}.block-stack{margin:0 16px 16px}.add-bottom{width:calc(100% - 32px);margin:0 16px 24px}.block-menu{position:fixed;left:14px;right:14px;top:136px;width:auto;max-height:60vh;overflow:auto}.design-section{margin-left:16px;margin-right:16px}.template-list{padding-left:16px;padding-right:16px}.template-note{margin-left:16px;margin-right:16px}#tab-settings .settings-form{padding-left:16px;padding-right:16px}.color-grid{grid-template-columns:1fr}.preview-stage{min-height:650px;padding-left:8px;padding-right:8px}.phone-frame{width:min(348px,94vw)}
}

/* Mobile application navigation */
.mobile-more-btn,.mobile-more-menu{display:none}
@media(max-width:620px){
  .sidebar .nav-secondary{display:none!important}
  .sidebar .nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%!important;min-width:0!important;gap:2px}
  .sidebar .nav>a,.mobile-more-btn{width:auto!important;min-width:0;min-height:56px;border:0;background:transparent;color:#676e7b;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;font-family:inherit;font-size:9px;font-weight:650;white-space:nowrap}
  .sidebar .nav>a svg,.mobile-more-btn svg{width:18px;height:18px}
  .sidebar .nav>a.active,.mobile-more-btn.active{background:var(--accent-soft);color:#5148ee}
  .mobile-more-btn{display:flex}
  .mobile-more-menu{position:fixed;left:12px;right:12px;bottom:78px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:0 20px 60px rgba(20,23,31,.20);transform:translateY(12px);opacity:0;visibility:hidden;transition:.18s ease}
  .mobile-more-menu.open{display:block;transform:translateY(0);opacity:1;visibility:visible}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px}.mobile-more-head strong{font-size:14px}.mobile-more-close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;color:#606774}
  .mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-more-grid a{min-height:54px;border:1px solid #e8eaee;border-radius:11px;background:#fafbfc;padding:10px 11px;display:flex;align-items:center;gap:10px;color:#535a66;font-size:12px;font-weight:680}.mobile-more-grid a.active{background:var(--accent-soft);border-color:#dfdcff;color:#5148ee}.mobile-more-grid a svg{flex:none}
}

/* === LinkFlow V4 · Builder Pro / Media Library ================================= */
.history-actions{display:flex;align-items:center;gap:5px;padding-right:4px;border-right:1px solid #e7e9ee;margin-right:2px}.history-actions .icon-btn{width:38px;height:38px}.history-actions .icon-btn:disabled{opacity:.35;cursor:not-allowed}.builder-media-btn{min-width:88px}.avatar-edit{border:0;cursor:pointer;overflow:hidden;position:relative}.avatar-edit:hover:after{content:"Change";position:absolute;inset:0;background:rgba(20,23,30,.58);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.avatar-edit img{width:100%;height:100%;object-fit:cover;display:block}.profile-editor>div{min-width:0}.profile-editor textarea{min-height:86px;resize:vertical}.block-head{min-height:58px}.block-identity{min-width:0;display:grid;gap:1px;flex:1}.block-identity .block-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0aa;font-weight:800}.block-identity strong{font-size:12px;line-height:1.35;color:#2f343d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.block-head-actions{display:flex;align-items:center;gap:5px}.block-head-actions .icon-btn{width:32px;height:32px;border-radius:9px}.icon-btn.danger{color:#a84f57}.icon-btn.danger:hover{background:#fff1f2;border-color:#ffd7dc;color:#c23c48}.block-editor.dragging{opacity:.55;transform:scale(.995)}.block-fields select{width:100%;min-height:43px;border:1px solid #dfe2e7;border-radius:10px;background:#fff;color:#2f343d;padding:0 11px;font:inherit;font-size:12px;outline:none}.block-fields select:focus{border-color:#8b7cff;box-shadow:0 0 0 3px rgba(103,87,255,.1)}.media-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.media-input-row input{min-width:0}.block-media-input .btn{min-height:42px}.background-control{display:none;margin-top:13px}.background-control.active{display:block}.background-control>label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#555c67}.background-control input[type=color]{width:100%;height:44px;border-radius:10px}.media-setting{min-height:64px;border:1px solid #e3e6eb;border-radius:12px;background:#fafbfc;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.media-setting>div{min-width:0;display:grid;gap:3px}.media-setting strong{font-size:12px}.media-setting small{font-size:10px;color:#858b96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.range-field{display:grid;gap:8px;margin:14px 0 0}.range-field>span{font-size:11px;font-weight:700;color:#565d68;display:flex;justify-content:space-between;gap:10px}.range-field b{font-weight:800;color:#2f343d}.range-field input[type=range]{width:100%;accent-color:#6757ff}.setting-row{display:grid;gap:9px;margin-top:16px}.setting-row>span{font-size:11px;font-weight:700;color:#565d68}.segmented.compact{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;padding:3px;background:#f3f4f7;border:1px solid #e7e9ed;border-radius:10px}.segmented.compact button{min-height:34px;padding:0 8px;font-size:10px;border:0;border-radius:8px;background:transparent;color:#747b86;font-weight:750}.segmented.compact button.active{background:#fff;color:#282d35;box-shadow:0 1px 3px rgba(20,24,32,.08)}.background-type{display:grid;grid-template-columns:repeat(3,1fr)}.background-type button{min-width:0}.bg-overlay-row{display:none}.background-type:has([data-bg-type=image].active)~.bg-overlay-row,.background-type:has([data-bg-type=video].active)~.bg-overlay-row{display:grid}.preview-content{position:relative;z-index:2}.preview-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.preview-bg-overlay{position:absolute;inset:0;z-index:1}.live-preview{position:relative}.preview-social{display:flex;justify-content:space-between;align-items:center}.preview-social>span{display:flex;align-items:center;gap:7px}.preview-link>img{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none}.preview-link.preview-size-compact{min-height:46px;padding-top:8px;padding-bottom:8px}.preview-link.preview-size-large{min-height:66px;padding-top:14px;padding-bottom:14px}.preview-link.preview-effect-glow{box-shadow:0 8px 25px color-mix(in srgb,var(--accent,#6757ff) 28%,transparent)}.preview-image.aspect-square img{aspect-ratio:1}.preview-image.aspect-portrait img{aspect-ratio:4/5}.preview-image.aspect-auto img{aspect-ratio:auto}.preview-video-file{position:relative;border-radius:14px;overflow:hidden;background:#111;aspect-ratio:16/9}.preview-video-file video{width:100%;height:100%;object-fit:cover;display:block}.preview-video-file>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.12)}

/* Media modal */
.media-modal{position:fixed;inset:0;z-index:1000;display:none}.media-modal.open{display:block}.media-modal-backdrop{position:absolute;inset:0;background:rgba(19,22,29,.44);backdrop-filter:blur(5px)}.media-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 34px));max-height:min(760px,calc(100dvh - 34px));background:#fff;border:1px solid #e1e4e9;border-radius:20px;box-shadow:0 32px 90px rgba(22,25,33,.24);overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.media-modal-card>header{min-height:68px;padding:0 18px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;gap:16px}.media-modal-card>header>div{display:grid;gap:3px}.media-modal-card>header strong{font-size:16px}.media-modal-card>header span{font-size:11px;color:#858b96}.media-modal-toolbar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.media-filter-tabs{display:flex;align-items:center;gap:4px;background:#f3f4f6;border:1px solid #e7e9ed;padding:3px;border-radius:10px}.media-filter-tabs button{min-height:32px;border:0;border-radius:7px;background:transparent;padding:0 12px;font-size:10px;font-weight:750;color:#777e89}.media-filter-tabs button.active{background:#fff;color:#2b3038;box-shadow:0 1px 3px rgba(20,24,32,.08)}.media-drop-zone{margin:0 16px 12px;min-height:78px;border:1.5px dashed #d9dde5;border-radius:13px;background:#fafbfc;display:flex;align-items:center;justify-content:center;gap:8px;color:#737a86;transition:.15s}.media-drop-zone strong{font-size:11px;color:#454b55}.media-drop-zone span{font-size:10px}.media-drop-zone.drag-over,.media-drop-zone.uploading{border-color:#7f70ff;background:#f5f3ff;color:#6757ff}.media-modal-grid{min-height:0;overflow:auto;padding:4px 16px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-content:start}.media-item{position:relative;border:1px solid #e3e6eb;border-radius:13px;background:#fff;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:.15s}.media-item:hover{border-color:#aaa1ff;box-shadow:0 8px 24px rgba(30,33,43,.08);transform:translateY(-1px)}.media-item>img,.media-item>video{display:block;width:100%;aspect-ratio:1.28;object-fit:cover;background:#f1f2f5}.media-item>i{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(15,17,22,.68);color:#fff;font-style:normal}.media-item>span{display:grid;gap:2px;padding:9px 10px 10px;min-width:0}.media-item>span strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item>span small{font-size:9px;color:#8a909a}.media-delete{position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#9a4d55;opacity:0;transition:.15s}.media-item:hover .media-delete{opacity:1}.media-empty{grid-column:1/-1;min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;color:#8b919c}.media-empty strong{font-size:14px;color:#454b55}.media-empty span{font-size:11px}

/* Dedicated media library */
.media-library-page{padding:0;overflow:hidden}.media-page-toolbar{min-height:68px;border-bottom:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.media-page-toolbar>div:first-child{display:grid;gap:2px}.media-page-toolbar strong{font-size:14px}.media-page-toolbar span{font-size:11px;color:#8b919c}.media-page-drop{margin:18px 20px 0;min-height:96px;border:1.5px dashed #d8dce4;border-radius:14px;background:#fafbfc;display:flex;align-items:center;justify-content:center;gap:9px;color:#767d88}.media-page-drop strong{font-size:12px;color:#404650}.media-page-drop span{font-size:10px}.media-page-drop.drag-over,.media-page-drop.uploading{border-color:#7e70ff;background:#f5f3ff;color:#6757ff}.media-page-grid{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-page-card{min-width:0;border:1px solid #e3e6eb;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(20,23,29,.025);position:relative}.media-page-thumb{position:relative;background:#f2f3f6;aspect-ratio:1.35;overflow:hidden}.media-page-thumb img,.media-page-thumb video{width:100%;height:100%;object-fit:cover;display:block}.media-page-thumb i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.12);font-style:normal}.media-page-card>div:nth-child(2){padding:12px 12px 13px;display:grid;gap:3px;min-width:0}.media-page-card>div:nth-child(2) strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-page-card>div:nth-child(2) span{font-size:9px;color:#8b919c}.media-card-actions{position:absolute;right:8px;top:8px;display:flex;gap:5px}.media-card-actions .icon-btn{width:32px;height:32px;background:rgba(255,255,255,.94);backdrop-filter:blur(5px);opacity:0;transition:.15s}.media-page-card:hover .media-card-actions .icon-btn{opacity:1}.media-card-actions .icon-btn.success{color:#26865b;border-color:#bfe5d2;background:#f0fff7}.media-page-empty{grid-column:1/-1;min-height:230px;border:1px dashed #dfe2e7;border-radius:14px;display:grid;align-content:center;justify-items:center;text-align:center;gap:5px;color:#858b96}.media-page-empty strong{color:#454b55;font-size:15px}.media-page-empty span{font-size:11px}

/* Public page pro styling */
.public-bio-body{font-size:var(--font-scale,100%)}.bio-page{position:relative;isolation:isolate;overflow:hidden}.bio-background{position:fixed;inset:0;width:100%;height:100%;z-index:-3}.bio-background-image{background-position:center;background-repeat:no-repeat}.bio-background-video{object-fit:cover}.bio-background-overlay{position:fixed;inset:0;z-index:-2;background:rgba(0,0,0,var(--bg-overlay-alpha,.18))}.bio-card{position:relative;z-index:2}.align-left .bio-profile,.align-left .public-heading,.align-left .public-text,.align-left .public-lead-form>strong,.align-left .public-lead-form>small{text-align:left}.align-left .bio-profile p{margin-left:0}.align-left .bio-profile img,.align-left .bio-avatar-fallback{margin-left:0}.public-link-block{position:relative}.public-link-block>span{text-align:inherit}.align-left .public-link-block>span{text-align:left}.public-link-thumb{width:44px;height:44px;object-fit:cover;border-radius:calc(var(--radius) * .55);flex:none}.size-compact .public-link-block{min-height:56px;padding:10px 14px}.size-large .public-link-block{min-height:78px;padding:16px 19px}.effect-none .public-link-block:hover{transform:none}.effect-lift .public-link-block:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(30,33,44,.10)}.effect-glow .public-link-block:hover{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),0 13px 38px color-mix(in srgb,var(--accent) 26%,transparent)}.shadow-none .public-link-block{box-shadow:none}.shadow-soft .public-link-block{box-shadow:0 8px 26px rgba(30,33,44,.05)}.shadow-strong .public-link-block{box-shadow:0 14px 36px rgba(30,33,44,.13)}.social-row{justify-content:space-between;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:calc(var(--radius) * .72);padding:12px 14px}.social-row-label{display:flex;align-items:center;gap:9px}.public-image-link{display:block}.public-image-block img{aspect-ratio:16/9;object-fit:cover}.public-image-block.aspect-square img{aspect-ratio:1}.public-image-block.aspect-portrait img{aspect-ratio:4/5}.public-image-block.aspect-auto img{aspect-ratio:auto}.public-video-block{display:grid;gap:8px}.public-video-block video{width:100%;display:block;border-radius:var(--radius);background:#111;box-shadow:0 8px 26px rgba(30,33,44,.08)}.public-video-block strong{text-align:center;font-size:12px}.social-svg{flex:none}

@media(max-width:1180px){.media-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-media-btn{display:none}}
@media(max-width:860px){.history-actions{display:none}.media-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.media-modal-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.media-modal-toolbar{align-items:stretch}.media-filter-tabs{flex:1}.media-filter-tabs button{padding:0 8px;flex:1}.media-drop-zone{margin:0 12px 10px;min-height:68px;flex-wrap:wrap;text-align:center;padding:10px}.media-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 12px 14px;gap:9px}.media-page-toolbar{display:grid;padding:14px 16px}.media-page-drop{margin:14px 16px 0;padding:15px;display:grid;justify-items:center;text-align:center}.media-page-grid{grid-template-columns:1fr 1fr;padding:16px;gap:10px}.media-card-actions .icon-btn{opacity:1}.media-input-row{grid-template-columns:1fr}.media-input-row .btn{width:100%}.setting-row .segmented.compact{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.background-type{grid-template-columns:repeat(3,1fr)}.block-head{align-items:flex-start}.block-identity strong{max-width:130px}.block-head-actions{gap:2px}.block-head-actions .icon-btn{width:30px;height:30px}.block-toggle{font-size:9px;padding:0 7px}.public-link-thumb{width:40px;height:40px}.social-row{padding:11px 12px}}
.bio-background-image{object-position:center}.bio-background-image.fit-cover{object-fit:cover}.bio-background-image.fit-contain{object-fit:contain;background:var(--bg)}
.preview-align-left .preview-profile,.preview-align-left .preview-text-block{text-align:left}.preview-align-left .preview-avatar{margin-left:0}.preview-align-left .preview-profile p{margin-left:0}.preview-align-left .preview-heading-block{text-align:left}.preview-align-left .preview-link{text-align:left;justify-content:flex-start}.preview-align-left .preview-link>span{flex:1}.preview-align-left .preview-email{text-align:left}

/* === LinkFlow V5 · Premium template system === */
.template-safety-note{margin:0 24px 18px;padding:12px 13px;border:1px solid #dcebdc;border-radius:12px;background:#f4fbf6;color:#2f6948;display:flex;align-items:flex-start;gap:10px}.template-safety-note>svg{flex:none;margin-top:2px}.template-safety-note>span{display:grid;gap:3px}.template-safety-note strong{font-size:12px}.template-safety-note small{font-size:10px;line-height:1.45;color:#668071}
.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 24px 20px}.template-card{min-width:0;padding:0;border:1px solid #e1e4e9;border-radius:16px;background:#fff;overflow:hidden;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 1px 2px rgba(20,23,29,.03)}.template-card:hover{transform:translateY(-2px);border-color:#c8c3ff;box-shadow:0 12px 28px rgba(32,36,48,.10)}.template-card.active{border-color:#6e61f5;box-shadow:0 0 0 2px rgba(103,87,255,.12),0 12px 28px rgba(32,36,48,.10)}.template-card-media{height:238px;display:block;position:relative;overflow:hidden;background:#111}.template-card-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .3s ease}.template-card:hover .template-card-media img{transform:scale(1.025)}.template-selected{position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:50%;background:#6757ff;color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.82);transition:.17s;box-shadow:0 5px 14px rgba(32,28,86,.28)}.template-card.active .template-selected{opacity:1;transform:scale(1)}.template-card-copy{display:grid;gap:3px;padding:12px 12px 13px}.template-card-copy>small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#858b96;font-weight:800}.template-card-copy>strong{font-size:13px;line-height:1.25;color:#252a32}.template-card-copy>em{font-size:10px;line-height:1.35;color:#858b96;font-style:normal}.template-apply{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px;padding-top:9px;border-top:1px solid #eceef2;font-size:10px;font-weight:750;color:#5b50e8}.template-note{display:grid;gap:3px;background:#f7f7fa;border:1px solid #e7e9ed}.template-note strong{font-size:11px;color:#424751}.template-note span{font-size:10px;color:#7e8490}

/* Shared template polish: visual presets only, content stays unchanged. */
.bio-page[class*="tpl-"]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bio-page[class*="tpl-"] .bio-card{width:min(var(--page-width),100%);box-shadow:none}.bio-page[class*="tpl-"] .bio-profile img,.bio-page[class*="tpl-"] .bio-avatar-fallback{border-radius:var(--avatar-radius);transition:.2s}.bio-page[class*="tpl-"] .public-link-block,.bio-page[class*="tpl-"] .social-row,.bio-page[class*="tpl-"] .public-event,.bio-page[class*="tpl-"] .public-countdown,.bio-page[class*="tpl-"] .public-lead-form,.bio-page[class*="tpl-"] .public-media-link{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.bio-page[class*="tpl-"] .public-image-block img,.bio-page[class*="tpl-"] .public-video-block video{border-radius:calc(var(--radius) * 1.05)}
.live-preview[class*="tpl-"]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.live-preview[class*="tpl-"] .preview-avatar{border-radius:46%;transition:.2s}.live-preview[class*="tpl-"] .preview-link,.live-preview[class*="tpl-"] .preview-social,.live-preview[class*="tpl-"] .preview-event,.live-preview[class*="tpl-"] .preview-countdown,.live-preview[class*="tpl-"] .preview-email,.live-preview[class*="tpl-"] .preview-media{transition:.18s}

/* 01 Elite Creator */
.bio-page.tpl-elite-creator,.live-preview.tpl-elite-creator{background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),linear-gradient(180deg,#111214 0,var(--bg) 28%,#070708 100%)!important;color:var(--text)}.bio-page.tpl-elite-creator:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.025) 50%,transparent 100%)}.bio-page.tpl-elite-creator .bio-profile img,.bio-page.tpl-elite-creator .bio-avatar-fallback,.live-preview.tpl-elite-creator .preview-avatar{border:1px solid color-mix(in srgb,var(--accent) 82%,#fff);box-shadow:0 0 0 4px rgba(255,255,255,.03),0 12px 35px rgba(0,0,0,.28);border-radius:50%!important}.bio-page.tpl-elite-creator .bio-profile h1,.live-preview.tpl-elite-creator .preview-profile h2{letter-spacing:-.02em;font-weight:760}.bio-page.tpl-elite-creator .public-link-block,.live-preview.tpl-elite-creator .preview-link{background:rgba(16,17,18,.78)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--accent) 46%,#2a2a2a)!important;box-shadow:none!important}.bio-page.tpl-elite-creator .public-link-block:hover{border-color:var(--accent)!important;background:#131313!important}.bio-page.tpl-elite-creator .social-row,.live-preview.tpl-elite-creator .preview-social{background:transparent!important;border-color:rgba(255,255,255,.09)!important}.bio-page.tpl-elite-creator .public-heading,.live-preview.tpl-elite-creator .preview-heading-block{color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-size:.82em}.bio-page.tpl-elite-creator .public-lead-form,.bio-page.tpl-elite-creator .public-event,.bio-page.tpl-elite-creator .public-countdown,.live-preview.tpl-elite-creator .preview-email,.live-preview.tpl-elite-creator .preview-event,.live-preview.tpl-elite-creator .preview-countdown{background:#111214!important;border:1px solid rgba(200,157,85,.28)!important;color:var(--text)!important}.bio-page.tpl-elite-creator .bio-footer{opacity:.48}

/* 02 Minimal Light */
.bio-page.tpl-minimal-light,.live-preview.tpl-minimal-light{background:linear-gradient(180deg,#fafafa 0,var(--bg) 46%,#efefec 100%)!important;color:var(--text)}.bio-page.tpl-minimal-light .bio-card{padding:4px 0}.bio-page.tpl-minimal-light .bio-profile img,.bio-page.tpl-minimal-light .bio-avatar-fallback,.live-preview.tpl-minimal-light .preview-avatar{border-radius:50%!important;box-shadow:0 10px 28px rgba(28,28,25,.10)}.bio-page.tpl-minimal-light .bio-profile h1,.live-preview.tpl-minimal-light .preview-profile h2{font-weight:720;letter-spacing:-.035em}.bio-page.tpl-minimal-light .public-link-block,.live-preview.tpl-minimal-light .preview-link{background:rgba(255,255,255,.88)!important;color:var(--text)!important;border:1px solid rgba(22,22,22,.07)!important;box-shadow:0 7px 18px rgba(20,20,20,.055)!important}.bio-page.tpl-minimal-light .public-link-block:hover{background:#fff!important;box-shadow:0 10px 24px rgba(20,20,20,.09)!important}.bio-page.tpl-minimal-light .social-row,.live-preview.tpl-minimal-light .preview-social{background:transparent!important;border:0!important;color:var(--text)!important}.bio-page.tpl-minimal-light .public-divider,.live-preview.tpl-minimal-light .preview-divider{opacity:.08}.bio-page.tpl-minimal-light .public-lead-form,.bio-page.tpl-minimal-light .public-event,.bio-page.tpl-minimal-light .public-countdown,.live-preview.tpl-minimal-light .preview-email,.live-preview.tpl-minimal-light .preview-event,.live-preview.tpl-minimal-light .preview-countdown{background:rgba(255,255,255,.92)!important;border:1px solid rgba(20,20,20,.07)!important;box-shadow:0 8px 24px rgba(20,20,20,.05)}

/* 03 Musician */
.bio-page.tpl-musician,.live-preview.tpl-musician{background:radial-gradient(circle at 50% 4%,rgba(163,60,240,.32),transparent 28%),radial-gradient(circle at 10% 80%,rgba(79,30,134,.30),transparent 30%),linear-gradient(180deg,#17082a 0,var(--bg) 44%,#07030e 100%)!important;color:var(--text)}.bio-page.tpl-musician .bio-profile img,.bio-page.tpl-musician .bio-avatar-fallback,.live-preview.tpl-musician .preview-avatar{border-radius:50%!important;border:1px solid rgba(221,172,255,.72);box-shadow:0 0 0 5px rgba(165,65,241,.12),0 0 38px rgba(165,65,241,.35)}.bio-page.tpl-musician .bio-profile h1,.live-preview.tpl-musician .preview-profile h2{font-weight:780}.bio-page.tpl-musician .public-link-block,.live-preview.tpl-musician .preview-link{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 96%,#000),color-mix(in srgb,var(--accent) 18%,var(--surface)))!important;color:#fff!important;border:1px solid rgba(218,172,255,.12)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}.bio-page.tpl-musician .public-link-block:hover{border-color:rgba(218,172,255,.34)!important;box-shadow:0 12px 38px rgba(121,40,187,.25)!important}.bio-page.tpl-musician .social-row,.live-preview.tpl-musician .preview-social{background:transparent!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important}.bio-page.tpl-musician .public-heading,.live-preview.tpl-musician .preview-heading-block{color:#e5ccf7}.bio-page.tpl-musician .public-event,.bio-page.tpl-musician .public-countdown,.bio-page.tpl-musician .public-lead-form,.live-preview.tpl-musician .preview-event,.live-preview.tpl-musician .preview-countdown,.live-preview.tpl-musician .preview-email{background:rgba(30,13,50,.78)!important;border:1px solid rgba(214,164,255,.14)!important;color:#fff!important;box-shadow:0 12px 32px rgba(0,0,0,.16)}

/* 04 Business Pro */
.bio-page.tpl-business-pro,.live-preview.tpl-business-pro{background:linear-gradient(145deg,#22282c 0,var(--bg) 42%,#101315 100%)!important;color:var(--text)}.bio-page.tpl-business-pro:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 55%,rgba(255,255,255,.03) 55.2%,transparent 55.5%),linear-gradient(160deg,transparent 66%,rgba(200,165,117,.035) 66.2%,transparent 66.5%)}.bio-page.tpl-business-pro .bio-profile img,.bio-page.tpl-business-pro .bio-avatar-fallback,.live-preview.tpl-business-pro .preview-avatar{border-radius:50%!important;border:1px solid rgba(200,165,117,.55);box-shadow:0 10px 28px rgba(0,0,0,.24)}.bio-page.tpl-business-pro .bio-profile h1,.live-preview.tpl-business-pro .preview-profile h2{font-weight:730}.bio-page.tpl-business-pro .public-link-block,.live-preview.tpl-business-pro .preview-link{background:#272c30!important;color:#f8f8f6!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important;box-shadow:none!important}.bio-page.tpl-business-pro .public-link-block:hover{background:#2d3337!important;border-color:rgba(200,165,117,.24)!important}.bio-page.tpl-business-pro .public-heading,.live-preview.tpl-business-pro .preview-heading-block{color:var(--accent);letter-spacing:.02em}.bio-page.tpl-business-pro .social-row,.live-preview.tpl-business-pro .preview-social{background:transparent!important;border-color:rgba(255,255,255,.08)!important}.bio-page.tpl-business-pro .public-event,.bio-page.tpl-business-pro .public-countdown,.bio-page.tpl-business-pro .public-lead-form,.live-preview.tpl-business-pro .preview-event,.live-preview.tpl-business-pro .preview-countdown,.live-preview.tpl-business-pro .preview-email{background:#23282b!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:8px!important;color:#fff!important}

/* 05 Vibrant */
.bio-page.tpl-vibrant,.live-preview.tpl-vibrant{background:radial-gradient(circle at 15% 12%,rgba(255,217,146,.55),transparent 24%),linear-gradient(150deg,#ff8b6c 0,var(--bg) 29%,#f03e8b 60%,var(--accent) 100%)!important;color:#fff}.bio-page.tpl-vibrant .bio-profile img,.bio-page.tpl-vibrant .bio-avatar-fallback,.live-preview.tpl-vibrant .preview-avatar{border-radius:50%!important;border:2px solid rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(95,16,86,.20)}.bio-page.tpl-vibrant .bio-profile p,.live-preview.tpl-vibrant .preview-profile p{color:rgba(255,255,255,.83)!important}.bio-page.tpl-vibrant .public-link-block,.live-preview.tpl-vibrant .preview-link{background:rgba(255,255,255,.82)!important;color:#5a225c!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 10px 28px rgba(92,23,96,.13)!important;backdrop-filter:blur(9px)}.bio-page.tpl-vibrant .public-link-block:hover{background:#fff!important}.bio-page.tpl-vibrant .social-row,.live-preview.tpl-vibrant .preview-social{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.bio-page.tpl-vibrant .public-heading,.live-preview.tpl-vibrant .preview-heading-block{color:#fff}.bio-page.tpl-vibrant .public-event,.bio-page.tpl-vibrant .public-countdown,.bio-page.tpl-vibrant .public-lead-form,.live-preview.tpl-vibrant .preview-event,.live-preview.tpl-vibrant .preview-countdown,.live-preview.tpl-vibrant .preview-email{background:rgba(255,255,255,.88)!important;color:#522255!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 10px 28px rgba(92,23,96,.12);backdrop-filter:blur(8px)}.bio-page.tpl-vibrant .bio-footer{color:#fff;opacity:.72}

/* 06 Dark Luxury */
.bio-page.tpl-dark-luxury,.live-preview.tpl-dark-luxury{background:radial-gradient(circle at 88% 8%,rgba(201,160,82,.13),transparent 20%),linear-gradient(135deg,#0b0b0b 0,var(--bg) 44%,#020202 100%)!important;color:var(--text)}.bio-page.tpl-dark-luxury:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 18%,rgba(201,160,82,.07) 18.1%,transparent 18.4%),linear-gradient(155deg,transparent 77%,rgba(201,160,82,.05) 77.1%,transparent 77.4%)}.bio-page.tpl-dark-luxury .bio-profile img,.bio-page.tpl-dark-luxury .bio-avatar-fallback,.live-preview.tpl-dark-luxury .preview-avatar{border-radius:50%!important;border:1px solid var(--accent);box-shadow:0 0 0 5px rgba(201,160,82,.06)}.bio-page.tpl-dark-luxury .bio-profile h1,.live-preview.tpl-dark-luxury .preview-profile h2{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:620}.bio-page.tpl-dark-luxury .public-link-block,.live-preview.tpl-dark-luxury .preview-link{background:rgba(4,4,4,.55)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--accent) 65%,#252525)!important;border-radius:7px!important;box-shadow:none!important}.bio-page.tpl-dark-luxury .public-link-block:hover{background:rgba(201,160,82,.07)!important}.bio-page.tpl-dark-luxury .public-heading,.live-preview.tpl-dark-luxury .preview-heading-block{color:var(--accent);font-weight:600;letter-spacing:.08em}.bio-page.tpl-dark-luxury .social-row,.live-preview.tpl-dark-luxury .preview-social{background:transparent!important;border-color:rgba(201,160,82,.22)!important;color:var(--accent)!important}.bio-page.tpl-dark-luxury .public-event,.bio-page.tpl-dark-luxury .public-countdown,.bio-page.tpl-dark-luxury .public-lead-form,.live-preview.tpl-dark-luxury .preview-event,.live-preview.tpl-dark-luxury .preview-countdown,.live-preview.tpl-dark-luxury .preview-email{background:#0b0b0b!important;color:var(--text)!important;border:1px solid rgba(201,160,82,.28)!important;border-radius:7px!important}

/* 07 Travel Explorer */
.bio-page.tpl-travel-explorer,.live-preview.tpl-travel-explorer{background:radial-gradient(circle at 18% 9%,rgba(177,224,229,.34),transparent 25%),radial-gradient(circle at 78% 30%,rgba(22,122,135,.55),transparent 32%),linear-gradient(180deg,#6fa6ae 0,#266f7c 33%,var(--bg) 72%,#063843 100%)!important;color:#fff}.bio-page.tpl-travel-explorer:before{content:"";position:fixed;inset:auto 0 0;height:48%;z-index:-1;pointer-events:none;background:linear-gradient(160deg,transparent 0 25%,rgba(3,49,56,.23) 25.5% 38%,transparent 38.5%),linear-gradient(200deg,transparent 0 42%,rgba(4,42,48,.30) 42.5% 62%,transparent 62.5%)}.bio-page.tpl-travel-explorer .bio-profile img,.bio-page.tpl-travel-explorer .bio-avatar-fallback,.live-preview.tpl-travel-explorer .preview-avatar{border-radius:50%!important;border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 30px rgba(3,40,46,.24)}.bio-page.tpl-travel-explorer .bio-profile p,.live-preview.tpl-travel-explorer .preview-profile p{color:rgba(255,255,255,.82)!important}.bio-page.tpl-travel-explorer .public-link-block,.live-preview.tpl-travel-explorer .preview-link{background:rgba(3,65,75,.40)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 10px 26px rgba(4,52,61,.15)!important;backdrop-filter:blur(12px)}.bio-page.tpl-travel-explorer .public-link-block:hover{background:rgba(10,90,101,.55)!important}.bio-page.tpl-travel-explorer .social-row,.live-preview.tpl-travel-explorer .preview-social{background:rgba(0,48,57,.23)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;backdrop-filter:blur(10px)}.bio-page.tpl-travel-explorer .public-event,.bio-page.tpl-travel-explorer .public-countdown,.bio-page.tpl-travel-explorer .public-lead-form,.live-preview.tpl-travel-explorer .preview-event,.live-preview.tpl-travel-explorer .preview-countdown,.live-preview.tpl-travel-explorer .preview-email{background:rgba(4,64,73,.48)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;backdrop-filter:blur(12px)}

/* 08 Foodie Delight */
.bio-page.tpl-foodie-delight,.live-preview.tpl-foodie-delight{background:radial-gradient(circle at 8% 5%,rgba(242,155,71,.19),transparent 17%),radial-gradient(circle at 94% 14%,rgba(118,160,75,.14),transparent 16%),linear-gradient(180deg,#fffaf3 0,var(--bg) 100%)!important;color:var(--text)}.bio-page.tpl-foodie-delight .bio-profile img,.bio-page.tpl-foodie-delight .bio-avatar-fallback,.live-preview.tpl-foodie-delight .preview-avatar{border-radius:50%!important;border:1px solid rgba(80,45,25,.22);box-shadow:0 10px 28px rgba(90,54,33,.10)}.bio-page.tpl-foodie-delight .bio-profile h1,.live-preview.tpl-foodie-delight .preview-profile h2{font-weight:760}.bio-page.tpl-foodie-delight .public-link-block,.live-preview.tpl-foodie-delight .preview-link{background:rgba(255,253,249,.88)!important;color:var(--text)!important;border:1px solid rgba(65,42,27,.28)!important;box-shadow:0 7px 20px rgba(91,54,34,.055)!important}.bio-page.tpl-foodie-delight .public-link-block:hover{background:#fff!important;border-color:var(--accent)!important}.bio-page.tpl-foodie-delight .public-heading,.live-preview.tpl-foodie-delight .preview-heading-block{color:var(--accent)}.bio-page.tpl-foodie-delight .social-row,.live-preview.tpl-foodie-delight .preview-social{background:transparent!important;border-color:rgba(65,42,27,.12)!important}.bio-page.tpl-foodie-delight .public-event,.bio-page.tpl-foodie-delight .public-countdown,.bio-page.tpl-foodie-delight .public-lead-form,.live-preview.tpl-foodie-delight .preview-event,.live-preview.tpl-foodie-delight .preview-countdown,.live-preview.tpl-foodie-delight .preview-email{background:rgba(255,253,249,.94)!important;color:var(--text)!important;border:1px solid rgba(65,42,27,.14)!important;box-shadow:0 8px 24px rgba(91,54,34,.05)}

/* 09 Fitness Coach */
.bio-page.tpl-fitness-coach,.live-preview.tpl-fitness-coach{background:radial-gradient(circle at 50% 0,rgba(95,207,55,.10),transparent 24%),linear-gradient(180deg,#101310 0,var(--bg) 38%,#030403 100%)!important;color:#fff}.bio-page.tpl-fitness-coach .bio-profile img,.bio-page.tpl-fitness-coach .bio-avatar-fallback,.live-preview.tpl-fitness-coach .preview-avatar{border-radius:50%!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 4px rgba(95,207,55,.08),0 16px 38px rgba(0,0,0,.30)}.bio-page.tpl-fitness-coach .bio-profile h1,.live-preview.tpl-fitness-coach .preview-profile h2{font-weight:820}.bio-page.tpl-fitness-coach .public-link-block,.live-preview.tpl-fitness-coach .preview-link{background:#1a1d19!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:9px!important;box-shadow:0 10px 25px rgba(0,0,0,.16)!important}.bio-page.tpl-fitness-coach .public-link-block:hover{border-color:rgba(95,207,55,.42)!important;background:#1f231e!important}.bio-page.tpl-fitness-coach .public-heading,.live-preview.tpl-fitness-coach .preview-heading-block{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;font-size:.82em}.bio-page.tpl-fitness-coach .social-row,.live-preview.tpl-fitness-coach .preview-social{background:transparent!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important}.bio-page.tpl-fitness-coach .public-event,.bio-page.tpl-fitness-coach .public-countdown,.bio-page.tpl-fitness-coach .public-lead-form,.live-preview.tpl-fitness-coach .preview-event,.live-preview.tpl-fitness-coach .preview-countdown,.live-preview.tpl-fitness-coach .preview-email{background:#171a16!important;color:#fff!important;border:1px solid rgba(95,207,55,.16)!important;border-radius:9px!important}.bio-page.tpl-fitness-coach .public-lead-form button{background:var(--accent)!important;color:#0a0b0a!important}

/* 10 Creative Portfolio */
.bio-page.tpl-creative-portfolio,.live-preview.tpl-creative-portfolio{background:radial-gradient(circle at 93% 7%,rgba(23,51,77,.08),transparent 18%),radial-gradient(circle at 7% 85%,rgba(23,51,77,.055),transparent 20%),linear-gradient(180deg,#fff 0,var(--bg) 100%)!important;color:var(--text)}.bio-page.tpl-creative-portfolio .bio-profile img,.bio-page.tpl-creative-portfolio .bio-avatar-fallback,.live-preview.tpl-creative-portfolio .preview-avatar{border-radius:50%!important;box-shadow:0 8px 25px rgba(23,31,39,.09)}.bio-page.tpl-creative-portfolio .bio-profile h1,.live-preview.tpl-creative-portfolio .preview-profile h2{font-weight:700;letter-spacing:-.04em}.bio-page.tpl-creative-portfolio .public-link-block,.live-preview.tpl-creative-portfolio .preview-link{background:rgba(255,255,255,.76)!important;color:var(--text)!important;border:1px solid rgba(23,51,77,.26)!important;border-radius:7px!important;box-shadow:none!important}.bio-page.tpl-creative-portfolio .public-link-block:hover{border-color:var(--accent)!important;background:#fff!important}.bio-page.tpl-creative-portfolio .public-heading,.live-preview.tpl-creative-portfolio .preview-heading-block{font-weight:720;color:var(--accent)}.bio-page.tpl-creative-portfolio .social-row,.live-preview.tpl-creative-portfolio .preview-social{background:transparent!important;border-color:rgba(23,51,77,.12)!important}.bio-page.tpl-creative-portfolio .public-event,.bio-page.tpl-creative-portfolio .public-countdown,.bio-page.tpl-creative-portfolio .public-lead-form,.live-preview.tpl-creative-portfolio .preview-event,.live-preview.tpl-creative-portfolio .preview-countdown,.live-preview.tpl-creative-portfolio .preview-email{background:rgba(255,255,255,.88)!important;color:var(--text)!important;border:1px solid rgba(23,51,77,.14)!important;border-radius:7px!important;box-shadow:0 7px 22px rgba(23,31,39,.045)}

/* Apply theme button text color consistently on published pages. */
.bio-page[class*="tpl-"] .style-solid{color:var(--button-text,#fff)}

@media(max-width:620px){.template-gallery{padding-left:16px;padding-right:16px;gap:10px}.template-safety-note{margin-left:16px;margin-right:16px}.template-card-media{height:220px}.template-card-copy{padding:10px}.template-card-copy>strong{font-size:12px}}
@media(max-width:430px){.template-gallery{grid-template-columns:1fr 1fr}.template-card-media{height:205px}.template-card-copy>em{display:none}}

/* LinkFlow V6 — Display Name Motion Library + Verification */
.display-name-line,.preview-name-line{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.bio-page.align-left .display-name-line,.live-preview.preview-align-left .preview-name-line{justify-content:flex-start}.display-name{position:relative;display:inline-block;max-width:100%;margin:0;will-change:transform,opacity,filter}.verified-badge{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:inline-grid;place-items:center;background:#2f7cf6;color:#fff;box-shadow:0 0 0 2px var(--surface,#fff),0 4px 12px rgba(47,124,246,.25);vertical-align:middle}.verified-badge svg{stroke-width:2.8}.verified-badge.preview-verified{width:17px;height:17px;flex-basis:17px;box-shadow:0 0 0 2px var(--surface,#fff),0 3px 8px rgba(47,124,246,.22)}.verified-badge.mini{display:inline-grid;width:15px;height:15px;vertical-align:-2px;margin-left:5px;box-shadow:none}.field-verified{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;border-radius:999px;background:#eaf2ff;color:#2563d9;font-size:8px;font-weight:800;letter-spacing:.02em}

.design-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.design-section-title h3{margin:0 0 3px}.design-section-title p{margin:0;color:#9196a0;font-size:10px;line-height:1.45}.feature-tier-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#12151d;color:#fff;font-size:8px;font-weight:850;letter-spacing:.08em}.animation-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.animation-categories{min-width:0;display:flex;gap:5px;overflow:auto;scrollbar-width:none;padding-bottom:1px}.animation-categories::-webkit-scrollbar{display:none}.animation-categories button{white-space:nowrap;border:1px solid #e2e4e9;background:#fff;color:#747a85;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:750}.animation-categories button:hover,.animation-categories button.active{background:#151821;border-color:#151821;color:#fff}.animation-library{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:420px;overflow:auto;padding:1px 2px 2px 1px;scrollbar-width:thin}.animation-effect-card{position:relative;min-width:0;border:1px solid #e3e5ea;background:#fff;border-radius:12px;padding:8px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;text-align:left;color:#252932;transition:border-color .16s,box-shadow .16s,transform .16s}.animation-effect-card:hover{border-color:#c8c4fb;box-shadow:0 7px 18px rgba(45,39,95,.07);transform:translateY(-1px)}.animation-effect-card.active{border-color:#6657f3;box-shadow:0 0 0 2px rgba(102,87,243,.10)}.animation-effect-card.category-hidden{display:none}.animation-effect-card>span:nth-child(2){display:grid;min-width:0}.animation-effect-card strong{font-size:9px;line-height:1.25}.animation-effect-card small{margin-top:2px;font-size:7px;color:#9a9fa9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animation-effect-card>i{position:absolute;right:6px;top:5px;color:#8a80f7;font-size:6px;font-style:normal;font-weight:900}.animation-demo{--accent:#6757f3;--text:#252932;width:38px;height:32px;border-radius:9px;background:#f5f4ff;color:#5c4eef;display:grid;place-items:center;font-size:11px;font-weight:850;overflow:hidden}.animation-access-note{display:flex;align-items:center;gap:6px;margin-top:9px;color:#777d87;font-size:9px}.animation-access-note svg{color:#695af0}.pro-feature-lock{border:1px solid #dfdcff;background:linear-gradient(145deg,#faf9ff,#f3f1ff);border-radius:14px;padding:13px;display:grid;grid-template-columns:38px 1fr;gap:10px}.pro-feature-lock .btn{grid-column:2;justify-self:start}.pro-lock-icon{width:38px;height:38px;border-radius:11px;background:#6757f3;color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(103,87,243,.18)}.pro-feature-lock strong{font-size:11px}.pro-feature-lock p{font-size:9px;line-height:1.55;color:#7d8290;margin:3px 0 0}.animation-locked-preview{--accent:#6757f3;--text:#4b5060;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;overflow:hidden}.animation-locked-preview span{height:34px;border:1px solid #e8e9ed;background:#fafbfc;border-radius:9px;display:grid;place-items:center;font-size:7px;font-weight:800;color:#858b96;filter:saturate(.55)}

.member-access-card{overflow:visible}.member-access-list{display:grid}.member-access-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 92px minmax(150px,.8fr) minmax(130px,.7fr) 74px;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf0f4}.member-access-row:first-child{border-top:0}.member-access-user{display:flex;align-items:center;min-width:0;gap:10px}.member-avatar-mini{width:36px;height:36px;border-radius:11px;background:#f0efff;color:#5d50ec;display:grid;place-items:center;font-size:10px;font-weight:900}.member-access-user>span:last-child{min-width:0;display:grid}.member-access-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-access-user small{font-size:9px;color:#9298a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-plan-chip{justify-self:start;border:1px solid #e2e5ea;background:#f8f9fb;color:#626873;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.member-plan-chip.plan-pro,.member-plan-chip.plan-business{background:#161922;border-color:#161922;color:#fff}.admin-feature-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0!important}.admin-feature-toggle>span{display:grid}.admin-feature-toggle strong{font-size:9px}.admin-feature-toggle small{font-size:7px;color:#9ba0a9}.admin-feature-toggle input{position:absolute;opacity:0;pointer-events:none}.admin-feature-toggle>i{position:relative;flex:0 0 auto;width:31px;height:18px;border-radius:999px;background:#d9dce3;transition:.18s}.admin-feature-toggle>i:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.13);transition:.18s}.admin-feature-toggle input:checked+i{background:#6757f3}.admin-feature-toggle input:checked+i:after{transform:translateX(13px)}.admin-feature-toggle input:disabled+i{opacity:.5;cursor:not-allowed}

/* Entrance / reveal */
.anim-fade-up{animation:lfFadeUp .75s cubic-bezier(.22,.8,.25,1) both}.anim-fade-down{animation:lfFadeDown .75s cubic-bezier(.22,.8,.25,1) both}.anim-fade-left{animation:lfFadeLeft .76s cubic-bezier(.22,.8,.25,1) both}.anim-fade-right{animation:lfFadeRight .76s cubic-bezier(.22,.8,.25,1) both}.anim-soft-rise{animation:lfSoftRise .95s cubic-bezier(.18,.8,.22,1) both}.anim-cinema-reveal{animation:lfCinema .9s cubic-bezier(.2,.72,.2,1) both}.anim-clip-up{animation:lfClipUp .82s cubic-bezier(.2,.75,.2,1) both}.anim-clip-down{animation:lfClipDown .82s cubic-bezier(.2,.75,.2,1) both}
/* Focus / depth */
.anim-blur-in{animation:lfBlur .9s ease-out both}.anim-zoom-in{animation:lfZoomIn .72s cubic-bezier(.2,.82,.3,1) both}.anim-zoom-out{animation:lfZoomOut .76s cubic-bezier(.2,.82,.3,1) both}.anim-perspective-in{transform-origin:50% 100%;animation:lfPerspective .9s cubic-bezier(.17,.8,.24,1) both}.anim-flip-x{backface-visibility:hidden;animation:lfFlipX .85s cubic-bezier(.2,.8,.24,1) both}.anim-flip-y{backface-visibility:hidden;animation:lfFlipY .85s cubic-bezier(.2,.8,.24,1) both}.anim-tilt-in{animation:lfTilt .78s cubic-bezier(.2,.82,.3,1) both}.anim-pop-in{animation:lfPop .7s cubic-bezier(.16,1.15,.3,1) both}
/* Luxury */
.anim-glow-breathe{animation:lfGlow 2.8s ease-in-out infinite}.anim-neon-pulse{animation:lfNeon 1.9s ease-in-out infinite}.anim-shimmer,.anim-light-sweep,.anim-gradient-flow,.anim-aurora,.anim-golden-glint{color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}.anim-shimmer{background-image:linear-gradient(105deg,var(--text,#252932) 0%,var(--text,#252932) 37%,#fff 47%,var(--text,#252932) 57%,var(--text,#252932) 100%);background-size:240% 100%;animation:lfShimmer 2.8s ease-in-out infinite}.anim-light-sweep{background-image:linear-gradient(100deg,var(--text) 0 42%,color-mix(in srgb,var(--accent) 38%,#fff) 49%,var(--text) 56% 100%);background-size:260% 100%;animation:lfShimmer 3.7s linear infinite}.anim-gradient-flow{background-image:linear-gradient(110deg,var(--accent),var(--text),color-mix(in srgb,var(--accent) 55%,#ff6ab2),var(--accent));background-size:280% 100%;animation:lfGradient 4.2s ease-in-out infinite}.anim-aurora{background-image:linear-gradient(110deg,#7b61ff,#43d8c8,#d665f2,#7b61ff);background-size:300% 100%;animation:lfGradient 5.5s ease-in-out infinite}.anim-golden-glint{background-image:linear-gradient(100deg,var(--text) 0 36%,#d8ad5a 45%,#fff2bd 49%,#d8ad5a 53%,var(--text) 62%);background-size:300% 100%;animation:lfShimmer 4.4s ease-in-out infinite}.anim-halo{animation:lfHalo 3.2s ease-in-out infinite}
/* Motion */
.anim-float{animation:lfFloat 3.3s ease-in-out infinite}.anim-pulse-soft{animation:lfPulse 2.8s ease-in-out infinite}.anim-bounce-soft{animation:lfBounce 2.7s ease-in-out infinite}.anim-swing{transform-origin:50% 0;animation:lfSwing 2.9s ease-in-out infinite}.anim-wobble{animation:lfWobble 3.1s ease-in-out infinite}.anim-rubber{animation:lfRubber 3.3s ease-in-out infinite}.anim-drift{animation:lfDrift 4.5s ease-in-out infinite}.anim-heartbeat{animation:lfHeartbeat 2.3s ease-in-out infinite}
/* Typography */
.anim-tracking-in{animation:lfTrackingIn 1s cubic-bezier(.2,.8,.2,1) both}.anim-tracking-out{animation:lfTrackingOut 1s cubic-bezier(.2,.8,.2,1) both}.anim-type-reveal{overflow:hidden;white-space:nowrap;max-width:100%;animation:lfTypeReveal 1.15s steps(18,end) both}.anim-underline-draw:after,.anim-focus-line:after{content:"";position:absolute;left:8%;right:8%;bottom:-5px;height:2px;border-radius:99px;background:var(--accent);transform-origin:left;animation:lfLine 1s .2s cubic-bezier(.2,.8,.2,1) both}.anim-marker-swipe{z-index:0}.anim-marker-swipe:after{content:"";position:absolute;left:-3%;right:-3%;bottom:8%;height:36%;background:color-mix(in srgb,var(--accent) 24%,transparent);z-index:-1;transform-origin:left;animation:lfMarker 1.1s .12s cubic-bezier(.2,.82,.25,1) both}.anim-shadow-rise{animation:lfShadowRise 2.8s ease-in-out infinite}.anim-chromatic{animation:lfChromatic 2.7s ease-in-out infinite}.anim-focus-line:after{height:1px;left:25%;right:25%;bottom:-7px;animation-duration:1.25s}
/* Creator energy */
.anim-shake-soft{animation:lfShake 3.2s ease-in-out infinite}.anim-jelly{animation:lfJelly 3.1s ease-in-out infinite}.anim-snap{animation:lfSnap .58s cubic-bezier(.14,1.25,.32,1) both}.anim-flash-in{animation:lfFlash .82s ease-out both}.anim-wave{transform-origin:50% 70%;animation:lfWave 3s ease-in-out infinite}.anim-breath{animation:lfBreath 3.6s ease-in-out infinite}.anim-lift-loop{animation:lfLiftLoop 2.8s ease-in-out infinite}.anim-magnetic{animation:lfMagnetic 4s ease-in-out infinite}

@keyframes lfFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes lfFadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes lfFadeLeft{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes lfFadeRight{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}@keyframes lfSoftRise{0%{opacity:0;filter:blur(8px);transform:translateY(14px) scale(.98)}100%{opacity:1;filter:blur(0);transform:none}}@keyframes lfCinema{0%{opacity:0;clip-path:inset(45% 0 45% 0);letter-spacing:.2em}100%{opacity:1;clip-path:inset(0);letter-spacing:inherit}}@keyframes lfClipUp{from{opacity:.2;clip-path:inset(100% 0 0 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes lfClipDown{from{opacity:.2;clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes lfBlur{from{opacity:0;filter:blur(14px);transform:scale(1.04)}to{opacity:1;filter:blur(0);transform:none}}@keyframes lfZoomIn{from{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}@keyframes lfZoomOut{from{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes lfPerspective{from{opacity:0;transform:perspective(500px) rotateX(55deg) translateY(16px)}to{opacity:1;transform:perspective(500px) rotateX(0) translateY(0)}}@keyframes lfFlipX{from{opacity:0;transform:perspective(500px) rotateX(-90deg)}to{opacity:1;transform:perspective(500px) rotateX(0)}}@keyframes lfFlipY{from{opacity:0;transform:perspective(500px) rotateY(90deg)}to{opacity:1;transform:perspective(500px) rotateY(0)}}@keyframes lfTilt{from{opacity:0;transform:rotate(-7deg) translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes lfPop{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes lfGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent),0 0 32px color-mix(in srgb,var(--accent) 25%,transparent)}}@keyframes lfNeon{0%,100%{text-shadow:0 0 5px color-mix(in srgb,var(--accent) 30%,transparent)}50%{text-shadow:0 0 9px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 65%,transparent)}}@keyframes lfShimmer{0%,20%{background-position:100% 0}70%,100%{background-position:-100% 0}}@keyframes lfGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes lfHalo{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 50%,transparent))}}
@keyframes lfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lfPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes lfBounce{0%,70%,100%{transform:translateY(0)}82%{transform:translateY(-7px)}91%{transform:translateY(2px)}}@keyframes lfSwing{0%,100%{transform:rotate(0)}35%{transform:rotate(2deg)}65%{transform:rotate(-2deg)}}@keyframes lfWobble{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(-3px) rotate(-1deg)}65%{transform:translateX(3px) rotate(1deg)}}@keyframes lfRubber{0%,75%,100%{transform:scale(1)}83%{transform:scaleX(1.045) scaleY(.97)}91%{transform:scaleX(.98) scaleY(1.025)}}@keyframes lfDrift{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}@keyframes lfHeartbeat{0%,55%,100%{transform:scale(1)}64%{transform:scale(1.055)}71%{transform:scale(1)}79%{transform:scale(1.035)}}
@keyframes lfTrackingIn{from{opacity:0;letter-spacing:.34em;filter:blur(3px)}to{opacity:1;letter-spacing:inherit;filter:none}}@keyframes lfTrackingOut{from{opacity:0;letter-spacing:-.08em}to{opacity:1;letter-spacing:inherit}}@keyframes lfTypeReveal{from{width:0;opacity:.5}to{width:100%;opacity:1}}@keyframes lfLine{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}@keyframes lfMarker{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lfShadowRise{0%,100%{text-shadow:0 0 0 transparent;transform:translateY(0)}50%{text-shadow:0 8px 15px rgba(0,0,0,.18);transform:translateY(-2px)}}@keyframes lfChromatic{0%,100%{text-shadow:0 0 transparent}50%{text-shadow:-1px 0 #3fd7ff,1px 0 #ff4d93}}@keyframes lfMarker{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lfShake{0%,76%,100%{transform:translateX(0)}80%{transform:translateX(-2px)}84%{transform:translateX(2px)}88%{transform:translateX(-1px)}92%{transform:translateX(1px)}}@keyframes lfJelly{0%,75%,100%{transform:scale(1)}82%{transform:scaleX(1.055) scaleY(.94)}89%{transform:scaleX(.96) scaleY(1.04)}95%{transform:scaleX(1.02) scaleY(.985)}}@keyframes lfSnap{0%{opacity:0;transform:scale(.76) translateY(8px)}70%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}@keyframes lfFlash{0%{opacity:0;filter:brightness(2.4) blur(4px);transform:scale(1.04)}45%{opacity:1;filter:brightness(1.5)}100%{filter:none;transform:none}}@keyframes lfWave{0%,100%{transform:rotate(0)}35%{transform:rotate(1.3deg)}65%{transform:rotate(-1.3deg)}}@keyframes lfBreath{0%,100%{opacity:.88;transform:scale(.995)}50%{opacity:1;transform:scale(1.025)}}@keyframes lfLiftLoop{0%,100%{transform:translateY(0);text-shadow:0 0 transparent}50%{transform:translateY(-3px);text-shadow:0 6px 12px rgba(0,0,0,.10)}}@keyframes lfMagnetic{0%,100%{transform:translate(0,0)}30%{transform:translate(2px,-1px)}65%{transform:translate(-2px,1px)}}

@media(max-width:900px){.member-access-row{grid-template-columns:1fr 84px 130px 120px 66px;gap:8px}.animation-library{max-height:360px}}
@media(max-width:720px){.animation-library{grid-template-columns:1fr}.animation-toolbar{align-items:flex-start;flex-direction:column}.member-access-row{grid-template-columns:1fr 70px;gap:10px}.member-access-user{grid-column:1}.member-plan-chip{grid-column:2;grid-row:1}.admin-feature-toggle{grid-column:1/-1;border-top:1px solid #f0f1f4;padding-top:8px}.member-access-row>.btn{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.display-name,[class*="anim-"]{animation:none!important;transition:none!important}.display-name:after{animation:none!important;transform:none!important}}

/* === LinkFlow V7: continuous name motion + professional profile frame system === */
.display-name-line,.preview-name-line{gap:6px;line-height:1.1}
.verified-badge{width:17px;height:17px;flex:0 0 17px;margin-left:1px;align-self:center;transform:translateY(1px);box-shadow:0 0 0 1.5px var(--surface,#fff),0 3px 9px rgba(47,124,246,.20)}
.verified-badge svg{width:9px;height:9px;stroke-width:2.7}
.verified-badge.preview-verified{width:15px;height:15px;flex-basis:15px;margin-left:0;box-shadow:0 0 0 1.25px var(--surface,#fff),0 2px 7px rgba(47,124,246,.18)}
.verified-badge.preview-verified svg{width:8px;height:8px}

.profile-avatar-shell,.preview-avatar-shell,.frame-demo-shell{position:relative;display:grid;place-items:center;isolation:isolate;overflow:visible;flex:none}
.profile-avatar-shell{width:100px;height:100px;margin:0 auto 12px;--af-inset:-5px;--af-color:var(--accent);--af-radius:calc(var(--avatar-radius) + 6px)}
.profile-avatar-media{width:92px;height:92px;overflow:hidden;border-radius:var(--avatar-radius);position:relative;z-index:2;background:var(--surface);display:grid;place-items:center}
.profile-avatar-media img,.profile-avatar-media .bio-avatar-fallback{width:100%!important;height:100%!important;margin:0!important;border-radius:inherit!important;display:block}
.profile-avatar-media .bio-avatar-fallback{display:grid!important;place-items:center!important}
.profile-avatar-media.avatar-fit-cover img{object-fit:cover!important;object-position:center!important}
.profile-avatar-media.avatar-fit-contain img{object-fit:contain!important;object-position:center!important;padding:5px;background:var(--surface)}
.preview-avatar-shell{width:84px;height:84px;margin:0 auto 10px;--af-inset:-4px;--af-color:var(--accent);--af-radius:calc(var(--avatar-radius) + 5px)}
.preview-avatar-media{width:76px;height:76px;overflow:hidden;border-radius:var(--avatar-radius);position:relative;z-index:2;background:var(--surface);display:grid;place-items:center}
.preview-avatar-media .preview-avatar{width:100%!important;height:100%!important;margin:0!important;border-radius:inherit!important;display:grid}
.frame-demo-shell{width:42px;height:42px;--af-inset:-3px;--af-color:#6757f3;--af-radius:999px;margin:auto}
.frame-demo-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(145deg,#272c37,#50596c);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900;position:relative;z-index:2}
.profile-avatar-shell::before,.profile-avatar-shell::after,.preview-avatar-shell::before,.preview-avatar-shell::after,.frame-demo-shell::before,.frame-demo-shell::after{content:"";position:absolute;inset:var(--af-inset);border-radius:var(--af-radius);pointer-events:none;z-index:1;box-sizing:border-box}
.avatarfx-none::before,.avatarfx-none::after{display:none!important}

/* Continuous frame effects */
.avatarfx-soft-ring::before{border:1.5px solid color-mix(in srgb,var(--af-color) 38%,transparent);animation:lfFrameBreath 3.8s ease-in-out infinite}
.avatarfx-accent-ring::before{border:2px solid var(--af-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--af-color) 8%,transparent);animation:lfFrameAccent 3s ease-in-out infinite}
.avatarfx-double-ring::before{border:1.5px solid color-mix(in srgb,var(--af-color) 75%,transparent);animation:lfFrameBreath 3.4s ease-in-out infinite}.avatarfx-double-ring::after{inset:calc(var(--af-inset) - 5px);border:1px solid color-mix(in srgb,var(--af-color) 24%,transparent);animation:lfFrameBreath 3.4s ease-in-out infinite reverse}
.avatarfx-halo-soft::before{box-shadow:0 0 18px 4px color-mix(in srgb,var(--af-color) 22%,transparent);animation:lfFrameHalo 4s ease-in-out infinite}
.avatarfx-halo-strong::before{box-shadow:0 0 16px 5px color-mix(in srgb,var(--af-color) 38%,transparent),0 0 34px 9px color-mix(in srgb,var(--af-color) 14%,transparent);animation:lfFrameHalo 2.8s ease-in-out infinite}
.avatarfx-neon-ring::before{border:2px solid var(--af-color);box-shadow:0 0 7px var(--af-color),inset 0 0 7px color-mix(in srgb,var(--af-color) 65%,transparent);animation:lfFrameNeon 2.4s ease-in-out infinite}
.avatarfx-aurora-ring::before,.avatarfx-gold-sweep::before,.avatarfx-prism-ring::before,.avatarfx-gradient-spin::before,.avatarfx-electric-ring::before,.avatarfx-spotlight-ring::before{inset:calc(var(--af-inset) - 1px);background:conic-gradient(from 0deg,var(--af-color),#62dbd5,#b760ff,#ff69ac,var(--af-color));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:lfFrameSpin 6.5s linear infinite}
.avatarfx-gold-sweep::before{background:conic-gradient(from 0deg,#6d4b17,#e6b65c,#fff2bd,#a87628,#e6b65c,#6d4b17);animation-duration:5.4s}
.avatarfx-prism-ring::before{background:conic-gradient(from 0deg,#ff6b9d,#ffcf5a,#70e4c7,#6ea9ff,#aa74ff,#ff6b9d);animation-duration:7.5s}
.avatarfx-gradient-spin::before{background:conic-gradient(from 0deg,var(--af-color),color-mix(in srgb,var(--af-color) 32%,#fff),var(--af-color),color-mix(in srgb,var(--af-color) 45%,#0b0d12),var(--af-color));animation-duration:4.8s}
.avatarfx-electric-ring::before{background:conic-gradient(from 0deg,transparent 0 8%,var(--af-color) 10% 21%,#fff 23%,transparent 27% 48%,var(--af-color) 50% 68%,transparent 72%);animation-duration:2.2s;filter:drop-shadow(0 0 4px var(--af-color))}
.avatarfx-spotlight-ring::before{background:conic-gradient(from 0deg,transparent 0 64%,color-mix(in srgb,var(--af-color) 30%,#fff) 72%,#fff 78%,var(--af-color) 84%,transparent 92%);animation-duration:4.4s}
.avatarfx-orbit-dot::before,.avatarfx-dual-orbit::before,.avatarfx-comet-orbit::before,.avatarfx-sparkle-orbit::before{inset:calc(var(--af-inset) - 5px);background:conic-gradient(from 0deg,transparent 0 91%,var(--af-color) 92% 96%,transparent 97%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));filter:drop-shadow(0 0 4px var(--af-color));animation:lfFrameSpin 4s linear infinite}
.avatarfx-dual-orbit::after{inset:calc(var(--af-inset) - 9px);background:conic-gradient(from 180deg,transparent 0 92%,color-mix(in srgb,var(--af-color) 45%,#fff) 93% 97%,transparent 98%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:lfFrameSpin 6.5s linear infinite reverse}
.avatarfx-comet-orbit::before{background:conic-gradient(from 0deg,transparent 0 78%,color-mix(in srgb,var(--af-color) 10%,transparent) 82%,color-mix(in srgb,var(--af-color) 65%,transparent) 89%,#fff 94%,var(--af-color) 96%,transparent 98%);animation-duration:3.2s}
.avatarfx-sparkle-orbit::before{background:conic-gradient(from 0deg,transparent 0 84%,#fff 87% 89%,var(--af-color) 90% 93%,transparent 95%);animation-duration:5s}.avatarfx-sparkle-orbit::after{inset:calc(var(--af-inset) - 8px);border:1px solid color-mix(in srgb,var(--af-color) 18%,transparent);animation:lfFrameBreath 3.3s ease-in-out infinite}
.avatarfx-dashed-spin::before{inset:calc(var(--af-inset) - 2px);border:2px dashed color-mix(in srgb,var(--af-color) 70%,transparent);animation:lfFrameSpin 7s linear infinite}
.avatarfx-pulse-ring::before{border:2px solid var(--af-color);animation:lfFramePulse 2.5s ease-out infinite}
.avatarfx-ripple::before,.avatarfx-ripple::after{border:1.5px solid color-mix(in srgb,var(--af-color) 70%,transparent);animation:lfFrameRipple 3s ease-out infinite}.avatarfx-ripple::after{animation-delay:1.5s}
.avatarfx-radar::before{border:1.5px solid color-mix(in srgb,var(--af-color) 60%,transparent);animation:lfFrameRadar 3.4s ease-out infinite}
.avatarfx-breathing-ring::before{border:2px solid color-mix(in srgb,var(--af-color) 58%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--af-color) 18%,transparent);animation:lfFrameBreathing 4.2s ease-in-out infinite}
.avatarfx-glass-ring::before{inset:calc(var(--af-inset) - 2px);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--af-color) 14%,transparent),0 7px 25px rgba(30,35,45,.11);background:linear-gradient(135deg,rgba(255,255,255,.30),transparent 45%,rgba(255,255,255,.08));animation:lfFrameGlass 4.6s ease-in-out infinite}
.avatarfx-shadow-orbit::before{box-shadow:10px 3px 15px color-mix(in srgb,var(--af-color) 28%,transparent),-5px -3px 12px rgba(0,0,0,.08);animation:lfFrameSpin 7s linear infinite}

@keyframes lfFrameSpin{to{transform:rotate(360deg)}}
@keyframes lfFrameBreath{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.025)}}
@keyframes lfFrameAccent{0%,100%{opacity:.7;box-shadow:0 0 0 3px color-mix(in srgb,var(--af-color) 7%,transparent)}50%{opacity:1;box-shadow:0 0 0 5px color-mix(in srgb,var(--af-color) 13%,transparent)}}
@keyframes lfFrameHalo{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.035)}}
@keyframes lfFrameNeon{0%,100%{opacity:.65;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.25)}}
@keyframes lfFramePulse{0%{opacity:.9;transform:scale(.98)}70%,100%{opacity:0;transform:scale(1.16)}}
@keyframes lfFrameRipple{0%{opacity:.72;transform:scale(.98)}80%,100%{opacity:0;transform:scale(1.22)}}
@keyframes lfFrameRadar{0%{opacity:.75;transform:scale(.96)}50%{opacity:.32}100%{opacity:0;transform:scale(1.18)}}
@keyframes lfFrameBreathing{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.045)}}
@keyframes lfFrameGlass{0%,100%{opacity:.68;filter:brightness(.96)}50%{opacity:1;filter:brightness(1.12)}}

/* Name animations in V7 are always-on continuous motion only. */
.display-name{transform-origin:50% 60%;will-change:transform,filter,text-shadow,background-position,letter-spacing}
.anim-float-soft{animation:lfNameFloatSoft 3.8s ease-in-out infinite}.anim-float-deep{animation:lfNameFloatDeep 4.6s ease-in-out infinite}
.anim-drift-soft{animation:lfNameDriftSoft 4.4s ease-in-out infinite}.anim-drift-wide{animation:lfNameDriftWide 5.4s ease-in-out infinite}
.anim-sway-soft{animation:lfNameSway 4.2s ease-in-out infinite}.anim-tilt-breathe{animation:lfNameTiltBreath 4s ease-in-out infinite}.anim-rise-fall{animation:lfNameRiseFall 5s ease-in-out infinite}.anim-orbit-micro{animation:lfNameOrbit 5.2s ease-in-out infinite}
.anim-tracking-breathe{animation:lfNameTrackingBreath 4.6s ease-in-out infinite}.anim-tracking-wave{animation:lfNameTrackingWave 5.3s ease-in-out infinite}
.anim-underline-flow:after{content:"";position:absolute;left:8%;right:8%;bottom:-5px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),#fff,var(--accent),transparent);background-size:220% 100%;animation:lfNameLineFlow 3.4s linear infinite}
.anim-marker-flow{z-index:0}.anim-marker-flow:after{content:"";position:absolute;left:-2%;right:-2%;bottom:8%;height:34%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));background-size:220% 100%;z-index:-1;animation:lfNameLineFlow 4s linear infinite}
.anim-shadow-float{animation:lfNameShadowFloat 4s ease-in-out infinite}.anim-hue-flow{animation:lfNameHueFlow 6.5s linear infinite}.anim-focus-pulse{animation:lfNameFocus 4.2s ease-in-out infinite}
.anim-glow-drift{animation:lfNameGlowDrift 4.8s ease-in-out infinite}.anim-scale-drift{animation:lfNameScaleDrift 5s ease-in-out infinite}.anim-soft-orbit{animation:lfNameOrbit 6.2s ease-in-out infinite}.anim-calm-pulse{animation:lfNameCalmPulse 5s ease-in-out infinite}

@keyframes lfNameFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes lfNameFloatDeep{0%,100%{transform:translateY(2px)}50%{transform:translateY(-6px)}}
@keyframes lfNameDriftSoft{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@keyframes lfNameDriftWide{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@keyframes lfNameSway{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}
@keyframes lfNameTiltBreath{0%,100%{transform:rotate(-.5deg) scale(.997)}50%{transform:rotate(.6deg) scale(1.018)}}
@keyframes lfNameRiseFall{0%,100%{transform:translateY(1px);text-shadow:0 0 transparent}50%{transform:translateY(-4px);text-shadow:0 7px 15px rgba(0,0,0,.12)}}
@keyframes lfNameOrbit{0%,100%{transform:translate(0,0)}25%{transform:translate(2px,-2px)}50%{transform:translate(0,-3px)}75%{transform:translate(-2px,-1px)}}
@keyframes lfNameTrackingBreath{0%,100%{letter-spacing:-.025em}50%{letter-spacing:.025em}}
@keyframes lfNameTrackingWave{0%,100%{letter-spacing:-.015em;transform:scaleX(1)}50%{letter-spacing:.045em;transform:scaleX(1.01)}}
@keyframes lfNameLineFlow{to{background-position:-220% 0}}
@keyframes lfNameShadowFloat{0%,100%{transform:translateY(0);text-shadow:0 2px 0 transparent}50%{transform:translateY(-2px);text-shadow:0 7px 14px rgba(0,0,0,.20)}}
@keyframes lfNameHueFlow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
@keyframes lfNameFocus{0%,100%{filter:blur(0);transform:scale(1)}50%{filter:blur(.25px);transform:scale(1.012)}}
@keyframes lfNameGlowDrift{0%,100%{transform:translateX(-1px);text-shadow:0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}50%{transform:translateX(2px);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 48%,transparent)}}
@keyframes lfNameScaleDrift{0%,100%{transform:translate(-1px,0) scale(.995)}50%{transform:translate(2px,-1px) scale(1.02)}}
@keyframes lfNameCalmPulse{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.015);opacity:1}}

/* Frame effect picker */
.feature-tier-open{background:#edf8f1;color:#237044;border:1px solid #d4efde}
.frame-effect-library{display:grid;gap:14px;max-height:520px;overflow:auto;padding:2px 3px 4px 1px;scrollbar-width:thin}
.frame-effect-group{display:grid;gap:7px}.frame-effect-group>strong{font-size:9px;color:#8b919b;text-transform:uppercase;letter-spacing:.08em}
.frame-effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.frame-effect-card{min-width:0;border:1px solid #e3e5ea;background:#fff;border-radius:12px;padding:9px 8px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;text-align:left;color:#252932;transition:.16s}
.frame-effect-card:hover{border-color:#c8c4fb;box-shadow:0 7px 18px rgba(45,39,95,.07);transform:translateY(-1px)}
.frame-effect-card.active{border-color:#6657f3;box-shadow:0 0 0 2px rgba(102,87,243,.10);background:#fbfaff}
.frame-effect-card>span:last-child{display:grid;min-width:0}.frame-effect-card b{font-size:9px;line-height:1.25}.frame-effect-card small{font-size:7px;color:#979da7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-fit-row{margin-top:16px}

@media(max-width:720px){.frame-effect-grid{grid-template-columns:1fr}.frame-effect-library{max-height:430px}.profile-avatar-shell{width:94px;height:94px}.profile-avatar-media{width:86px;height:86px}}
@media(prefers-reduced-motion:reduce){.profile-avatar-shell::before,.profile-avatar-shell::after,.preview-avatar-shell::before,.preview-avatar-shell::after,.frame-demo-shell::before,.frame-demo-shell::after{animation:none!important}.display-name{animation:none!important}.display-name:after{animation:none!important}}

/* =========================================================
   V8 — Public Profile & Conversion Engine
   ========================================================= */
.bio-page{padding:36px 18px 64px;overflow-x:hidden;overflow-y:auto}.bio-card{width:min(var(--page-width,620px),100%);position:relative}.bio-card.has-cover{padding-top:0}.profile-cover{height:var(--cover-height,230px);overflow:hidden;border-radius:calc(var(--radius) + 8px);margin-bottom:-54px;background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);box-shadow:0 18px 42px rgba(18,22,30,.10);position:relative}.profile-cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.16));pointer-events:none}.profile-cover img,.profile-cover video,.profile-cover iframe{width:100%;height:100%;display:block;object-fit:cover;border:0}.profile-cover iframe{position:absolute;inset:0;pointer-events:none}.profile-cover-embed{isolation:isolate}.bio-card.has-cover .bio-profile{position:relative;z-index:2;padding-top:0}.bio-card.has-cover .profile-avatar-shell{margin-top:0}.bio-card.has-cover .bio-profile{margin-top:0}.bio-card.has-cover .profile-avatar-shell{transform:translateY(0)}
.bio-profile{margin-bottom:24px}.bio-profile h1{font-size:28px;font-weight:790;line-height:1.14;letter-spacing:-.035em}.bio-profile p{font-size:14px;line-height:1.65;max-width:500px}.profile-quick-actions{margin-top:12px;display:flex;justify-content:center}.align-left .profile-quick-actions{justify-content:flex-start}.profile-share-btn{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);font:inherit;font-size:11px;font-weight:720;backdrop-filter:blur(10px);transition:.16s}.profile-share-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 7px 18px rgba(20,24,32,.08)}
.bio-card.has-cover .bio-profile{padding-top:0}.bio-card.has-cover .profile-avatar-shell{margin-top:0}.bio-card.has-cover .profile-avatar-shell{position:relative;top:0}.bio-card.has-cover .bio-profile{transform:translateY(-2px)}.bio-card.has-cover .profile-avatar-shell{margin-bottom:14px}
.avatar-shape-circle .profile-avatar-media{border-radius:50%}.avatar-shape-circle .profile-avatar-shell{--af-radius:50%}.avatar-shape-square .profile-avatar-media{border-radius:8px}.avatar-shape-square .profile-avatar-shell{--af-radius:14px}.avatar-shape-logo .profile-avatar-media{border-radius:16px;background:var(--surface);padding:7px}.avatar-shape-logo .profile-avatar-media img{object-fit:contain!important}.avatar-shape-logo .profile-avatar-shell{--af-radius:22px}.avatar-shape-rounded .profile-avatar-media{border-radius:var(--avatar-radius)}
.public-blocks{gap:12px}.public-heading{font-size:20px;font-weight:780;letter-spacing:-.025em;margin:22px 0 4px}.public-text{font-size:13.5px;line-height:1.7}.public-link-block,.social-row,.public-media-link,.public-event,.public-countdown,.public-lead-form,.public-contact-form,.public-product,.public-booking,.public-whatsapp,.public-faq,.public-testimonial,.public-map,.public-download,.public-embed{border:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 8px 28px rgba(20,24,32,.055);backdrop-filter:blur(12px)}
.public-product{overflow:hidden;border-radius:var(--radius);padding:0}.public-product>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.product-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px 9px}.product-copy>div{display:grid;gap:4px}.product-copy strong{font-size:14px}.product-copy small{font-size:11px;line-height:1.5;color:var(--muted)}.product-copy>b{font-size:14px;white-space:nowrap}.public-product>a{margin:0 12px 12px;min-height:43px;border-radius:calc(var(--radius) * .65);display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--button-text);font-size:12px;font-weight:800}
.public-booking,.public-whatsapp,.public-download{border-radius:var(--radius);min-height:72px;padding:13px 15px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}.booking-icon,.public-whatsapp>span:first-child,.download-icon{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);display:grid;place-items:center}.public-booking>div,.public-whatsapp>div,.public-download>div{display:grid;gap:3px;min-width:0}.public-booking strong,.public-whatsapp strong,.public-download strong{font-size:13px}.public-booking small,.public-whatsapp small,.public-download small{font-size:10px;color:var(--muted);line-height:1.45}.public-booking>a,.download-cta{font-size:10px;font-weight:800;color:var(--accent);white-space:nowrap}.public-whatsapp{color:var(--text)}
.public-contact-form{border-radius:var(--radius);padding:17px;display:grid;gap:11px}.form-intro{display:grid;gap:4px}.form-intro strong{font-size:14px}.form-intro small{font-size:11px;color:var(--muted);line-height:1.5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.public-contact-form input,.public-contact-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--text);border-radius:10px;padding:11px 12px;font:inherit;font-size:12px;outline:none}.public-contact-form textarea{resize:vertical;min-height:92px}.public-contact-form input:focus,.public-contact-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.public-contact-form>button{min-height:44px;border:0;border-radius:calc(var(--radius) * .65);background:var(--accent);color:var(--button-text);font:inherit;font-size:12px;font-weight:820;display:flex;align-items:center;justify-content:center;gap:8px}
.public-faq{border-radius:calc(var(--radius) * .8);overflow:hidden}.public-faq summary{list-style:none;min-height:56px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:760;cursor:pointer}.public-faq summary::-webkit-details-marker{display:none}.public-faq summary svg{transition:transform .18s}.public-faq>div{padding:0 15px 15px;color:var(--muted);font-size:12px;line-height:1.65}
.public-testimonial{margin:0;border-radius:var(--radius);padding:18px}.public-testimonial>p{font-size:15px;line-height:1.6;font-weight:640;margin:0 0 14px;letter-spacing:-.01em}.public-testimonial footer{display:flex;align-items:center;gap:10px}.public-testimonial footer img{width:38px;height:38px;border-radius:50%;object-fit:cover}.public-testimonial footer span{display:grid;gap:2px}.public-testimonial footer strong{font-size:12px}.public-testimonial footer small{font-size:10px;color:var(--muted)}
.public-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.public-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radius) * .68);display:block}.public-gallery.count-1{grid-template-columns:1fr}.public-gallery.count-1 img{aspect-ratio:16/9}.public-gallery.count-2{grid-template-columns:1fr 1fr}
.public-embed{border-radius:var(--radius);overflow:hidden}.public-embed iframe{width:100%;border:0;display:block;background:#111;aspect-ratio:16/9}.public-embed.ratio-compact iframe{height:152px;aspect-ratio:auto}.public-embed.ratio-soundcloud iframe{height:190px;aspect-ratio:auto}.embed-title{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:12px;font-weight:760}
.public-map{border-radius:var(--radius);overflow:hidden}.map-heading{padding:12px 14px;display:flex;align-items:center;gap:10px}.map-heading>span{width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);display:grid;place-items:center}.map-heading>div{display:grid;gap:2px}.map-heading strong{font-size:12px}.map-heading small{font-size:10px;color:var(--muted)}.public-map iframe{width:100%;height:230px;border:0;display:block;filter:saturate(.86) contrast(.96)}
.public-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#15171c;color:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:750;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.18s;z-index:50}.public-toast.show{opacity:1;transform:translate(-50%,0)}

/* Builder V8 controls */
.block-menu{width:370px;max-height:min(560px,calc(100vh - 140px));overflow:auto;grid-template-columns:1fr 1fr}.block-menu button{min-height:50px}.editor-hint{border-radius:9px;background:#f4f6f8;padding:9px 10px;color:#7b828e;font-size:10px;line-height:1.5}.block-advanced{margin-top:4px;border-top:1px solid #eceef2;padding-top:9px}.block-advanced summary{cursor:pointer;font-size:10px;font-weight:760;color:#737a86;list-style:none}.block-advanced summary::-webkit-details-marker{display:none}.block-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.cover-control{display:none;margin-top:11px}.cover-control.active{display:block}.compact-switch{margin-top:12px}.feature-tier-open{background:#edf8f2;color:#24845b}.settings-pro{display:grid!important;gap:14px!important}.settings-section{border:1px solid #e2e5e9;border-radius:14px;padding:15px;background:#fff;display:grid;gap:13px;box-shadow:0 1px 2px rgba(20,24,31,.02)}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #edf0f3}.settings-section-head>div{display:grid;gap:3px}.settings-section-head strong{font-size:13px}.settings-section-head small{font-size:10px;color:#8b919d;line-height:1.45}.settings-section>label{font-size:11px}.settings-section>label>small{font-size:9px;color:#9298a3;font-weight:500}.settings-section textarea{font-size:12px;line-height:1.5}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-help{display:flex;align-items:center;gap:8px;color:#818793;font-size:10px;line-height:1.5;padding:10px;border-radius:10px;background:#f7f8fa}.compact-lock{grid-template-columns:34px 1fr}.compact-lock .pro-lock-icon{width:34px;height:34px;border-radius:10px}.compact-lock .btn{grid-column:2}
.preview-cover{margin:-50px -18px 0;overflow:hidden;position:relative}.preview-cover img,.preview-cover video,.preview-cover iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.preview-cover iframe{position:absolute;inset:0;pointer-events:none}.preview-cover-embed{isolation:isolate}.preview-content.has-cover .preview-profile{position:relative;margin-top:-38px}.preview-content.has-cover .preview-avatar-shell{filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.preview-avatar-shape-circle .preview-avatar-media{border-radius:50%}.preview-avatar-shape-square .preview-avatar-media{border-radius:7px}.preview-avatar-shape-logo .preview-avatar-media{border-radius:13px;padding:5px;background:var(--surface)}.preview-avatar-shape-logo .preview-avatar{object-fit:contain!important}.preview-share{display:inline-flex;margin-top:6px;padding:4px 8px;border:1px solid rgba(127,127,127,.18);border-radius:999px;font-size:7px;font-weight:750}.preview-embed,.preview-product,.preview-booking,.preview-whatsapp,.preview-contact,.preview-faq,.preview-testimonial,.preview-map,.preview-download{border:1px solid rgba(127,127,127,.12);box-shadow:0 4px 12px rgba(20,24,31,.035)}.preview-embed{overflow:hidden}.preview-embed-media{height:82px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#12131a),#11131a);color:#fff;display:grid;place-items:center}.preview-embed>span{padding:8px 10px;display:grid;gap:2px}.preview-embed strong,.preview-product strong,.preview-booking strong,.preview-whatsapp strong,.preview-contact strong,.preview-faq strong,.preview-download strong{font-size:9px}.preview-embed small,.preview-product small,.preview-booking small,.preview-whatsapp small,.preview-contact small,.preview-download small{font-size:6.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preview-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.preview-gallery.count-1{grid-template-columns:1fr}.preview-gallery.count-1 img{aspect-ratio:16/9}.preview-gallery.count-2{grid-template-columns:1fr 1fr}.preview-product{overflow:hidden}.preview-product>img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.preview-product>div{padding:8px;display:flex;justify-content:space-between;gap:8px}.preview-product>div>span{display:grid;gap:2px;min-width:0}.preview-product>div>b{font-size:8px}.preview-product>em{display:block;margin:0 7px 7px;padding:7px;border-radius:7px;text-align:center;font-size:7px;font-style:normal;font-weight:800}.preview-booking,.preview-whatsapp,.preview-download{min-height:48px;padding:8px 9px;display:grid;grid-template-columns:26px 1fr auto;gap:7px;align-items:center}.preview-booking>b,.preview-whatsapp>b,.preview-download>b{width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);display:grid;place-items:center}.preview-booking>span,.preview-whatsapp>span,.preview-download>span{display:grid;gap:1px;min-width:0}.preview-booking>em,.preview-download>em{font-size:6px;font-style:normal;font-weight:800;color:var(--accent)}.preview-contact{padding:9px;display:grid;gap:6px}.preview-contact>small{font-size:6px;color:var(--muted)}.preview-contact>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.preview-contact i{height:22px;border:1px solid rgba(127,127,127,.13);border-radius:6px;padding:5px;color:var(--muted);font-size:5px;font-style:normal}.preview-contact i.message{height:34px}.preview-contact>b{padding:6px;border-radius:6px;text-align:center;font-size:6px}.preview-faq{min-height:42px;padding:9px 10px;display:flex;justify-content:space-between;align-items:center}.preview-testimonial{padding:10px}.preview-testimonial p{font-size:8px;line-height:1.5;margin:0 0 6px}.preview-testimonial strong{font-size:7px}.preview-testimonial small{display:block;font-size:6px;color:var(--muted)}.preview-map{overflow:hidden}.preview-map-grid{height:58px;background-color:#e9ece9;background-image:linear-gradient(45deg,rgba(120,130,120,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(120,130,120,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(120,130,120,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(120,130,120,.12) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.preview-map>span{padding:7px 9px;display:grid;gap:1px}.preview-map strong{font-size:8px}.preview-map small{font-size:6px;color:var(--muted)}

@media(max-width:720px){.bio-page{padding:24px 13px 48px}.profile-cover{height:min(var(--cover-height),240px);border-radius:calc(var(--radius) + 3px)}.bio-profile h1{font-size:24px}.contact-grid{grid-template-columns:1fr}.public-booking,.public-whatsapp,.public-download{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}.block-menu{position:fixed;left:12px;right:12px;top:82px;width:auto;max-height:60vh;grid-template-columns:1fr 1fr}.tracking-grid,.block-advanced-grid{grid-template-columns:1fr}.settings-section{padding:13px}}

/* V8 Audience / CRM refinements */
.audience-contact{display:flex;flex-direction:column;min-width:0;gap:3px}
.audience-contact small{color:var(--muted,#7b8494);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audience-contact em{font-style:normal;color:#525b6b;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:360px}
.public-embed.ratio-apple iframe{height:175px;aspect-ratio:auto}.public-embed.ratio-social iframe{height:620px;max-height:76vh;aspect-ratio:auto;background:#fff}.public-embed.ratio-vertical iframe{height:min(720px,78vh);aspect-ratio:9/16;margin:auto}
.public-success{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:calc(var(--radius) * .72);border:1px solid color-mix(in srgb,#22a06b 22%,transparent);background:color-mix(in srgb,#22a06b 8%,var(--surface));color:var(--text);box-shadow:0 7px 22px rgba(26,120,80,.06)}.public-success>svg{flex:none;margin-top:2px;color:#19875b}.public-success>span{display:grid;gap:2px}.public-success strong{font-size:12px}.public-success small{font-size:10px;color:var(--muted);line-height:1.45}

/* =========================================================
   V9 — Monetization & Subscription Engine
   ========================================================= */
.billing-v9,.admin-v9{--billing-soft:#f7f8fb;--billing-line:#e7e9ef}.subscription-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:20px 22px}.subscription-main{display:flex;align-items:center;gap:13px;min-width:0}.subscription-provider{width:44px;height:44px;border-radius:13px;background:#f0eeff;color:#5d50ea;display:grid;place-items:center;flex:none}.subscription-main>div{display:grid;gap:3px}.subscription-main small{font-size:10px;color:var(--muted);font-weight:700}.subscription-main h2{font-size:17px;letter-spacing:-.025em;margin:0}.subscription-main p{font-size:11px;color:var(--muted);margin:0}.subscription-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.billing-choice-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:18px}.billing-choice-bar>div:first-child{display:grid;gap:3px}.billing-choice-bar strong{font-size:13px}.billing-choice-bar span{font-size:10px;color:var(--muted)}.billing-cycle-toggle{display:inline-flex;padding:3px;background:#f0f1f4;border-radius:11px;gap:2px}.billing-cycle-toggle button{border:0;background:transparent;border-radius:8px;padding:8px 13px;font:700 11px/1 system-ui;color:#858b96;cursor:pointer}.billing-cycle-toggle button.active{background:#fff;color:#232630;box-shadow:0 2px 7px rgba(22,26,35,.08)}.billing-pricing{align-items:start}.billing-pricing .pricing-card{display:flex;flex-direction:column;min-height:100%}.billing-pricing .pricing-card ul{flex:1}.checkout-form{display:grid;gap:10px}.checkout-form label{display:grid;gap:5px;font-size:9px;font-weight:750;color:#6e7580}.checkout-form label small{font-size:8px;color:#9ba0aa;font-weight:500}.checkout-form input,.checkout-form select{min-height:38px;border:1px solid #dfe2e8;border-radius:10px;background:#fff;padding:8px 10px;font:600 11px/1.2 system-ui;color:#20242d}.trial-chip{width:max-content;display:inline-flex;align-items:center;gap:5px;margin:-8px 0 14px;padding:6px 9px;border-radius:999px;background:#f0edff;color:#594bea;font-size:9px;font-weight:800}.billing-lower-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:18px}.billing-profile-form{display:grid;gap:11px}.payment-history{display:grid}.payment-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto 34px;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.payment-row:last-child{border-bottom:0}.payment-icon{width:34px;height:34px;border-radius:10px;background:#f3f4f7;color:#676e79;display:grid;place-items:center}.payment-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.payment-row>span:nth-child(2) strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-row>span:nth-child(2) small{font-size:9px;color:var(--muted)}.payment-amount{font-size:11px;font-weight:800;white-space:nowrap}.billing-notice.warning{background:#fff8ee;border-color:#f2dec0;color:#79582d}
.billing-provider-admin{margin-bottom:18px}.provider-status-pills{display:flex;gap:6px;flex-wrap:wrap}.billing-admin-form{display:grid;gap:16px}.billing-enable-row{display:grid;grid-template-columns:1.3fr 1fr .5fr;gap:12px;align-items:end;padding:13px;background:#f7f8fa;border-radius:13px}.billing-enable-row>label:not(.check-row){display:grid;gap:5px;font-size:9px;font-weight:750;color:#747b86}.billing-enable-row select,.billing-enable-row input{min-height:38px;border:1px solid #dfe2e8;border-radius:10px;padding:8px 10px;background:#fff}.provider-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.provider-config-grid>article{border:1px solid #e2e5ea;border-radius:15px;padding:15px;background:#fff;display:grid;gap:11px}.provider-config-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-config-title>strong{font-size:15px}.provider-config-grid label{display:grid;gap:5px;font-size:9px;font-weight:750;color:#747b86}.provider-config-grid label small{font-size:8px;color:#9ca2ac;font-weight:500}.provider-config-grid input{min-height:38px;border:1px solid #dfe2e8;border-radius:10px;padding:8px 10px;font:600 11px system-ui}.webhook-box{display:grid;gap:5px;background:#f7f8fa;border-radius:11px;padding:10px}.webhook-box span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#9298a3;font-weight:850}.webhook-box code{font:600 9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#4d5460}.webhook-box small{font-size:8px;color:#8b929e;line-height:1.45}.coupon-admin-layout{grid-template-columns:.9fr 1.1fr}.coupon-create-form{display:grid;gap:12px}.coupon-create-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-list{display:grid}.coupon-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.coupon-row:last-child{border-bottom:0}.coupon-code{padding:7px 9px;border-radius:9px;background:#f1efff;color:#584be4;font:850 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.coupon-row>span:nth-child(2){display:grid;gap:2px}.coupon-row>span:nth-child(2) strong{font-size:11px}.coupon-row>span:nth-child(2) small{font-size:9px;color:var(--muted)}.event-log{display:grid}.event-log>div{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.event-log>div:last-child{border-bottom:0}.event-log span{font-size:9px;font-weight:800;color:#6355e7}.event-log strong{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-log small{font-size:8px;color:var(--muted);white-space:nowrap}
.invoice-body{background:#eef0f4;color:#20232b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding:36px 18px}.invoice-sheet{width:min(820px,100%);margin:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(20,24,32,.12);padding:42px}.invoice-sheet>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:30px;border-bottom:1px solid #e9ebef}.invoice-title{display:grid;text-align:right;gap:4px}.invoice-title span{font-size:11px;color:#7f8691}.invoice-title strong{font-size:19px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px 0}.invoice-parties>div{display:grid;align-content:start;gap:5px}.invoice-parties small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0aa;font-weight:800}.invoice-parties strong{font-size:14px}.invoice-parties p{font-size:11px;line-height:1.55;color:#646b76;margin:0}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.invoice-meta>div{background:#f7f8fa;border-radius:12px;padding:12px;display:grid;gap:3px}.invoice-meta span{font-size:9px;color:#9298a3}.invoice-meta strong{font-size:11px}.invoice-table{width:100%;border-collapse:collapse;margin:8px 0 30px}.invoice-table th,.invoice-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #e9ebef;font-size:11px}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table thead th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8b919b}.invoice-table tfoot th{font-size:14px;border-bottom:0;padding-top:18px}.invoice-sheet>footer{border-top:1px solid #e9ebef;padding-top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invoice-sheet>footer p{font-size:9px;line-height:1.5;color:#8d939e;flex:1 1 420px;margin:0}
@media(max-width:1100px){.billing-lower-grid{grid-template-columns:1fr}.provider-config-grid{grid-template-columns:1fr}.billing-enable-row{grid-template-columns:1fr 1fr}.billing-enable-row>.check-row{grid-column:1/-1}.coupon-admin-layout{grid-template-columns:1fr}}
@media(max-width:720px){.subscription-overview,.billing-choice-bar{align-items:flex-start;display:grid}.subscription-actions{justify-content:flex-start}.billing-cycle-toggle{width:100%}.billing-cycle-toggle button{flex:1}.payment-row{grid-template-columns:34px minmax(0,1fr) auto}.payment-row>.status-pill,.payment-row>.icon-btn{grid-column:auto}.payment-row .payment-amount{grid-column:3;grid-row:1}.payment-row>.status-pill{grid-column:2;justify-self:start}.payment-row>.icon-btn{grid-column:3}.billing-enable-row,.coupon-create-form .form-grid{grid-template-columns:1fr}.provider-config-grid{grid-template-columns:1fr}.coupon-row{grid-template-columns:auto 1fr}.coupon-row>.status-pill,.coupon-row>form{grid-column:2}.event-log>div{grid-template-columns:58px 1fr}.event-log small{grid-column:2}.invoice-body{padding:0}.invoice-sheet{border-radius:0;min-height:100vh;padding:24px 18px;box-shadow:none}.invoice-parties{grid-template-columns:1fr}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-sheet>header{align-items:center}.invoice-title strong{font-size:16px}}
@media print{.invoice-body{background:#fff;padding:0}.invoice-sheet{box-shadow:none;border-radius:0;width:100%;padding:20px}.invoice-sheet>footer .btn{display:none}}

/* ===== V10 Teams / Agency / Developer / Template Studio ===== */
.brand-logo-img{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--line,#e6e9ef);box-shadow:0 5px 16px rgba(15,23,42,.08)}
.brand-logo-img img{width:100%;height:100%;object-fit:contain;display:block}.sidebar{--brand-accent:#6757ff}.sidebar .nav a.active,.sidebar .mobile-more-btn.active{color:var(--brand-accent)}
.v10-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:20px;align-items:start}.stack-col{display:grid;gap:20px}.team-stack{display:grid;gap:14px}.team-card{border:1px solid #e7eaf0;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcff)}.team-card-head{display:flex;gap:12px;align-items:center}.team-card-head>div{display:grid;gap:3px}.team-card-head strong{font-size:15px}.team-card-head small{color:#7a8496;font-size:12px}.team-shared-pages{display:grid;gap:8px;margin-top:15px}.team-shared-pages>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1px solid #edf0f5;background:#fff;color:#172033;text-decoration:none}.team-shared-pages>a>span:last-child{display:grid;gap:1px}.team-shared-pages a strong{font-size:13px}.team-shared-pages a small{font-size:11px;color:#8a94a6}.team-manage{margin-top:14px;border-top:1px solid #edf0f5;padding-top:12px}.team-manage summary{cursor:pointer;font-weight:700;font-size:13px;color:#44506a}.team-inline-form{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin-top:12px}.team-inline-form input,.team-inline-form select{min-width:0}.team-member-list{display:grid;gap:7px;margin-top:10px}.team-member-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto auto;gap:7px;align-items:center;padding:8px;border-radius:12px;background:#f8f9fc}.team-member-row>span{display:grid}.team-member-row strong{font-size:12px}.team-member-row small{font-size:10px;color:#8992a3}.developer-secret{margin:0 0 18px;padding:14px 16px;border:1px solid #d9e4ff;background:#f4f7ff;border-radius:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.developer-secret strong{font-size:13px}.developer-secret code{font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;padding:8px 10px;border-radius:9px;border:1px solid #dde4f1;word-break:break-all;flex:1}.developer-create{display:grid;gap:12px}.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scope-grid label{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e8ebf1;border-radius:11px;background:#fafbfc;font-size:12px!important;font-weight:650!important}.scope-grid input{width:auto!important}.api-key-list{display:grid;gap:8px;margin-top:16px}.api-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #edf0f5;border-radius:13px}.api-key-row>span:first-child{display:grid;gap:3px}.api-key-row strong{font-size:13px}.api-key-row small{color:#818a9c;font-size:11px;overflow-wrap:anywhere}.api-key-row form{display:flex;gap:6px}.endpoint-list{display:grid;gap:8px}.endpoint-list code{display:block;padding:10px 12px;border-radius:11px;background:#111827;color:#e7edf7;font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.delivery-list{display:grid;gap:8px}.delivery-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5}.delivery-list>div:last-child{border-bottom:0}.delivery-list span:first-child{display:grid;gap:2px}.delivery-list strong{font-size:12px}.delivery-list small{font-size:10px;color:#8a93a4}.admin-template-list{display:grid;gap:10px}.admin-template-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px;border:1px solid #e8ebf1;border-radius:14px}.admin-template-list article>span:nth-child(2){display:grid;gap:3px}.admin-template-list strong{font-size:13px}.admin-template-list small{font-size:11px;color:#8690a1}.admin-template-list form{display:flex;gap:6px}.template-swatch{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--tpl-bg),var(--tpl-accent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.custom-template-preview{position:absolute;inset:0;display:grid;place-content:center;gap:10px;background:linear-gradient(160deg,var(--tpl-preview-bg),color-mix(in srgb,var(--tpl-preview-bg) 80%,var(--tpl-preview-accent)))}.custom-template-preview i{display:block;width:44px;height:44px;border-radius:50%;margin:auto;background:var(--tpl-preview-accent);box-shadow:0 0 0 8px rgba(255,255,255,.12)}.custom-template-preview b,.custom-template-preview em{display:block;width:120px;height:13px;border-radius:7px;background:rgba(255,255,255,.88)}.custom-template-preview em{height:32px;background:var(--tpl-preview-accent)}
@media(max-width:980px){.v10-grid{grid-template-columns:1fr}.team-inline-form{grid-template-columns:1fr 1fr}.team-inline-form button{grid-column:1/-1}.team-member-row{grid-template-columns:1fr 120px auto}.team-member-row .icon-btn{grid-column:auto}.admin-template-list article{grid-template-columns:42px 1fr auto}.admin-template-list form{grid-column:2/-1}.scope-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.team-inline-form,.team-member-row,.scope-grid{grid-template-columns:1fr}.api-key-row{grid-template-columns:1fr auto}.api-key-row form{grid-column:1/-1}.developer-secret{align-items:stretch}.developer-secret .btn{width:100%}.admin-template-list article{grid-template-columns:40px 1fr}.admin-template-list .status-pill{grid-column:2}.admin-template-list form{grid-column:1/-1}}
[dir="rtl"] .app-main,[dir="rtl"] .builder-panel,[dir="rtl"] .content-card{text-align:right}[dir="rtl"] .sidebar{right:0;left:auto}[dir="rtl"] .app-main{margin-left:0;margin-right:var(--sidebar-w,248px)}[dir="rtl"] .nav a,[dir="rtl"] .user-chip,[dir="rtl"] .logout-link{flex-direction:row-reverse}@media(max-width:900px){[dir="rtl"] .app-main{margin-right:0}}

/* =========================================================
   V10.1 — UI foundation, account controls & public type scale
   ========================================================= */
:root{
  --app-card-pad:24px;
  --app-grid-gap:22px;
  --app-control-height:46px;
  --app-card-radius:18px;
  --app-content-max:1640px;
}

/* Consistent application geometry for current and future sections */
.app-main{max-width:var(--app-content-max);padding:38px 44px 76px}
.content-card{border-radius:var(--app-card-radius);overflow:hidden}
.card-head{padding:22px var(--app-card-pad);gap:20px}
.card-head h2{font-size:18px;line-height:1.25}
.card-head p{font-size:13px;line-height:1.55;max-width:760px}
.card-body,.card-form{padding:22px var(--app-card-pad) 24px}
.card-form{display:grid;gap:18px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid>label:last-child:nth-child(odd){grid-column:auto}
input,textarea,select{min-height:var(--app-control-height);font-size:14px;padding:11px 13px}
textarea{min-height:104px}
label{font-size:13px;line-height:1.35}
.btn{min-height:44px;font-size:14px}
.app-top{margin-bottom:28px}
.app-top h1{font-size:32px}

/* Developer + wide dashboard cards */
.v10-grid{grid-template-columns:minmax(0,1.25fr) minmax(390px,1fr);gap:24px}
.stack-col{gap:24px}
.developer-create{padding:20px var(--app-card-pad) 24px;gap:16px}
.scope-grid{gap:10px}
.scope-grid label{min-height:56px;padding:12px 14px;border-radius:12px;font-size:13px!important;font-weight:680!important}
.api-key-list{margin:0;padding:0 var(--app-card-pad) 22px;gap:10px}
.api-key-row{min-height:58px;padding:12px 14px;border-radius:13px}
.api-key-row strong{font-size:13px}.api-key-row small{font-size:11.5px;line-height:1.5}
.endpoint-list{padding:0 var(--app-card-pad) 24px;gap:9px}
.endpoint-list code{padding:12px 14px;font-size:12.5px;border-radius:11px}
.delivery-list{padding:0 var(--app-card-pad) 18px}
.delivery-list>div{padding:12px 0}.delivery-list strong{font-size:12.5px}.delivery-list small{font-size:11px}
.empty-inline{padding:18px 0;font-size:13px}
.developer-secret{margin:0 0 20px}

/* Admin density reset — no tiny form controls */
.admin-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-bottom:22px}
.admin-v9 .content-card>.subscription-list,
.admin-v9 .content-card>.payment-history,
.admin-v9 .content-card>.event-log{padding:0 var(--app-card-pad) 20px}
.plan-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px var(--app-card-pad) 24px}
.plan-admin-card{border-radius:14px;padding:18px;display:grid;gap:10px}
.plan-admin-card h3{font-size:15px;margin:0 0 4px}
.plan-admin-card .form-grid{gap:11px}
.plan-admin-card label{font-size:11.5px;gap:6px}
.plan-admin-card input,.plan-admin-card select{min-height:42px;padding:9px 10px;font-size:13px}
.plan-admin-card .check-row{min-height:30px;font-size:12px}
.billing-admin-form{padding:20px var(--app-card-pad) 24px;gap:18px}
.billing-enable-row{grid-template-columns:1.2fr 1fr .55fr;gap:14px;padding:15px;border-radius:13px}
.billing-enable-row>label:not(.check-row),.provider-config-grid label{font-size:12px;gap:6px}
.billing-enable-row select,.billing-enable-row input,.provider-config-grid input{min-height:43px;font-size:13px;padding:9px 11px}
.provider-config-grid{gap:16px}.provider-config-grid>article{padding:18px;gap:13px}
.provider-config-title>strong{font-size:16px}
.provider-config-grid label small{font-size:10.5px}
.webhook-box{padding:12px}.webhook-box span{font-size:10px}.webhook-box code{font-size:10.5px}.webhook-box small{font-size:10.5px}
.coupon-create-form{padding:20px var(--app-card-pad) 24px;gap:15px}
.coupon-list{padding:0 var(--app-card-pad) 20px}
.coupon-row{padding:13px 0}.coupon-row>span:nth-child(2) strong{font-size:12.5px}.coupon-row>span:nth-child(2) small{font-size:10.5px}
.subscription-row{padding:14px 0}.subscription-row strong{font-size:13px}.subscription-row small{font-size:11px}
.payment-row{padding:13px 0}.payment-row>span:nth-child(2) strong{font-size:12.5px}.payment-row>span:nth-child(2) small{font-size:10.5px}.payment-amount{font-size:12px}
.event-log>div{padding:12px 0}.event-log span{font-size:10.5px}.event-log strong{font-size:11.5px}.event-log small{font-size:10px}
.member-access-list{padding:0 var(--app-card-pad) 20px}
.member-access-row{grid-template-columns:minmax(230px,1.35fr) 96px minmax(170px,.9fr) minmax(150px,.85fr) 78px;gap:14px;padding:15px 0}
.member-access-user strong{font-size:13px}.member-access-user small{font-size:11px}
.member-plan-chip{font-size:9.5px;padding:6px 9px}
.admin-feature-toggle strong{font-size:11.5px}.admin-feature-toggle small{font-size:9.5px}
.member-avatar-mini{width:40px;height:40px;font-size:11px}

/* Settings + visible subscription/account controls */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;align-items:start}
.account-settings-card{max-width:none}
.settings-account-form{gap:20px}
.settings-readonly{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0}
.settings-readonly>div{padding:16px;border-radius:13px}
.settings-readonly span{font-size:10.5px}.settings-readonly strong{font-size:13.5px}
.settings-control-stack{display:grid;gap:20px}
.subscription-control-body{display:grid;gap:12px}
.subscription-control-summary{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);background:#fafbfc;border-radius:13px}
.subscription-control-icon{width:40px;height:40px;border-radius:11px;background:#efedff;color:#5d50ea;display:grid;place-items:center;flex:none}
.subscription-control-summary>span:last-child{display:grid;gap:2px;min-width:0}
.subscription-control-summary small{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.subscription-control-summary strong{font-size:15px}.subscription-control-summary em{font-style:normal;font-size:11.5px;color:var(--muted)}
.subscription-cancel-form{display:grid}
.account-status-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:11px;background:#eef8f2;color:#28704c;font-size:12px;line-height:1.45}
.danger-zone-card{border-color:#f0d6d6}
.danger-zone-card .card-head{background:#fffafa;border-bottom-color:#f3dddd}
.danger-zone-form{gap:14px}.danger-zone-note{display:grid;gap:4px;padding:12px 13px;border-radius:11px;background:#fff7f7;border:1px solid #f4dddd;color:#6f4646}
.danger-zone-note strong{font-size:12px}.danger-zone-note span{font-size:11.5px;line-height:1.55}
.btn.danger{background:#c83f49;color:#fff;border-color:#c83f49}.btn.danger:hover{background:#b63540}
.btn.danger-outline{background:#fff;color:#b73a43;border-color:#e5bfc2}.btn.danger-outline:hover{background:#fff7f7;border-color:#d9969b}

/* Paused account recovery */
.account-paused-layout{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#eceaff 0,transparent 35%),#f6f7fb}
.account-paused-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:30px;display:grid;gap:14px;text-align:center}
.account-paused-card>.brand{justify-self:center;margin-bottom:6px}.paused-icon{width:54px;height:54px;border-radius:16px;background:#f0eeff;color:#5c50ea;display:grid;place-items:center;margin:4px auto}
.account-paused-card h1{font-size:28px;letter-spacing:-.035em;margin:0}.account-paused-card>p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 5px}.account-paused-card>small{font-size:11px;line-height:1.55;color:#8b919d}

/* Social blocks always inherit the selected network name */
.social-auto-label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}
.social-auto-label>span{font-size:11px;color:#7e8591;font-weight:700}.social-auto-label>strong{font-size:12px;justify-self:end}.social-auto-label>small{grid-column:1/-1;font-size:10px;color:#9aa0aa;line-height:1.4}

/* Public profile typography — readable System UI rhythm */
.public-bio-body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.bio-profile{margin-bottom:28px}
.bio-profile h1{font-size:clamp(28px,4vw,32px);font-weight:770;line-height:1.12;letter-spacing:-.034em;margin:16px 0 8px}
.bio-profile p{font-size:15.5px;line-height:1.62;max-width:520px;font-weight:450}
.display-name-line{gap:7px}
.public-blocks{gap:14px}
.public-heading{font-size:21px;line-height:1.3;font-weight:760;letter-spacing:-.025em;margin:24px 0 5px}
.public-text{font-size:15px;line-height:1.72;font-weight:440}
.public-link-block{min-height:70px;padding:14px 17px}
.public-link-block strong{font-size:15px;line-height:1.3;font-weight:730}
.public-link-block small{font-size:12px;line-height:1.45;font-weight:500}
.social-row{min-height:50px;padding:13px 15px;font-size:14.5px;font-weight:690}
.social-row-label{gap:10px}.social-row-label .social-svg{width:20px;height:20px}
.public-media-link strong,.public-event strong{font-size:14.5px;line-height:1.35}
.public-media-link small,.public-event small{font-size:11.5px;line-height:1.45}
.public-event>a{font-size:11.5px}
.public-countdown small{font-size:11.5px}.public-countdown strong{font-size:21px}
.public-lead-form>strong{font-size:15.5px}.public-lead-form>small{font-size:11.5px;line-height:1.45}
.public-lead-form input{font-size:13.5px}.public-lead-form button{font-size:12.5px}
.bio-footer a{font-size:12px}

@media(max-width:1180px){
  .v10-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.72fr)}
  .settings-layout{grid-template-columns:minmax(0,1fr) 340px}
  .member-access-row{grid-template-columns:minmax(190px,1.2fr) 80px minmax(145px,.8fr) minmax(130px,.75fr) 72px;gap:9px}
}
@media(max-width:980px){
  .v10-grid,.settings-layout{grid-template-columns:1fr}
  .settings-control-stack{grid-template-columns:1fr 1fr;align-items:start}
  .admin-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  :root{--app-card-pad:18px}
  .app-main{padding-left:18px;padding-right:18px}
  .form-grid,.settings-readonly{grid-template-columns:1fr}
  .settings-control-stack{grid-template-columns:1fr}
  .scope-grid{grid-template-columns:1fr}
  .developer-create{padding-top:17px}
  .plan-admin-grid{grid-template-columns:1fr}
  .billing-enable-row,.provider-config-grid{grid-template-columns:1fr}
  .member-access-list{padding-left:18px;padding-right:18px}
  .bio-profile h1{font-size:27px}.bio-profile p{font-size:15px;line-height:1.6}
  .public-heading{font-size:20px}.public-text{font-size:14.5px}.public-link-block strong{font-size:14.5px}.social-row{font-size:14px}
}

/* === LinkFlow V10.2 · Viewport-safe desktop sidebar =========================== */
@media (min-width:621px){
  .app-body{min-height:100dvh}
  .sidebar{
    height:100dvh;
    max-height:100dvh;
    min-height:0;
    overflow:hidden;
  }
  .sidebar>.brand{
    flex:0 0 auto;
  }
  .sidebar>.nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    align-content:start;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#d8dbe3 transparent;
    padding-right:4px;
    margin-right:-4px;
  }
  .sidebar>.nav::-webkit-scrollbar{width:6px}
  .sidebar>.nav::-webkit-scrollbar-track{background:transparent}
  .sidebar>.nav::-webkit-scrollbar-thumb{background:#d8dbe3;border-radius:999px}
  .sidebar>.nav::-webkit-scrollbar-thumb:hover{background:#c6cad4}
  .sidebar-bottom{
    flex:0 0 auto;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #eceef2;
    background:#fff;
    position:relative;
    z-index:2;
  }
  .sidebar-bottom .user-chip{
    border-top:0;
    padding-top:8px;
  }
}


/* === LinkFlow V10.3 · Reference-matched premium templates ===================== */
/* Approved V10.3 template previews are treated as the visual source of truth. */
.bio-page[class*="tpl-"]{padding:34px 18px 68px}
.bio-page[class*="tpl-"] .bio-card{max-width:640px}
.bio-page[class*="tpl-"] .bio-profile{margin-bottom:30px}
.bio-page[class*="tpl-"] .bio-profile h1{margin-top:18px;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,5vw,38px);font-weight:800;line-height:1.08}
.bio-page[class*="tpl-"] .bio-profile p{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.65}
.bio-page[class*="tpl-"] .profile-avatar-shell{width:116px;height:116px;margin-inline:auto}
.bio-page[class*="tpl-"] .profile-avatar-media,.bio-page[class*="tpl-"] .profile-avatar-media img,.bio-page[class*="tpl-"] .bio-avatar-fallback{width:100%;height:100%;border-radius:50%!important}
.bio-page[class*="tpl-"] .profile-share-btn{display:none}
.bio-page[class*="tpl-"] .public-blocks{row-gap:14px}
.bio-page[class*="tpl-"] .public-link-block{min-height:74px;padding:12px 18px;gap:14px;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;position:relative}
.bio-page[class*="tpl-"] .public-link-block>span{order:2;text-align:left;justify-content:center}
.bio-page[class*="tpl-"] .public-link-block>span strong{font-size:16px;font-weight:700;line-height:1.25}
.bio-page[class*="tpl-"] .public-link-block>span small{font-size:11px;line-height:1.4}
.bio-page[class*="tpl-"] .public-link-block>svg{order:1;width:42px;height:42px;padding:10px;border-radius:12px;flex:0 0 42px}
.bio-page[class*="tpl-"] .public-link-block:has(.public-link-thumb)>svg{display:none}
.bio-page[class*="tpl-"] .public-link-block:after{content:"";order:3;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.9;margin-right:3px;flex:0 0 auto}
.bio-page[class*="tpl-"] .public-link-thumb{order:1;width:48px;height:48px;border-radius:12px}
.bio-page[class*="tpl-"] .social-row{width:50px;height:50px;min-height:50px;padding:0;justify-self:center;display:grid;place-items:center;border-radius:50%;box-shadow:none}
.bio-page[class*="tpl-"] .social-row-label{display:grid;place-items:center;gap:0}.bio-page[class*="tpl-"] .social-row-label>span{display:none}.bio-page[class*="tpl-"] .social-row>svg{display:none}.bio-page[class*="tpl-"] .social-row .social-svg{width:22px;height:22px}
.bio-page[class*="tpl-"] .public-blocks{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:7px}
.bio-page[class*="tpl-"] .public-blocks>*:not(.social-row){grid-column:1/-1}
.live-preview[class*="tpl-"] .preview-profile h2{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:21px!important;font-weight:800!important;line-height:1.08!important}
.live-preview[class*="tpl-"] .preview-profile p{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:10px!important;line-height:1.55!important}
.live-preview[class*="tpl-"] .preview-link{min-height:48px!important;padding:8px 10px!important;gap:8px!important;position:relative;text-align:left!important;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif}
.live-preview[class*="tpl-"] .preview-link>span{order:2;flex:1;font-size:10px!important;font-weight:700}.live-preview[class*="tpl-"] .preview-link>span small{font-size:7px!important}
.live-preview[class*="tpl-"] .preview-link>svg{order:1;width:27px;height:27px;padding:6px;border-radius:8px;flex:0 0 27px}.live-preview[class*="tpl-"] .preview-link:after{content:"";order:3;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.9;margin-right:2px}
.live-preview[class*="tpl-"] .preview-social{width:30px;height:30px;min-height:30px;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}.live-preview[class*="tpl-"] .preview-social>span{display:grid!important;place-items:center!important}.live-preview[class*="tpl-"] .preview-social>span{font-size:0}.live-preview[class*="tpl-"] .preview-social>span svg{width:15px;height:15px}.live-preview[class*="tpl-"] .preview-social>svg{display:none}
.live-preview[class*="tpl-"] .preview-content{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;row-gap:8px}.live-preview[class*="tpl-"] .preview-content>*:not(.preview-social){grid-column:1/-1}.live-preview[class*="tpl-"] .preview-social{justify-self:center}

/* Business Pro · Apex Studio */
.bio-page.tpl-business-pro,.live-preview.tpl-business-pro{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;color:#fff;background-color:#06090c!important}
.bio-page.tpl-business-pro .bio-background-image{filter:saturate(.78) contrast(1.06)}
.bio-page.tpl-business-pro .bio-card{padding:30px 26px 26px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(180deg,rgba(4,8,11,.15),rgba(4,8,11,.78) 42%,rgba(3,6,8,.96));box-shadow:0 30px 100px rgba(0,0,0,.36)}
.bio-page.tpl-business-pro .profile-avatar-shell,.live-preview.tpl-business-pro .preview-avatar-shell{filter:drop-shadow(0 0 15px rgba(211,173,106,.20))}
.bio-page.tpl-business-pro .bio-profile h1{font-size:38px;letter-spacing:-.04em}.bio-page.tpl-business-pro .bio-profile p{color:#d3d7da!important}
.bio-page.tpl-business-pro .public-link-block,.live-preview.tpl-business-pro .preview-link{background:linear-gradient(180deg,rgba(39,45,50,.94),rgba(26,31,35,.96))!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.bio-page.tpl-business-pro .public-link-block>svg,.live-preview.tpl-business-pro .preview-link>svg{color:#e2b96f;background:rgba(255,255,255,.06)}
.bio-page.tpl-business-pro .public-link-block:hover{border-color:#d2ad6d!important;box-shadow:0 0 0 1px rgba(210,173,109,.16),0 12px 34px rgba(0,0,0,.24)!important}
.bio-page.tpl-business-pro .social-row,.live-preview.tpl-business-pro .preview-social{color:#fff!important;background:rgba(7,11,14,.45)!important;border:1px solid rgba(210,173,109,.34)!important}
.bio-page.tpl-business-pro .public-heading{color:#e2b96f;text-transform:none;letter-spacing:-.02em;font-size:22px}

/* Creative Portfolio · Daniel Lewis */
.bio-page.tpl-creative-portfolio,.live-preview.tpl-creative-portfolio{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background:linear-gradient(145deg,#fff 0,#fbfbfc 55%,#f0f2f4 100%)!important;color:#111922}
.bio-page.tpl-creative-portfolio:before,.live-preview.tpl-creative-portfolio:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 91% 8%,rgba(209,213,218,.45) 0 5%,transparent 5.5%),radial-gradient(circle at 98% 14%,rgba(227,229,232,.7) 0 8%,transparent 8.5%),radial-gradient(circle at 2% 92%,rgba(229,232,235,.65) 0 8%,transparent 8.5%);opacity:.72}
.bio-page.tpl-creative-portfolio .bio-card{padding:38px 30px 30px;border:1px solid #e7e9eb;border-radius:38px;background:rgba(255,255,255,.86);box-shadow:0 22px 70px rgba(22,30,38,.10);backdrop-filter:blur(10px)}
.bio-page.tpl-creative-portfolio .bio-profile h1{font-size:40px;color:#0b1218}.bio-page.tpl-creative-portfolio .bio-profile p{color:#68717a!important}
.bio-page.tpl-creative-portfolio .public-link-block,.live-preview.tpl-creative-portfolio .preview-link{background:rgba(255,255,255,.68)!important;border:1px solid #cdd2d6!important;color:#121a21!important;border-radius:15px!important;box-shadow:0 7px 20px rgba(22,30,38,.035)!important}
.bio-page.tpl-creative-portfolio .public-link-block>svg,.live-preview.tpl-creative-portfolio .preview-link>svg{background:#fff;color:#111922;box-shadow:0 5px 14px rgba(26,35,45,.08)}
.bio-page.tpl-creative-portfolio .social-row,.live-preview.tpl-creative-portfolio .preview-social{background:#fff!important;border:1px solid #e2e5e8!important;color:#111922!important;box-shadow:0 5px 14px rgba(26,35,45,.05)}

/* Dark Luxury · Bellagio */
.bio-page.tpl-dark-luxury,.live-preview.tpl-dark-luxury{font-family:"Cormorant Garamond",Georgia,serif;color:#f8efd9;background-color:#050505!important}
.bio-page.tpl-dark-luxury .bio-card{padding:34px 26px 28px;border:1px solid rgba(209,164,81,.72);border-radius:34px;background:rgba(2,2,2,.58);box-shadow:0 28px 80px rgba(0,0,0,.36)}
.bio-page.tpl-dark-luxury .bio-profile h1,.live-preview.tpl-dark-luxury .preview-profile h2{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:42px!important;font-weight:600!important;letter-spacing:.09em!important;color:#e0b55f!important;text-transform:uppercase}.bio-page.tpl-dark-luxury .bio-profile p{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;color:#d6c8aa!important}
.bio-page.tpl-dark-luxury .public-link-block,.live-preview.tpl-dark-luxury .preview-link{font-family:"Cormorant Garamond",Georgia,serif;background:linear-gradient(180deg,rgba(15,15,15,.92),rgba(7,7,7,.96))!important;border:1px solid #c99b48!important;color:#f5ead0!important;border-radius:13px!important;box-shadow:inset 0 0 0 1px rgba(255,211,121,.08),0 0 18px rgba(206,159,72,.06)!important}
.bio-page.tpl-dark-luxury .public-link-block>span strong{font-size:20px;font-weight:600}.bio-page.tpl-dark-luxury .public-link-block>svg,.live-preview.tpl-dark-luxury .preview-link>svg{background:rgba(201,155,72,.08);color:#e1b35d}
.bio-page.tpl-dark-luxury .social-row,.live-preview.tpl-dark-luxury .preview-social{color:#e0b55f!important;background:rgba(8,8,8,.72)!important;border:1px solid rgba(209,164,81,.44)!important}

/* Elite Creator · Alex Parker */
.bio-page.tpl-elite-creator,.live-preview.tpl-elite-creator{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background:radial-gradient(ellipse at 50% 0,rgba(213,173,96,.16),transparent 30%),linear-gradient(180deg,#111 0,#070707 48%,#020202 100%)!important;color:#fff}
.bio-page.tpl-elite-creator .bio-card{padding:34px 28px 30px;border:1px solid rgba(213,173,96,.65);border-radius:34px;background:linear-gradient(180deg,rgba(14,14,14,.88),rgba(3,3,3,.96));box-shadow:0 28px 90px rgba(0,0,0,.42)}
.bio-page.tpl-elite-creator .bio-profile h1{font-size:38px}.bio-page.tpl-elite-creator .bio-profile p{color:#d8d2c8!important}
.bio-page.tpl-elite-creator .public-link-block,.live-preview.tpl-elite-creator .preview-link{background:rgba(5,5,5,.58)!important;border:1px solid rgba(213,173,96,.72)!important;color:#fff!important;border-radius:13px!important;box-shadow:none!important}
.bio-page.tpl-elite-creator .public-link-block>svg,.live-preview.tpl-elite-creator .preview-link>svg{color:#dfb661;background:rgba(213,173,96,.06);border:1px solid rgba(213,173,96,.42)}
.bio-page.tpl-elite-creator .social-row,.live-preview.tpl-elite-creator .preview-social{color:#fff!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(213,173,96,.18)!important}
.bio-page.tpl-elite-creator .public-heading{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;color:#fff;text-transform:none;letter-spacing:.01em}

/* Fitness Coach · James Wilson */
.bio-page.tpl-fitness-coach,.live-preview.tpl-fitness-coach{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background-color:#030303!important;color:#fff}
.bio-page.tpl-fitness-coach .bio-card{padding:32px 26px 30px;border-radius:34px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.90) 44%,rgba(0,0,0,.98));border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.bio-page.tpl-fitness-coach .bio-profile h1{font-size:40px;font-weight:800}.bio-page.tpl-fitness-coach .bio-profile p{color:#d0cbc3!important}
.bio-page.tpl-fitness-coach .public-link-block,.live-preview.tpl-fitness-coach .preview-link{background:linear-gradient(180deg,rgba(33,33,33,.94),rgba(20,20,20,.98))!important;border:1px solid rgba(216,173,88,.30)!important;color:#fff!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
.bio-page.tpl-fitness-coach .public-link-block>svg,.live-preview.tpl-fitness-coach .preview-link>svg{background:rgba(216,173,88,.08);color:#e2b55d}.bio-page.tpl-fitness-coach .public-link-block:after{border-color:#e2b55d}
.bio-page.tpl-fitness-coach .social-row,.live-preview.tpl-fitness-coach .preview-social{color:#fff!important;background:rgba(0,0,0,.45)!important;border:1px solid rgba(216,173,88,.24)!important}

/* Foodie Delight · Chef Marco */
.bio-page.tpl-foodie-delight,.live-preview.tpl-foodie-delight{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background-color:#faf7f1!important;color:#1c1713}
.bio-page.tpl-foodie-delight .bio-card{padding:36px 28px 30px;border-radius:36px;background:rgba(250,247,241,.84);box-shadow:0 20px 65px rgba(77,50,29,.08)}
.bio-page.tpl-foodie-delight .bio-profile h1,.live-preview.tpl-foodie-delight .preview-profile h2{font-family:"DM Serif Display",Georgia,serif!important;font-size:41px!important;font-weight:400!important;letter-spacing:-.02em!important}.bio-page.tpl-foodie-delight .bio-profile p{color:#765f4d!important}
.bio-page.tpl-foodie-delight .public-link-block,.live-preview.tpl-foodie-delight .preview-link{background:rgba(255,253,249,.84)!important;border:1px solid #9e7952!important;color:#201812!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(86,54,29,.05)!important}
.bio-page.tpl-foodie-delight .public-link-block>svg,.live-preview.tpl-foodie-delight .preview-link>svg{background:transparent;color:#9b754d}.bio-page.tpl-foodie-delight .public-link-block:after{border-color:#6e5036}
.bio-page.tpl-foodie-delight .social-row,.live-preview.tpl-foodie-delight .preview-social{background:rgba(255,255,255,.56)!important;border:1px solid rgba(158,121,82,.28)!important;color:#2a1d14!important}

/* Minimal Light · Sophie Moore */
.bio-page.tpl-minimal-light,.live-preview.tpl-minimal-light{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 50% 6%,#fff 0,#fbfaf8 34%,#f2efea 100%)!important;color:#171513}
.bio-page.tpl-minimal-light .bio-card{padding:38px 30px 32px;border-radius:38px;background:rgba(255,255,255,.70);border:1px solid rgba(198,192,184,.36);box-shadow:0 18px 62px rgba(71,60,50,.09);backdrop-filter:blur(9px)}
.bio-page.tpl-minimal-light .bio-profile h1,.live-preview.tpl-minimal-light .preview-profile h2{font-family:"DM Serif Display",Georgia,serif!important;font-size:40px!important;font-weight:400!important;letter-spacing:-.02em!important}.bio-page.tpl-minimal-light .bio-profile p{color:#8a8178!important}
.bio-page.tpl-minimal-light .public-link-block,.live-preview.tpl-minimal-light .preview-link{background:rgba(255,255,255,.70)!important;border:1px solid rgba(118,106,96,.07)!important;color:#221f1c!important;border-radius:16px!important;box-shadow:0 9px 25px rgba(61,50,42,.07)!important}
.bio-page.tpl-minimal-light .public-link-block>svg,.live-preview.tpl-minimal-light .preview-link>svg{background:#f4f0eb;color:#73665b}.bio-page.tpl-minimal-light .social-row,.live-preview.tpl-minimal-light .preview-social{background:transparent!important;border:0!important;color:#171513!important}

/* Musician · Noah Blake */
.bio-page.tpl-musician,.live-preview.tpl-musician{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background-color:#07020f!important;color:#fff}
.bio-page.tpl-musician .bio-card{padding:34px 26px 30px;border:1px solid rgba(196,86,255,.28);border-radius:36px;background:linear-gradient(180deg,rgba(15,3,29,.18),rgba(7,2,15,.78) 40%,rgba(5,1,12,.96));box-shadow:0 0 70px rgba(151,44,231,.18)}
.bio-page.tpl-musician .bio-profile h1{font-size:40px}.bio-page.tpl-musician .bio-profile p{color:#d5c6df!important;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.bio-page.tpl-musician .public-link-block,.live-preview.tpl-musician .preview-link{background:linear-gradient(100deg,rgba(92,33,135,.78),rgba(35,13,59,.92))!important;border:1px solid rgba(190,75,255,.48)!important;color:#fff!important;border-radius:15px!important;box-shadow:0 0 22px rgba(161,55,238,.13)!important}
.bio-page.tpl-musician .public-link-block>svg,.live-preview.tpl-musician .preview-link>svg{background:linear-gradient(135deg,#b24cff,#6f24b8);color:#fff;box-shadow:0 0 16px rgba(180,76,255,.20)}.bio-page.tpl-musician .public-link-block:after{border-color:#fff}
.bio-page.tpl-musician .social-row,.live-preview.tpl-musician .preview-social{background:rgba(14,4,28,.48)!important;border:1px solid rgba(190,75,255,.22)!important;color:#fff!important}

/* Travel Explorer · Liam Johnson */
.bio-page.tpl-travel-explorer,.live-preview.tpl-travel-explorer{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background-color:#073d49!important;color:#fff}
.bio-page.tpl-travel-explorer .bio-card{padding:34px 26px 28px;border-radius:36px;background:linear-gradient(180deg,rgba(3,49,59,.08),rgba(3,55,66,.44) 46%,rgba(2,44,53,.80));border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 80px rgba(0,33,40,.26);backdrop-filter:blur(3px)}
.bio-page.tpl-travel-explorer .bio-profile h1{font-size:40px}.bio-page.tpl-travel-explorer .bio-profile p{color:#effcfd!important}
.bio-page.tpl-travel-explorer .public-link-block,.live-preview.tpl-travel-explorer .preview-link{background:linear-gradient(90deg,rgba(0,91,104,.58),rgba(18,105,116,.42))!important;border:1px solid rgba(255,255,255,.39)!important;color:#fff!important;border-radius:18px!important;box-shadow:0 11px 28px rgba(0,34,41,.16)!important;backdrop-filter:blur(14px)}
.bio-page.tpl-travel-explorer .public-link-block>svg,.live-preview.tpl-travel-explorer .preview-link>svg{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}
.bio-page.tpl-travel-explorer .social-row,.live-preview.tpl-travel-explorer .preview-social{background:rgba(4,70,80,.36)!important;border:1px solid rgba(255,255,255,.27)!important;color:#fff!important;backdrop-filter:blur(10px)}

/* Vibrant · Olivia Rhye */
.bio-page.tpl-vibrant,.live-preview.tpl-vibrant{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 45% 22%,rgba(255,119,108,.92),transparent 34%),linear-gradient(135deg,#ff8a3d 0,#ff4d79 38%,#ef1fac 68%,#7226ee 100%)!important;color:#fff}
.bio-page.tpl-vibrant .bio-card{padding:36px 27px 30px;border-radius:40px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(91,16,102,.20)}
.bio-page.tpl-vibrant .bio-profile h1{font-size:42px}.bio-page.tpl-vibrant .bio-profile p{color:#fff1ea!important}
.bio-page.tpl-vibrant .public-link-block,.live-preview.tpl-vibrant .preview-link{background:linear-gradient(90deg,rgba(255,245,246,.88),rgba(245,220,255,.86))!important;border:1px solid rgba(255,255,255,.82)!important;color:#48165e!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(81,19,97,.13)!important;backdrop-filter:blur(12px)}
.bio-page.tpl-vibrant .public-link-block>svg,.live-preview.tpl-vibrant .preview-link>svg{background:rgba(255,255,255,.42);color:#e03a77}.bio-page.tpl-vibrant .public-link-block:after{border-color:#4a165e}
.bio-page.tpl-vibrant .social-row,.live-preview.tpl-vibrant .preview-social{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important;box-shadow:0 7px 20px rgba(74,22,100,.08)}

/* Reference social layout: 4-icon templates use four balanced columns. */
.bio-page.tpl-business-pro .public-blocks,.bio-page.tpl-minimal-light .public-blocks,.bio-page.tpl-dark-luxury .public-blocks,.bio-page.tpl-travel-explorer .public-blocks,.bio-page.tpl-foodie-delight .public-blocks,.bio-page.tpl-fitness-coach .public-blocks,.bio-page.tpl-creative-portfolio .public-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}
.live-preview.tpl-business-pro .preview-content,.live-preview.tpl-minimal-light .preview-content,.live-preview.tpl-dark-luxury .preview-content,.live-preview.tpl-travel-explorer .preview-content,.live-preview.tpl-foodie-delight .preview-content,.live-preview.tpl-fitness-coach .preview-content,.live-preview.tpl-creative-portfolio .preview-content{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:720px){
 .bio-page[class*="tpl-"]{padding:12px 8px 36px}
 .bio-page[class*="tpl-"] .bio-card{padding:28px 18px 24px;border-radius:28px}
 .bio-page[class*="tpl-"] .profile-avatar-shell{width:102px;height:102px}
 .bio-page[class*="tpl-"] .bio-profile h1{font-size:31px!important}
 .bio-page[class*="tpl-"] .bio-profile p{font-size:14px}
 .bio-page[class*="tpl-"] .public-link-block{min-height:68px;padding:11px 14px}.bio-page[class*="tpl-"] .public-link-block>span strong{font-size:15px}
 .bio-page[class*="tpl-"] .public-link-block>svg{width:39px;height:39px;flex-basis:39px}
 .bio-page[class*="tpl-"] .social-row{width:45px;height:45px;min-height:45px}
}
/* V10.3 preview block grid correction */
.live-preview[class*="tpl-"] .preview-content{display:block}
.live-preview[class*="tpl-"] .preview-blocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;row-gap:8px}
.live-preview[class*="tpl-"] .preview-blocks>*:not(.preview-social){grid-column:1/-1}
.live-preview[class*="tpl-"] .preview-social{justify-self:center}
.live-preview.tpl-business-pro .preview-blocks,.live-preview.tpl-minimal-light .preview-blocks,.live-preview.tpl-dark-luxury .preview-blocks,.live-preview.tpl-travel-explorer .preview-blocks,.live-preview.tpl-foodie-delight .preview-blocks,.live-preview.tpl-fitness-coach .preview-blocks,.live-preview.tpl-creative-portfolio .preview-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ===== LinkFlow V10.4 — My Pages visual redesign ===== */
.pages-manager-page{max-width:1540px}
.pages-manager-top{margin-bottom:28px}
.pages-manager-top .pages-usage-summary{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3e5eb;border-radius:12px;padding:10px 13px;box-shadow:0 5px 18px rgba(31,35,48,.04)}
.pages-manager-top .pages-usage-summary span{display:flex;align-items:center;gap:7px;color:#656b78;font-size:12px;font-weight:800}
.pages-manager-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
.pages-library-card{overflow:visible;padding:0;box-shadow:0 12px 34px rgba(31,35,48,.045)}
.pages-library-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border-bottom:1px solid #eceef3}
.pages-library-heading{display:flex;align-items:center;gap:14px;min-width:0}
.pages-section-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f0edff,#e7e2ff);color:#6252f5;box-shadow:inset 0 0 0 1px rgba(103,87,255,.08)}
.pages-library-heading h2{margin:0 0 4px;font-size:19px;letter-spacing:-.015em}
.pages-library-heading p{margin:0;color:#858b97;font-size:12px;line-height:1.5}
.pages-capacity{display:flex;align-items:baseline;gap:3px;padding:8px 11px;border-radius:999px;background:#f5f3ff;color:#6555ee;white-space:nowrap}
.pages-capacity strong{font-size:13px}.pages-capacity span{font-size:11px;font-weight:750}
.pages-management-list{display:grid;gap:12px;padding:18px}
.page-management-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:16px;border:1px solid #e7e9ee;border-radius:17px;background:linear-gradient(180deg,#fff,#fdfdff);box-shadow:0 2px 8px rgba(27,31,43,.025);transition:border-color .18s,box-shadow .18s,transform .18s}
.page-management-card:hover{border-color:#d9d6fb;box-shadow:0 12px 30px rgba(70,59,180,.07);transform:translateY(-1px)}
.page-management-main{display:flex;align-items:center;gap:15px;min-width:0}
.page-management-thumb{--page-bg:#f4f7fb;--page-accent:#6757ff;--page-surface:#fff;position:relative;width:72px;height:86px;flex:0 0 72px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--page-accent) 30%, transparent),transparent 35%),linear-gradient(145deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 78%, #111 22%));border:1px solid color-mix(in srgb,var(--page-accent) 20%, #d9dce4 80%);box-shadow:0 8px 18px rgba(23,27,36,.10)}
.page-management-thumb:before{content:"";position:absolute;inset:7px;border-radius:10px;border:1px solid color-mix(in srgb,var(--page-surface) 55%, transparent);opacity:.75}
.page-management-thumb span{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--page-surface) 88%, transparent);color:var(--page-accent);font-size:15px;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.10)}
.page-management-thumb i{position:absolute;left:15px;right:15px;bottom:14px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--page-surface) 70%, transparent);box-shadow:0 9px 0 color-mix(in srgb,var(--page-surface) 55%, transparent)}
.page-management-info{display:grid;gap:6px;min-width:0}
.page-title-line{display:flex;align-items:center;gap:9px;min-width:0}
.page-title-line>a{min-width:0;color:#1d2027}.page-title-line strong{font-size:16px;letter-spacing:-.01em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-title-line .status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:10px}.page-title-line .status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.page-public-url{display:flex;align-items:center;gap:5px;min-width:0;color:#6354ef;font-size:11px;font-weight:750}.page-public-url span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-public-url svg:last-child{opacity:.55;flex:0 0 auto}
.page-updated{color:#9a9faa;font-size:10px}
.page-performance-strip{display:flex;align-items:stretch;border:1px solid #eceef3;border-radius:13px;overflow:hidden;background:#fafbfc}
.page-performance-strip>div{min-width:74px;padding:10px 11px;display:flex;align-items:center;gap:8px;border-right:1px solid #eceef3}.page-performance-strip>div:last-child{border-right:0}
.page-performance-strip>div>span{color:#69707c;display:grid;place-items:center}.page-performance-strip p{margin:0;display:grid;gap:1px}.page-performance-strip strong{font-size:13px;line-height:1.1;color:#262930}.page-performance-strip small{font-size:9px;color:#9398a2}
.page-management-actions{display:flex;align-items:center;gap:7px}.page-edit-btn{min-height:38px;padding:0 13px;font-size:11px;white-space:nowrap}.page-edit-btn svg{margin-left:3px}.page-management-actions .icon-btn{width:38px;height:38px}
.pages-create-inline{margin:0 18px 18px;min-height:80px;border:1.5px dashed #d7d3ff;border-radius:16px;background:linear-gradient(90deg,#fbfaff,#f6f4ff);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px}
.pages-create-inline-icon{width:42px;height:42px;border-radius:13px;background:#ece8ff;color:#6252f4;display:grid;place-items:center}.pages-create-inline>div{display:grid;gap:3px}.pages-create-inline strong{font-size:13px}.pages-create-inline small{font-size:10px;color:#858b96}.pages-focus-create{border:0;background:transparent;color:#5f50ef;font-weight:850;font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer;padding:8px}
.pages-empty-state{padding:64px 20px;display:grid;justify-items:center;text-align:center;gap:6px;color:#858a95}.pages-empty-state>span{width:58px;height:58px;border-radius:18px;background:#f0edff;color:#6656f3;display:grid;place-items:center;margin-bottom:5px}.pages-empty-state h3{margin:0;color:#262930;font-size:17px}.pages-empty-state p{margin:0;font-size:12px}
.create-page-panel{position:sticky;top:24px;padding:0;border-color:#ddd9ff;background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 18px 44px rgba(61,50,145,.09);overflow:hidden}
.create-page-panel:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#7d6cff;filter:blur(70px);opacity:.08;right:-80px;top:-90px;pointer-events:none}
.create-page-panel-head{position:relative;display:flex;align-items:flex-start;gap:13px;padding:24px 24px 20px;border-bottom:1px solid #eeecf8}.create-page-panel-head>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#7161ff,#5646e8);color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(94,78,235,.24)}
.create-page-panel-head h2{font-size:21px;margin:1px 0 6px;letter-spacing:-.02em}.create-page-panel-head p{font-size:12px;line-height:1.55;color:#7e8390;margin:0}
.create-page-panel form{position:relative;padding:21px 24px 15px;display:grid;gap:17px}.create-page-panel label{font-size:12px;font-weight:800;color:#31343b;display:grid;gap:7px}.create-page-panel label>small{font-size:9px;color:#9a9faa;font-weight:600;margin-top:-2px}
.create-page-panel input{height:46px;background:#fff;border-color:#dfe2e8;font-size:13px}.create-page-panel input:focus{border-color:#8a7cf9;box-shadow:0 0 0 3px rgba(103,87,255,.08)}
.create-slug-field{height:46px;border:1px solid #dfe2e8;border-radius:11px;background:#fff;display:flex;align-items:center;overflow:hidden}.create-slug-field>span{height:100%;width:42px;display:grid;place-items:center;background:#f7f6ff;color:#6254ef;border-right:1px solid #e6e4f6}.create-slug-field input{border:0!important;border-radius:0;height:44px;min-width:0;box-shadow:none!important}
.public-url-preview{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#f5f3ff,#f0edff);color:#6254ef}.public-url-preview>span{margin-top:2px}.public-url-preview>div{display:grid;gap:2px;min-width:0}.public-url-preview small{font-size:9px;color:#8d84cb}.public-url-preview strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.create-page-submit{height:48px;border-radius:12px;box-shadow:0 9px 20px rgba(92,76,240,.18)}.create-page-footnote{text-align:center;margin:0 24px 21px;color:#9a9faa;font-size:9px}.create-page-panel .limit-note{margin:0 24px 22px}
@media(max-width:1180px){.pages-manager-layout{grid-template-columns:1fr}.create-page-panel{position:relative;top:auto;max-width:none}.pages-library-card{order:2}.create-page-panel{order:1}.page-management-card{grid-template-columns:minmax(0,1fr) auto}.page-performance-strip{grid-column:1/2}.page-management-actions{grid-column:2;grid-row:1/3;flex-direction:column}}
@media(max-width:760px){.pages-manager-top .pages-usage-summary{display:none}.pages-library-head{padding:19px 17px}.pages-library-heading p{display:none}.pages-management-list{padding:12px}.page-management-card{grid-template-columns:1fr;padding:13px;gap:13px}.page-management-main{gap:12px}.page-management-thumb{width:60px;height:72px;flex-basis:60px;border-radius:13px}.page-management-thumb span{width:30px;height:30px;font-size:13px}.page-performance-strip{grid-column:auto;width:100%}.page-performance-strip>div{flex:1;min-width:0}.page-management-actions{grid-column:auto;grid-row:auto;flex-direction:row;justify-content:flex-end}.pages-create-inline{grid-template-columns:auto 1fr;margin:0 12px 12px}.pages-focus-create{grid-column:2;justify-self:start;padding:2px 0}.create-page-panel-head,.create-page-panel form{padding-left:18px;padding-right:18px}}
@media(max-width:460px){.page-performance-strip>div{padding:9px 7px;gap:5px}.page-performance-strip svg{width:14px}.page-management-actions .page-edit-btn{flex:1}.page-management-actions .icon-btn{flex:0 0 38px}.page-public-url{max-width:230px}.pages-create-inline small{display:none}}

/* ===== LinkFlow V10.5 — profile alignment & page management ===== */
/* Verified badge: optical alignment against the display-name cap height. */
.display-name-line,.preview-name-line{align-items:center!important;gap:5px!important}
.verified-badge{width:16px!important;height:16px!important;flex:0 0 16px!important;margin-left:1px!important;position:relative;top:2px;transform:none!important;align-self:center!important;place-items:center!important}
.verified-badge svg{width:8.5px!important;height:8.5px!important;display:block;margin:auto;stroke-width:2.8!important}
.verified-badge.preview-verified{width:14px!important;height:14px!important;flex-basis:14px!important;top:1px!important;margin-left:0!important}
.verified-badge.preview-verified svg{width:7.5px!important;height:7.5px!important}

/* Dynamic social row centering: center any number of social networks, not a fixed 4/5-column grid. */
.bio-page[class*="tpl-"] .public-blocks{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;column-gap:14px!important;row-gap:12px!important}
.bio-page[class*="tpl-"] .public-blocks>*:not(.social-row){flex:0 0 100%!important;width:100%!important}
.bio-page[class*="tpl-"] .social-row{flex:0 0 50px!important;width:50px!important;height:50px!important;min-height:50px!important;display:grid!important;place-items:center!important;justify-self:auto!important;align-self:center!important;margin:0!important;padding:0!important;line-height:0!important}
.bio-page[class*="tpl-"] .social-row-label{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;gap:0!important;line-height:0!important}
.bio-page[class*="tpl-"] .social-row .social-svg{display:block!important;width:22px!important;height:22px!important;margin:auto!important;position:static!important;transform-origin:center center!important}
.bio-page[class*="tpl-"] .social-row .social-facebook{transform:translateX(1px)}
.bio-page[class*="tpl-"] .social-row .social-tiktok{transform:translateX(.5px)}
.bio-page[class*="tpl-"] .social-row .social-youtube{transform:translateX(.25px)}
.live-preview[class*="tpl-"] .preview-blocks{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;column-gap:6px!important;row-gap:8px!important}
.live-preview[class*="tpl-"] .preview-blocks>*:not(.preview-social){flex:0 0 100%!important;width:100%!important}
.live-preview[class*="tpl-"] .preview-social{flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:30px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;line-height:0!important}
.live-preview[class*="tpl-"] .preview-social>span{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;line-height:0!important}
.live-preview[class*="tpl-"] .preview-social .social-svg{display:block!important;margin:auto!important}

/* My Pages destructive action and editor navigation. */
.page-management-actions{align-items:center}
.page-delete-form{display:inline-flex;margin:0}
.icon-btn.danger,.page-delete-btn{color:#c84c55;border-color:#f1d6d9;background:#fff8f8}
.icon-btn.danger:hover,.page-delete-btn:hover{color:#a92f39;border-color:#e9b8be;background:#fff0f1;box-shadow:0 6px 16px rgba(183,52,64,.08)}
.builder-back-pages{white-space:nowrap}

@media(max-width:1180px){
  .builder-back-pages{padding-left:9px!important;padding-right:9px!important;font-size:0!important;gap:0!important}
  .builder-back-pages svg{margin:0!important}
}
@media(max-width:720px){
  .bio-page[class*="tpl-"] .social-row{flex-basis:45px!important;width:45px!important;height:45px!important;min-height:45px!important}
  .bio-page[class*="tpl-"] .public-blocks{column-gap:11px!important}
  .verified-badge{top:1.5px!important}
}
.builder-topbar{grid-template-columns:220px minmax(140px,1fr) minmax(500px,auto)}
@media(max-width:1180px){.builder-topbar{grid-template-columns:210px minmax(110px,1fr) minmax(410px,auto)}}

/* V10.6 — exact social centering, event modal, animated border light */
.bio-page[class*="tpl-"] .social-row{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.bio-page[class*="tpl-"] .social-row-label{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}
.bio-page[class*="tpl-"] .social-row .social-svg{position:absolute!important;left:50%!important;top:50%!important;width:26px!important;height:26px!important;margin:0!important;transform:translate(-50%,-50%)!important;transform-origin:center!important;overflow:visible!important}
.bio-page[class*="tpl-"] .social-row .social-facebook,.bio-page[class*="tpl-"] .social-row .social-tiktok,.bio-page[class*="tpl-"] .social-row .social-youtube{transform:translate(-50%,-50%)!important}
.live-preview[class*="tpl-"] .preview-social{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}
.live-preview[class*="tpl-"] .preview-social>span{position:absolute!important;inset:0!important;display:block!important}
.live-preview[class*="tpl-"] .preview-social .social-svg{position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:18px!important;margin:0!important;transform:translate(-50%,-50%)!important;overflow:visible!important}
@media(max-width:640px){.bio-page[class*="tpl-"] .social-row .social-svg{width:24px!important;height:24px!important}}

.event-details-btn{border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:800;padding:8px 4px;cursor:pointer;white-space:nowrap;transition:opacity .18s,transform .18s}
.event-details-btn:hover{opacity:.78;transform:translateX(2px)}
.event-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.event-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.event-modal-backdrop{position:absolute;inset:0;background:rgba(3,4,10,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.event-modal-panel{position:relative;width:min(480px,100%);max-height:min(720px,calc(100dvh - 40px));overflow:auto;background:color-mix(in srgb,var(--surface,#fff) 96%,transparent);color:var(--text,#111827);border:1px solid color-mix(in srgb,var(--accent,#6757ff) 22%,transparent);border-radius:26px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.06) inset;transform:translateY(14px) scale(.98);transition:transform .24s cubic-bezier(.2,.8,.2,1);z-index:1}
.event-modal.open .event-modal-panel{transform:translateY(0) scale(1)}
.event-modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text,#111827) 10%,transparent);background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);color:inherit;display:grid;place-items:center;cursor:pointer}
.event-modal-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#6757ff) 14%,transparent);color:var(--accent,#6757ff);margin-bottom:18px}
.event-modal-heading>span{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850;color:var(--accent,#6757ff)}
.event-modal-heading h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:7px 42px 9px 0}
.event-modal-heading p{color:var(--muted,#6b7280);font-size:13.5px;line-height:1.65;margin:0;white-space:pre-line}
.event-modal-meta{display:grid;gap:10px;margin:22px 0}
.event-modal-meta>div{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:13px;border:1px solid color-mix(in srgb,var(--text,#111827) 8%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface,#fff) 78%,transparent)}
.event-modal-meta>div>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#6757ff) 10%,transparent);color:var(--accent,#6757ff)}
.event-modal-meta p{display:grid;gap:3px;margin:0}.event-modal-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#6b7280);font-weight:750}.event-modal-meta strong{font-size:13px}.event-modal-meta em{font-style:normal;color:var(--muted,#6b7280);font-size:11.5px;line-height:1.4}
.event-modal-ticket{min-height:50px;border-radius:14px;background:var(--accent,#6757ff);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 10px 28px color-mix(in srgb,var(--accent,#6757ff) 28%,transparent);transition:transform .18s,box-shadow .18s}
.event-modal-ticket:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--accent,#6757ff) 36%,transparent)}
.event-modal-ticket[hidden]{display:none}.event-modal-open{overflow:hidden}
.preview-event em{font-style:normal;font-size:8px;font-weight:850;color:var(--accent);margin-left:auto}
@media(max-width:540px){.event-modal{padding:14px;align-items:end}.event-modal-panel{border-radius:24px 24px 18px 18px;padding:24px 18px 18px;max-height:88dvh}.event-modal-heading h2{font-size:22px}.event-modal-meta{margin:18px 0}.event-modal-meta>div{padding:11px}}

@property --lf-motion-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes lfBorderMotion{to{--lf-motion-angle:360deg}}
.bio-page.border-motion,.live-preview.border-motion{--motion-duration:6s}
.bio-page.border-motion.motion-speed-slow,.live-preview.border-motion.motion-speed-slow{--motion-duration:9s}
.bio-page.border-motion.motion-speed-fast,.live-preview.border-motion.motion-speed-fast{--motion-duration:3.4s}
.bio-page.border-motion .bio-card,.live-preview.border-motion .preview-content{position:relative;isolation:isolate}
.bio-page.border-motion.motion-target-page .bio-card::before,.bio-page.border-motion.motion-target-both .bio-card::before,.live-preview.border-motion.motion-target-page .preview-content::before,.live-preview.border-motion.motion-target-both .preview-content::before{content:"";position:absolute;inset:-5px;z-index:30;pointer-events:none;border-radius:calc(var(--radius) + 7px);padding:var(--motion-width);background:conic-gradient(from var(--lf-motion-angle),transparent 0 72%,color-mix(in srgb,var(--motion-color) 25%,transparent) 78%,var(--motion-color) 86%,#fff 89%,var(--motion-color) 92%,transparent 98%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--motion-alpha);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--motion-color) 68%,transparent));animation:lfBorderMotion var(--motion-duration) linear infinite}
.bio-page.border-motion.motion-target-blocks .public-blocks>*:is(.public-link-block,.social-row,.public-media-link,.public-event,.public-countdown,.public-lead-form,.public-contact-form,.public-product,.public-booking,.public-whatsapp,.public-faq,.public-testimonial,.public-map,.public-download,.public-embed),.bio-page.border-motion.motion-target-both .public-blocks>*:is(.public-link-block,.social-row,.public-media-link,.public-event,.public-countdown,.public-lead-form,.public-contact-form,.public-product,.public-booking,.public-whatsapp,.public-faq,.public-testimonial,.public-map,.public-download,.public-embed){position:relative;isolation:isolate}
.bio-page.border-motion.motion-target-blocks .public-blocks>*:is(.public-link-block,.social-row,.public-media-link,.public-event,.public-countdown,.public-lead-form,.public-contact-form,.public-product,.public-booking,.public-whatsapp,.public-faq,.public-testimonial,.public-map,.public-download,.public-embed)::after,.bio-page.border-motion.motion-target-both .public-blocks>*:is(.public-link-block,.social-row,.public-media-link,.public-event,.public-countdown,.public-lead-form,.public-contact-form,.public-product,.public-booking,.public-whatsapp,.public-faq,.public-testimonial,.public-map,.public-download,.public-embed)::after{content:"";position:absolute;inset:-2px;z-index:4;pointer-events:none;border-radius:inherit;padding:var(--motion-width);background:conic-gradient(from var(--lf-motion-angle),transparent 0 78%,var(--motion-color) 88%,#fff 91%,var(--motion-color) 94%,transparent 99%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--motion-alpha);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--motion-color) 55%,transparent));animation:lfBorderMotion var(--motion-duration) linear infinite}
.live-preview.border-motion.motion-target-blocks .preview-blocks>*:is(.preview-link,.preview-social,.preview-media,.preview-event,.preview-countdown,.preview-email,.preview-contact,.preview-product,.preview-booking,.preview-whatsapp,.preview-faq,.preview-testimonial,.preview-map,.preview-download,.preview-embed),.live-preview.border-motion.motion-target-both .preview-blocks>*:is(.preview-link,.preview-social,.preview-media,.preview-event,.preview-countdown,.preview-email,.preview-contact,.preview-product,.preview-booking,.preview-whatsapp,.preview-faq,.preview-testimonial,.preview-map,.preview-download,.preview-embed){position:relative;isolation:isolate}
.live-preview.border-motion.motion-target-blocks .preview-blocks>*:is(.preview-link,.preview-social,.preview-media,.preview-event,.preview-countdown,.preview-email,.preview-contact,.preview-product,.preview-booking,.preview-whatsapp,.preview-faq,.preview-testimonial,.preview-map,.preview-download,.preview-embed)::after,.live-preview.border-motion.motion-target-both .preview-blocks>*:is(.preview-link,.preview-social,.preview-media,.preview-event,.preview-countdown,.preview-email,.preview-contact,.preview-product,.preview-booking,.preview-whatsapp,.preview-faq,.preview-testimonial,.preview-map,.preview-download,.preview-embed)::after{content:"";position:absolute;inset:-1px;z-index:4;pointer-events:none;border-radius:inherit;padding:max(1px,calc(var(--motion-width) * .65));background:conic-gradient(from var(--lf-motion-angle),transparent 0 78%,var(--motion-color) 88%,#fff 91%,var(--motion-color) 94%,transparent 99%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--motion-alpha);animation:lfBorderMotion var(--motion-duration) linear infinite}
.border-motion-section .border-motion-toggle{margin:4px 0 14px;padding:13px;background:#f8f8fb;border:1px solid #ececf2;border-radius:13px}.border-motion-colors{margin:12px 0}.border-motion-section .range-field b{font-size:10px;color:#6d61ef;margin-left:5px}
@media(max-width:820px){.public-event .event-details-btn{grid-column:2;justify-self:start;padding-left:0}}

/* V10.6.2 — page-frame light is integrated into the actual frame, never outside it */
.bio-page.border-motion.motion-target-page .bio-card::before,
.bio-page.border-motion.motion-target-both .bio-card::before,
.live-preview.border-motion.motion-target-page .preview-content::before,
.live-preview.border-motion.motion-target-both .preview-content::before{
  inset:0!important;
  border-radius:inherit!important;
  padding:var(--motion-width)!important;
  z-index:30;
  background:conic-gradient(
    from var(--lf-motion-angle),
    transparent 0 73%,
    color-mix(in srgb,var(--motion-color) 18%,transparent) 79%,
    color-mix(in srgb,var(--motion-color) 76%,transparent) 85%,
    var(--motion-color) 88%,
    #fff 90%,
    var(--motion-color) 92%,
    color-mix(in srgb,var(--motion-color) 45%,transparent) 95%,
    transparent 99%
  )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:var(--motion-alpha)!important;
  animation:lfBorderMotion var(--motion-duration) linear infinite!important;
}
.bio-page.border-motion.motion-target-page .bio-card::after,
.bio-page.border-motion.motion-target-both .bio-card::after,
.live-preview.border-motion.motion-target-page .preview-content::after,
.live-preview.border-motion.motion-target-both .preview-content::after{
  content:"";
  position:absolute;
  inset:max(1px,var(--motion-width));
  z-index:29;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 10px color-mix(in srgb,var(--motion-color) 22%,transparent),
             inset 0 0 3px color-mix(in srgb,var(--motion-color) 34%,transparent);
  opacity:calc(var(--motion-alpha) * .72);
}
@media(max-width:640px){
  .bio-page.border-motion.motion-target-page .bio-card::after,
  .bio-page.border-motion.motion-target-both .bio-card::after,
  .live-preview.border-motion.motion-target-page .preview-content::after,
  .live-preview.border-motion.motion-target-both .preview-content::after{
    box-shadow:inset 0 0 7px color-mix(in srgb,var(--motion-color) 20%,transparent),
               inset 0 0 2px color-mix(in srgb,var(--motion-color) 30%,transparent);
  }
}

/* === HiLink V10.7 · Production brand ========================================= */
:root{--accent:#635bff;--accent-2:#4f46e5}
.hilink-production-card{margin-bottom:22px;background:linear-gradient(135deg,#fff 0%,#fbfaff 55%,#f5f2ff 100%);border-color:#ded9ff}
.hilink-production-card .card-head{align-items:flex-start}
.production-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 18px}
.production-status-grid>div{border:1px solid #e7e4f5;border-radius:14px;background:rgba(255,255,255,.8);padding:14px 15px;display:grid;gap:5px}
.production-status-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b8090;font-weight:800}
.production-status-grid strong{font-size:14px;overflow-wrap:anywhere}
.production-config-action{padding:0 22px 22px}.production-note{margin:0 22px 22px;padding:13px 15px;border-radius:13px;background:#f4f2ff;color:#4e45a8;font-size:13px}
.marketing-nav .brand-mark,.marketing-footer .brand-mark,.auth-visual .brand-mark,.account-paused-card .brand-mark,.install-brand .brand-mark{background:linear-gradient(145deg,#7b6cff,#635bff 52%,#4b37e8);box-shadow:0 10px 24px rgba(99,91,255,.25)}
@media(max-width:760px){.production-status-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.production-config-action{padding-left:16px;padding-right:16px}.production-note{margin-left:16px;margin-right:16px}}

/* =========================================================
   HiLink V10.8 — Premium marketing homepage
   Accepted reference: hilink_creator_platform_homepage.png
   ========================================================= */
.hilink-home{--hi-purple:#6558f6;--hi-purple-2:#7c6cff;--hi-ink:#111322;--hi-muted:#676d7b;--hi-line:#e8e9ef;--hi-soft:#f7f7fb;--hi-dark:#090a15;--hi-max:1210px;background:#fff;color:var(--hi-ink);overflow-x:hidden}
.hilink-home .hi-main{overflow:hidden}.hi-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);border-bottom:1px solid transparent;backdrop-filter:saturate(150%) blur(16px);transition:border-color .25s,box-shadow .25s}.hi-nav.scrolled{border-color:#ececf1;box-shadow:0 10px 30px rgba(25,28,45,.055)}
.hi-nav-inner{width:min(var(--hi-max),calc(100% - 48px));height:78px;margin:auto;display:grid;grid-template-columns:180px 1fr 260px;align-items:center;gap:28px}.hi-brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font-weight:900;letter-spacing:-.02em}.hi-brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#786bff,#5447eb);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(99,85,244,.24)}.hi-brand.light{color:#fff}.hi-nav-links{display:flex;justify-content:center;gap:34px}.hi-nav-links a{font-size:12px;font-weight:760;color:#383d49;transition:.18s}.hi-nav-links a:hover{color:var(--hi-purple)}.hi-nav-actions{display:flex;justify-content:flex-end;gap:10px}.hi-menu-btn{display:none;border:0;background:transparent;padding:8px;border-radius:10px;color:#333746}
.hi-btn{min-height:41px;padding:0 17px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.hi-btn:hover{transform:translateY(-2px)}.hi-btn-primary{background:linear-gradient(135deg,#7668ff,#5a4bf0);color:#fff;box-shadow:0 10px 25px rgba(92,76,241,.22)}.hi-btn-primary:hover{box-shadow:0 14px 32px rgba(92,76,241,.3)}.hi-btn-ghost{background:#fff;border-color:#e2e4ea;color:#242834;box-shadow:0 4px 12px rgba(26,29,43,.035)}.hi-btn-ghost:hover{border-color:#cfcafc;background:#faf9ff}.hi-btn-soft{background:#f2f3f7;color:#2f3440;border-color:#eceef3}.hi-btn-lg{min-height:50px;padding:0 23px;border-radius:13px;font-size:13px}

.hi-hero{width:min(var(--hi-max),calc(100% - 48px));min-height:655px;margin:0 auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center;padding:62px 0 46px}.hi-hero-copy{padding-bottom:28px}.hi-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:7px 10px;border-radius:999px;background:#f0efff;color:#6557ec;font-size:9px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.hi-kicker span{width:6px;height:6px;border-radius:50%;background:#6d5eff;box-shadow:0 0 0 4px rgba(109,94,255,.12)}.hi-hero h1{font-size:65px;line-height:.98;letter-spacing:-.06em;margin:0 0 24px;max-width:510px;font-weight:900}.hi-hero h1 .hi-hero-line{display:inline-block;color:var(--hi-ink);white-space:nowrap}.hi-hero h1 .hi-hero-line em{font-style:normal;color:#6658f4}.hi-hero-copy>p{max-width:470px;margin:0 0 28px;color:#696f7d;font-size:16px;line-height:1.65}.hi-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hi-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#717785;font-size:10px;font-weight:700}.hi-proof span{display:inline-flex;align-items:center;gap:6px}.hi-proof svg{color:#7465fa}
.hi-hero-stage{position:relative;height:540px;min-width:0;perspective:1100px;--mx:0px;--my:0px}.hi-stage-glow{position:absolute;inset:12% 4% 0 14%;background:radial-gradient(circle at 50% 45%,rgba(118,99,255,.19),rgba(80,173,255,.08) 35%,transparent 70%);filter:blur(16px);transform:translate(var(--mx),var(--my));transition:transform .18s ease-out}.hi-template-deck{position:absolute;inset:0}.hi-template-card{position:absolute;top:22px;left:50%;width:252px;aspect-ratio:941/1672;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(14,17,31,.08);box-shadow:0 25px 65px rgba(23,25,41,.18);transform-origin:center bottom;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s,z-index 0s;will-change:transform;cursor:pointer}.hi-template-card img{width:100%;height:100%;object-fit:cover;display:block}.hi-card-shine{position:absolute;inset:-60% auto -60% -65%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:rotate(12deg);opacity:0;transition:.3s}.hi-template-card.is-active:hover .hi-card-shine{animation:hiShine 1.1s ease}.hi-template-card.is-active{box-shadow:0 30px 85px rgba(38,37,62,.25),0 0 0 1px rgba(101,88,246,.08)}@keyframes hiShine{0%{left:-65%;opacity:0}25%{opacity:1}100%{left:130%;opacity:0}}
.hi-carousel-arrow{position:absolute;top:46%;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid #e2e4eb;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(27,30,45,.12);display:grid;place-items:center;color:#4a4f5d;transition:.2s}.hi-carousel-arrow:hover{transform:scale(1.07);color:#5d4ff2;border-color:#cbc6ff}.hi-carousel-arrow.prev{left:4px}.hi-carousel-arrow.next{right:0}.hi-carousel-dots{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;gap:6px;z-index:20}.hi-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#dddde8;transition:.25s}.hi-carousel-dots button.active{width:20px;border-radius:999px;background:#7668ff}

.hi-trust-band{border-top:1px solid #f0f0f3;border-bottom:1px solid #ececf1;padding:25px 24px 29px;text-align:center}.hi-trust-band p{margin:0 0 18px;color:#8a8f99;font-size:9px;font-weight:650}.hi-trust-logos{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap;color:#7f838d}.hi-trust-logos span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;letter-spacing:-.025em;filter:grayscale(1);opacity:.78}.hi-trust-logos svg{width:20px;height:20px}

.hi-section{width:min(var(--hi-max),calc(100% - 48px));margin:0 auto;padding:78px 0}.hi-section-head{display:grid;grid-template-columns:1.05fr .85fr;gap:70px;align-items:end;margin-bottom:34px}.hi-section-head.compact{grid-template-columns:1fr .9fr auto;align-items:center;margin-bottom:25px}.hi-section-label,.hi-dark-label{display:block;width:max-content;margin:0 0 10px;padding:5px 7px;border-radius:6px;background:#efedff;color:#6254ee;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hi-section-head h2,.hi-pricing-head h2{margin:0;font-size:36px;line-height:1.07;letter-spacing:-.045em;font-weight:900}.hi-section-head h2 em{font-style:normal;color:#6758f4}.hi-section-head>p{margin:0;color:#777d89;line-height:1.65;font-size:12px;max-width:420px}.hi-feature-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.hi-feature-card{min-height:205px;padding:24px 20px 22px;border:1px solid #e6e8ee;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(29,31,45,.035);transition:.25s}.hi-feature-card:hover{transform:translateY(-5px);border-color:#d4d0ff;box-shadow:0 17px 42px rgba(45,39,93,.08)}.hi-feature-card i{width:36px;height:36px;border-radius:10px;background:#efedff;color:#6254ed;display:grid;place-items:center;font-style:normal;margin-bottom:28px}.hi-feature-card h3{font-size:14px;margin:0 0 9px;letter-spacing:-.02em}.hi-feature-card p{font-size:10px;line-height:1.6;color:#777d88;margin:0}

.hi-builder-section{width:min(var(--hi-max),calc(100% - 48px));min-height:470px;margin:12px auto 44px;border-radius:25px;background:linear-gradient(135deg,#111221 0,#080916 52%,#171035 100%);color:#fff;padding:48px 48px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;overflow:hidden;position:relative;box-shadow:0 25px 65px rgba(18,16,38,.13)}.hi-builder-section:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(115,85,255,.24),transparent 65%);filter:blur(15px)}.hi-builder-copy{padding:12px 0 42px;position:relative;z-index:2}.hi-dark-label{background:rgba(117,92,255,.14);color:#a99cff}.hi-builder-copy h2{font-size:36px;line-height:1.05;letter-spacing:-.045em;margin:0 0 17px}.hi-builder-copy p{font-size:11px;line-height:1.75;color:#adb0c1;max-width:360px;margin:0 0 18px}.hi-builder-copy ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px;color:#e3e4ed;font-size:10px}.hi-builder-copy li:before{content:"✓";color:#7d6cff;font-weight:900;margin-right:8px}.hi-builder-visual{position:relative;min-width:0;align-self:stretch}.hi-builder-window{position:absolute;left:0;right:-40px;top:0;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;background:#0d0f1d;overflow:hidden;box-shadow:0 -2px 0 rgba(255,255,255,.05),0 0 70px rgba(91,70,220,.15)}.hi-window-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(16,18,33,.92)}.hi-window-brand{display:flex;align-items:center;gap:8px;font-size:9px}.hi-window-brand span{width:18px;height:18px;border-radius:6px;background:#5d50ec;display:grid;place-items:center;font-size:8px;font-weight:900}.hi-window-actions{display:flex;align-items:center;gap:7px}.hi-window-actions i{width:15px;height:15px;border-radius:4px;border:1px solid rgba(255,255,255,.14)}.hi-window-actions i.active{background:#6757ff}.hi-window-actions button,.hi-window-actions strong{font:750 7px/1 system-ui;border:0;border-radius:6px;padding:6px 8px}.hi-window-actions button{background:#191b2b;color:#d3d5e2}.hi-window-actions strong{background:#6557f5;color:#fff}.hi-window-body{height:calc(100% - 42px);display:grid;grid-template-columns:130px 1fr}.hi-window-body aside{padding:18px 13px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px;color:#9ca0b2}.hi-window-body aside>span{font-size:8px;color:#fff;margin-bottom:7px}.hi-window-body aside b{height:26px;border-radius:6px;padding:0 7px;display:flex;align-items:center;gap:6px;background:#111424;font:600 7px/1 system-ui}.hi-window-body aside svg{color:#7366ff}.hi-builder-canvas{position:relative;overflow:hidden;background-image:radial-gradient(rgba(114,97,255,.23) 1px,transparent 1px);background-size:18px 18px}.hi-ambient-orb{position:absolute;border-radius:50%;filter:blur(28px);opacity:.5}.hi-ambient-orb.one{width:180px;height:180px;background:#5b4be9;left:27%;top:18%}.hi-ambient-orb.two{width:140px;height:140px;background:#315df4;right:8%;bottom:8%}.hi-device{position:absolute;bottom:-30px;overflow:hidden;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.35)}.hi-device img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hi-device.desktop{width:260px;height:395px;border-radius:12px;left:24%;border:3px solid #6e5ff9}.hi-device.phone{width:186px;height:360px;border-radius:28px;right:4%;bottom:-15px;border:7px solid #f8f8fb}.hi-device.phone img{border-radius:20px}

.hi-templates-section{padding-top:55px;padding-bottom:55px}.hi-template-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.hi-template-tile{position:relative;padding:0;border:1px solid #e4e6ec;background:#fff;border-radius:12px;overflow:hidden;aspect-ratio:1.04/1;box-shadow:0 7px 18px rgba(28,31,45,.05);transition:.24s}.hi-template-tile img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s}.hi-template-tile span{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 8px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:8px;font-size:8px;font-weight:850;opacity:0;transform:translateY(8px);transition:.2s}.hi-template-tile:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(30,31,46,.12)}.hi-template-tile:hover img{transform:scale(1.04)}.hi-template-tile:hover span{opacity:1;transform:none}

.hi-pricing-section{padding-top:35px}.hi-pricing-head{display:grid;grid-template-columns:1fr auto .7fr;align-items:end;gap:35px;margin-bottom:30px}.hi-pricing-head>p{font-size:10px;line-height:1.6;color:#777d89;text-align:right}.hi-billing-toggle{position:relative;display:flex;align-items:center;padding:3px;border-radius:999px;background:#f1f0ff;align-self:end}.hi-billing-toggle button{min-width:74px;border:0;background:transparent;padding:8px 11px;border-radius:999px;color:#777d88;font-size:9px;font-weight:800}.hi-billing-toggle button.active{background:#fff;color:#5f50ed;box-shadow:0 4px 12px rgba(43,45,62,.08)}.hi-billing-toggle small{position:absolute;right:-45px;top:-17px;background:#7668ff;color:#fff;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:850}.hi-pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;align-items:stretch}.hi-price-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:21px 18px 18px;border:1px solid #e4e6ec;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(27,30,45,.035)}.hi-price-card.featured{border:1.5px solid #7466ff;box-shadow:0 16px 40px rgba(101,85,244,.12)}.hi-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:#7466ff;color:#fff;font-size:7px;font-weight:900;white-space:nowrap}.hi-price-card h3{font-size:15px;margin:0 0 8px}.hi-price-card>p{min-height:40px;margin:0;color:#858a96;font-size:9px;line-height:1.55}.hi-price{display:flex;align-items:flex-end;gap:5px;margin:17px 0}.hi-price strong{font-size:28px;letter-spacing:-.04em;line-height:1}.hi-price span{font-size:8px;color:#8b909a}.hi-price-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;flex:1}.hi-price-card li{font-size:9px;color:#59606c;padding-left:15px;position:relative}.hi-price-card li:before{content:"✓";position:absolute;left:0;color:#6859f4;font-weight:900}.hi-price-card .hi-btn{min-height:36px;font-size:9px;width:100%}

.hi-footer{margin-top:65px;background:linear-gradient(135deg,#10111d,#080916 62%,#11102a);color:#fff;padding:40px 24px}.hi-footer-grid{width:min(var(--hi-max),100%);margin:auto;display:grid;grid-template-columns:1.3fr repeat(4,.7fr) 1.35fr;gap:34px}.hi-footer-brand p,.hi-newsletter p{font-size:9px;line-height:1.65;color:#9b9eae;max-width:210px}.hi-footer-social{display:flex;gap:11px;color:#c7c9d4;margin-top:17px}.hi-footer-grid>div:not(.hi-footer-brand){display:grid;align-content:start;gap:8px}.hi-footer-grid>div>strong,.hi-newsletter>strong{font-size:9px;margin-bottom:5px}.hi-footer-grid>div>a{font-size:8px;color:#9ea2b0}.hi-footer-grid>div>a:hover{color:#fff}.hi-newsletter p{margin:0 0 12px}.hi-newsletter>div{display:flex;border:1px solid rgba(255,255,255,.1);background:#151726;border-radius:8px;overflow:hidden}.hi-newsletter input{min-width:0;border:0!important;box-shadow:none!important;background:transparent;color:#fff;font-size:8px;padding:9px}.hi-newsletter button{border:0;background:#6b5af7;color:#fff;font-size:8px;font-weight:800;padding:0 11px}

.hi-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.hi-reveal.is-visible{opacity:1;transform:none}.hi-feature-card:nth-child(2){transition-delay:.06s}.hi-feature-card:nth-child(3){transition-delay:.12s}.hi-feature-card:nth-child(4){transition-delay:.18s}.hi-feature-card:nth-child(5){transition-delay:.24s}

@media(max-width:1120px){.hi-nav-inner{grid-template-columns:150px 1fr 230px}.hi-nav-links{gap:20px}.hi-hero{grid-template-columns:.82fr 1.18fr;gap:25px}.hi-hero h1{font-size:52px}.hi-template-card{width:220px}}
@media(max-width:900px){.hi-nav-inner{width:min(100% - 32px,760px);grid-template-columns:1fr auto}.hi-nav-links{position:absolute;left:16px;right:16px;top:72px;padding:14px;border:1px solid #e4e6ec;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(28,30,46,.15);display:none;flex-direction:column;gap:4px}.hi-nav.menu-open .hi-nav-links{display:flex}.hi-nav-links a{padding:10px 12px;border-radius:9px}.hi-nav-links a:hover{background:#f6f5ff}.hi-nav-actions{display:none}.hi-menu-btn{display:grid;place-items:center}.hi-hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hi-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.hi-hero h1{max-width:630px;font-size:61px}.hi-hero-copy>p{max-width:560px}.hi-hero-stage{height:520px}.hi-template-card{width:235px}.hi-section-head,.hi-section-head.compact,.hi-pricing-head{grid-template-columns:1fr;gap:15px;align-items:start}.hi-section-head.compact .hi-btn{justify-self:start}.hi-section-head>p,.hi-pricing-head>p{text-align:left}.hi-feature-row{grid-template-columns:repeat(2,1fr)}.hi-builder-section{grid-template-columns:1fr;padding-bottom:0}.hi-builder-copy{padding-bottom:12px}.hi-builder-visual{min-height:420px}.hi-template-rail{grid-template-columns:repeat(3,1fr)}.hi-pricing-grid{grid-template-columns:repeat(2,1fr)}.hi-billing-toggle{width:max-content}.hi-footer-grid{grid-template-columns:1.3fr repeat(2,.7fr)}.hi-newsletter{grid-column:1/-1}.hi-footer-grid>div:nth-child(5){display:grid}}
@media(max-width:620px){.hi-nav-inner{height:68px}.hi-brand strong{font-size:15px}.hi-hero{width:calc(100% - 30px);padding:38px 0 30px}.hi-kicker{font-size:7px}.hi-hero h1{font-size:45px}.hi-hero-copy>p{font-size:14px}.hi-hero-actions{display:grid;width:100%}.hi-hero-actions .hi-btn{width:100%}.hi-proof{justify-content:center;gap:12px;font-size:9px}.hi-hero-stage{height:430px;margin-top:0}.hi-template-card{width:190px;border-radius:17px}.hi-carousel-arrow{width:36px;height:36px}.hi-trust-logos{gap:24px}.hi-trust-logos span{font-size:11px}.hi-section{width:calc(100% - 30px);padding:58px 0}.hi-section-head h2,.hi-pricing-head h2{font-size:31px}.hi-feature-row{grid-template-columns:1fr}.hi-feature-card{min-height:auto}.hi-builder-section{width:calc(100% - 30px);padding:30px 24px 0;border-radius:20px}.hi-builder-copy h2{font-size:31px}.hi-window-body{grid-template-columns:85px 1fr}.hi-window-body aside{padding:12px 8px}.hi-window-body aside b{font-size:0}.hi-window-body aside b svg{margin:auto}.hi-device.desktop{width:205px;height:322px;left:12%}.hi-device.phone{width:145px;height:290px;right:-3%}.hi-template-rail{grid-template-columns:repeat(2,1fr)}.hi-pricing-grid{grid-template-columns:1fr}.hi-pricing-head{gap:18px}.hi-billing-toggle small{right:-38px}.hi-footer{padding:35px 20px}.hi-footer-grid{grid-template-columns:1fr 1fr}.hi-footer-brand,.hi-newsletter{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.hi-reveal{opacity:1;transform:none;transition:none}.hi-template-card,.hi-card-shine,.hi-template-tile,.hi-template-tile img,.hi-btn{transition:none!important;animation:none!important}.hi-stage-glow{transform:none!important}}
@media(max-width:620px){.hi-hero h1{font-size:42px}.hi-hero h1 .hi-hero-line{white-space:normal}}

/* =========================================================
   HiLink V10.9 — Global Typography System
   Inter for UI / headings / controls, Roboto for supporting copy.
   ========================================================= */
:root{
  --font-ui:"Inter","Roboto",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-copy:"Roboto","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --type-xs:12px;
  --type-sm:13.5px;
  --type-base:15px;
  --type-md:16px;
  --type-lg:18px;
  --type-xl:21px;
  --type-2xl:26px;
  --type-3xl:34px;
  --leading-tight:1.2;
  --leading-ui:1.4;
  --leading-copy:1.62;
}
html{font-family:var(--font-ui);font-size:16px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--font-ui);font-size:var(--type-base);line-height:var(--leading-ui);font-weight:400}
body,p,li,dd,dt{font-feature-settings:"kern" 1,"liga" 1}
p,.card-head p,.app-top p:not(.eyebrow),.auth-card>p,.auth-visual-copy p,.hi-hero-copy>p,.hi-section-head>p,.hi-feature-card p,.hi-builder-copy>p,.hi-pricing-head>p,.hi-footer-brand p,.hi-newsletter p,.bio-profile p,.public-text{font-family:var(--font-copy)}
h1,h2,h3,h4,h5,h6,.brand,.btn,button,label,input,textarea,select,.nav,.status-pill{font-family:var(--font-ui)}
button,input,textarea,select{font-family:var(--font-ui)}
small{font-size:var(--type-xs);line-height:1.45}
label{font-size:var(--type-sm);line-height:1.4;font-weight:650}
input,textarea,select{font-size:14.5px;line-height:1.45}
.btn{font-size:14.5px;font-weight:720;letter-spacing:-.008em}
.btn.small{font-size:13px}.btn.xl{font-size:15.5px}
.eyebrow{font-size:12px;line-height:1.25}

/* Marketing homepage */
.hilink-home,.marketing-body{font-family:var(--font-ui)}
.hi-nav-links a{font-size:13.5px}.hi-btn{font-size:13.5px}.hi-btn-lg{font-size:14.5px}
.hi-kicker{font-size:10px}.hi-hero-copy>p{font-size:17px;line-height:1.65}.hi-proof{font-size:11.5px}
.hi-trust-band p{font-size:11px}.hi-trust-logos span{font-size:14px}
.hi-section-label,.hi-dark-label{font-size:10px}.hi-section-head>p{font-size:14px}.hi-feature-card h3{font-size:16px}.hi-feature-card p{font-size:13px;line-height:1.6}
.hi-builder-copy>p{font-size:14px!important;line-height:1.65}.hi-builder-copy li{font-size:13px!important}
.hi-window-brand{font-size:10.5px}.hi-window-body aside>span{font-size:10px}.hi-window-body aside b{font-family:var(--font-ui);font-size:9.5px}.hi-window-actions button,.hi-window-actions strong{font-family:var(--font-ui);font-size:9.5px}
.hi-template-tile span{font-size:10.5px}.hi-pricing-head>p{font-size:12.5px}.hi-billing-toggle button{font-size:11.5px}.hi-billing-toggle small{font-size:9px}
.hi-price-card h3{font-size:16px}.hi-price-card>p{font-size:12px;line-height:1.55}.hi-price span{font-size:10.5px}.hi-price-card li{font-size:12px}.hi-price-card .hi-btn{font-size:12px}
.hi-footer-brand p,.hi-newsletter p{font-size:12px}.hi-footer-grid>div>strong,.hi-newsletter>strong{font-size:12px}.hi-footer-grid>div>a{font-size:11.5px}.hi-newsletter input,.hi-newsletter button{font-size:11.5px}

/* App shell + dashboards */
.sidebar,.app-main,.content-card{font-family:var(--font-ui)}
.nav a,.logout-link{font-size:14.5px;line-height:1.25}.user-chip strong{font-size:13.5px}.user-chip small{font-size:12px}
.app-top h1{font-size:36px;line-height:1.08}.app-top p:not(.eyebrow){font-size:14.5px;line-height:1.55}
.metric-grid span{font-size:13px}.metric-grid strong{font-size:30px}.metric-grid small{font-size:12px}
.card-head h2{font-size:19px;line-height:1.25}.card-head p{font-size:14px;line-height:1.5}.card-head>a{font-size:13.5px}
.page-info strong{font-size:14.5px}.page-info a{font-size:12.5px}.row-stat span{font-size:11.5px}.row-stat strong{font-size:14.5px}.status-pill{font-size:12px}
.admin-row,.audience-row{font-size:14px;line-height:1.5}.admin-row.head,.audience-row.head{font-size:12px}.audience-row strong{font-size:14px}
.rank-list strong,.top-title strong{font-size:14px}.rank-list small,.top-title small{font-size:12px}.range-filter a{font-size:13px}
.domain-row strong,.qr-copy strong,.subscription-row strong{font-size:14.5px}.domain-row small,.qr-copy small,.subscription-row small{font-size:12.5px}.dns-instructions code,.qr-copy code{font-size:11.5px}
.settings-readonly span{font-size:11.5px}.settings-readonly strong{font-size:14px}

/* Billing + Admin — deliberately remove tiny control text */
.subscription-main small{font-size:11.5px}.subscription-main h2{font-size:18px}.subscription-main p{font-size:12.5px}
.billing-choice-bar strong{font-size:14px}.billing-choice-bar span{font-size:12px}.billing-cycle-toggle button{font-family:var(--font-ui);font-size:12px}
.checkout-form label{font-size:12.5px}.checkout-form label small{font-size:11px}.checkout-form input,.checkout-form select{font-family:var(--font-ui);font-size:13.5px}.trial-chip{font-size:11px}
.payment-row>span:nth-child(2) strong{font-size:13px}.payment-row>span:nth-child(2) small{font-size:11.5px}.payment-amount{font-size:13px}
.plan-admin-card h3{font-size:16px}.plan-admin-card label{font-size:12.5px}.plan-admin-card input,.plan-admin-card select{font-size:13.5px}.plan-admin-card .check-row{font-size:12.5px}
.provider-config-title>strong{font-size:16px}.provider-config-grid label small{font-size:11.5px}.webhook-box span{font-size:11.5px}.webhook-box code,.webhook-box small{font-size:11.5px}
.coupon-row>span:nth-child(2) strong{font-size:13px}.coupon-row>span:nth-child(2) small{font-size:11.5px}.event-log span{font-size:11.5px}.event-log strong{font-size:12.5px}.event-log small{font-size:11px}
.member-access-user strong{font-size:13.5px}.member-access-user small{font-size:12px}.member-plan-chip{font-size:10.5px}.admin-feature-toggle strong{font-size:12.5px}.admin-feature-toggle small{font-size:11px}
.production-status-grid span{font-size:11.5px}.production-status-grid strong{font-size:14.5px}.production-note{font-size:13.5px}

/* Teams + developer */
.team-card-head strong{font-size:15px}.team-card-head small{font-size:12.5px}.team-shared-pages a strong{font-size:13.5px}.team-shared-pages a small{font-size:12px}.team-manage summary{font-size:13.5px}
.team-member-row strong{font-size:13px}.team-member-row small{font-size:11.5px}.developer-secret strong{font-size:13.5px}.api-key-row strong{font-size:13.5px}.api-key-row small{font-size:12px}.scope-grid label{font-size:13px!important}.delivery-list strong{font-size:13px}.delivery-list small{font-size:11.5px}.admin-template-list strong{font-size:13.5px}.admin-template-list small{font-size:12px}

/* Builder workspace */
.builder-shell,.builder-topbar,.builder-panel,.preview-stage{font-family:var(--font-ui)}
.builder-title strong{font-size:14.5px}.builder-title small,.save-status{font-size:12px}
.rail-btn{font-size:12px;font-weight:680}.panel-heading h2{font-size:21px}.panel-heading p{font-size:13.5px;line-height:1.5}
.block-menu button{font-size:13.5px}.block-menu button small{font-size:11px}
.profile-editor>label{font-size:13px}.profile-editor input,.profile-editor textarea{font-size:14px}
.block-type{font-size:13.5px}.block-toggle{font-size:12px}.premium-tag{font-size:10px}
.block-fields label{font-size:13px}.block-fields input,.block-fields textarea{font-size:14px}.check-row,.editor-check{font-size:12.5px!important}
.upgrade-inline strong{font-size:12.5px}.upgrade-inline span{font-size:11.5px}.smart-divider{font-size:11.5px}
.design-section h3{font-size:14px}.design-section-title p{font-size:12px;line-height:1.5}.color-grid label{font-size:12.5px}.range-row{font-size:12px}.segmented button{font-size:12.5px}
.template-list strong{font-size:13.5px}.template-list small{font-size:11.5px}.template-note{font-size:11.5px}
.switch-label strong{font-size:13.5px}.switch-label small{font-size:11.5px}.public-url-card span{font-size:11px}.public-url-card a{font-size:12.5px}.builder-domain-link strong{font-size:13.5px}.builder-domain-link small{font-size:11.5px}
.preview-heading span{font-size:12.5px}.preview-heading small{font-size:11px}.device-toggle button{font-size:11px}
.animation-categories button{font-size:11px}.animation-effect-card strong{font-size:11.5px}.animation-effect-card small{font-size:10px}.animation-effect-card>i{font-size:8px}.animation-access-note{font-size:11px}.pro-feature-lock strong{font-size:12.5px}.pro-feature-lock p{font-size:11px}.animation-locked-preview span{font-size:9px}.feature-tier-badge{font-size:9.5px}

/* Public profiles — one legible typography system across all templates */
.public-bio-body,.bio-page[class*="tpl-"],.live-preview[class*="tpl-"]{font-family:var(--font-ui)!important}
.bio-page[class*="tpl-"] .bio-profile h1,.live-preview[class*="tpl-"] .preview-profile h2{font-family:var(--font-ui)!important;font-weight:780!important;letter-spacing:-.025em!important}
.bio-page[class*="tpl-"] .bio-profile p,.live-preview[class*="tpl-"] .preview-profile p{font-family:var(--font-copy)!important}
.bio-profile h1{font-size:29px}.bio-profile p{font-size:15px;line-height:1.6}
.public-link-block strong{font-size:15px}.public-link-block small{font-size:12px}.public-heading{font-size:19px}.public-text{font-size:14px}
.public-media-link strong,.public-event strong{font-size:14px}.public-media-link small,.public-event small{font-size:11.5px}.public-event>a{font-size:11.5px}
.public-countdown small{font-size:11.5px}.public-countdown strong{font-size:21px}.public-lead-form>strong{font-size:15px}.public-lead-form>small{font-size:11.5px}.public-lead-form input{font-size:13px}.public-lead-form button{font-size:12.5px}
.public-image-block figcaption,.bio-footer a{font-size:12px}.public-video-block strong{font-size:13px}
.bio-page[class*="tpl-"] .public-link-block{font-family:var(--font-ui)!important}.bio-page[class*="tpl-"] .public-link-block>span strong{font-size:16px;font-weight:700}.bio-page[class*="tpl-"] .public-link-block>span small{font-size:12px}
.bio-page.tpl-dark-luxury .public-link-block>span strong{font-family:var(--font-ui)!important;font-size:18px!important;font-weight:700!important}
.bio-page.tpl-dark-luxury .bio-profile h1,.live-preview.tpl-dark-luxury .preview-profile h2,.bio-page.tpl-foodie-delight .bio-profile h1,.live-preview.tpl-foodie-delight .preview-profile h2,.bio-page.tpl-minimal-light .bio-profile h1,.live-preview.tpl-minimal-light .preview-profile h2{font-family:var(--font-ui)!important;letter-spacing:-.025em!important;text-transform:none!important;font-weight:780!important}

/* Preview remains compact, but no micro-text */
.preview-profile h2{font-size:21px}.preview-profile p{font-size:12px}.preview-link{font-size:12px}.preview-link small{font-size:10px}.preview-heading-block{font-size:14.5px}.preview-text-block{font-size:11.5px}.preview-email>strong{font-size:11.5px}

/* Broad readability guardrails for dense product surfaces */
.app-main small,.content-card small{font-size:12px;line-height:1.45}
.builder-panel small{font-size:11.5px;line-height:1.45}
.admin-v9 small,.v10-grid small{font-size:11.5px;line-height:1.45}
.public-bio-body small{font-size:11.5px;line-height:1.45}

/* Auth + install */
.auth-card h1{font-size:35px}.auth-card>p{font-size:15px}.auth-switch{font-size:14.5px!important}.auth-visual-copy h2{font-size:47px}.auth-visual-copy p{font-size:17px}
.install-panel,.install-form{font-family:var(--font-ui)}

@media(max-width:620px){
  body{font-size:14.5px}
  .app-top h1{font-size:30px}.card-head h2{font-size:18px}.nav a,.logout-link{font-size:14px}
  .hi-nav-links a{font-size:14px}.hi-btn{font-size:13.5px}.hi-hero-copy>p{font-size:15px}.hi-proof{font-size:10.5px}.hi-section-head>p{font-size:13.5px}.hi-feature-card p{font-size:12.5px}.hi-price-card>p,.hi-price-card li{font-size:12px}
  .panel-heading h2{font-size:19px}.panel-heading p{font-size:13px}.rail-btn{font-size:11.5px}.block-type{font-size:13px}.block-fields label{font-size:12.5px}.block-fields input,.block-fields textarea{font-size:13.5px}
  .bio-profile h1{font-size:27px}.bio-profile p{font-size:14px}.public-link-block strong{font-size:14.5px}.public-link-block small{font-size:11.5px}
}


/* ===== HiLink V11.0 Footer CMS + public content pages ===== */
.cms-body{background:#fff;color:#111322}
.cms-main{min-height:70vh}
.cms-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(28,31,52,.07)}
.cms-hero{position:relative;overflow:hidden;padding:128px 24px 96px;background:linear-gradient(145deg,#f8f8ff 0%,#f2efff 52%,#fff 100%);border-bottom:1px solid #ececf4}
.cms-hero.cms-section-company{background:linear-gradient(145deg,#fbfbff 0%,#f5f7fb 55%,#fff 100%)}
.cms-hero.cms-section-legal{background:linear-gradient(145deg,#f9f9fc 0%,#f0f1f6 56%,#fff 100%)}
.cms-hero-inner{position:relative;z-index:2;width:min(940px,100%);margin:auto;text-align:center}
.cms-hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75;pointer-events:none}.cms-hero-orb.one{width:360px;height:360px;left:-110px;top:-150px;background:radial-gradient(circle at 50% 50%,rgba(105,87,255,.24),rgba(105,87,255,0) 68%)}.cms-hero-orb.two{width:430px;height:430px;right:-130px;bottom:-260px;background:radial-gradient(circle at 50% 50%,rgba(92,172,255,.18),rgba(92,172,255,0) 68%)}
.cms-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:26px;font:600 13px/1.4 var(--font-ui);color:#747a8b}.cms-breadcrumb a{color:#5f6678}.cms-breadcrumb a:hover{color:#635bff}
.cms-eyebrow{display:inline-flex;margin-bottom:15px;font:800 12px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#635bff}
.cms-hero h1{margin:0;font:800 clamp(42px,6vw,72px)/.98 var(--font-ui);letter-spacing:-.055em;color:#111322}.cms-hero p{width:min(720px,100%);margin:24px auto 0;font:400 18px/1.72 var(--font-copy);color:#62697a}.cms-hero-meta{display:flex;justify-content:center;gap:22px;margin-top:27px;font:600 12.5px/1.4 var(--font-ui);color:#8a90a0}.cms-hero-meta span{display:flex;align-items:center;gap:6px}
.cms-content-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;padding:74px 0 90px}
.cms-side{position:sticky;top:96px;align-self:start;display:grid;gap:6px;padding:18px;border:1px solid #e7e8ef;border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(31,34,55,.06)}.cms-side>span{padding:4px 10px 12px;font:800 11px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#999eab}.cms-side a{min-height:44px;padding:10px 12px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;font:650 13.5px/1.3 var(--font-ui);color:#5f6574}.cms-side a:hover{background:#f7f6ff;color:#5147e8}.cms-side a.active{background:#efedff;color:#5147e8}
.cms-article{min-width:0;font:400 16.5px/1.78 var(--font-copy);color:#555c6d}.cms-article>h2{margin:0 0 18px;padding-top:12px;font:800 31px/1.15 var(--font-ui);letter-spacing:-.035em;color:#151724}.cms-article>h2:not(:first-child){margin-top:54px}.cms-article h3{margin:28px 0 10px;font:750 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:#202331}.cms-article h4{font:700 16px/1.3 var(--font-ui);color:#292d3b}.cms-article p{margin:0 0 18px}.cms-article a{color:#5c50ef;text-decoration:underline;text-underline-offset:3px}.cms-article ul,.cms-article ol{display:grid;gap:10px;padding-left:24px;margin:18px 0 28px}.cms-article li{padding-left:4px}.cms-article strong{color:#2b2f3e}.cms-article pre{overflow:auto;margin:18px 0 28px;padding:18px 20px;border:1px solid #292c3c;border-radius:14px;background:#11131d;color:#f6f7fb;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.cms-article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f2fb;border-radius:5px;padding:2px 5px;color:#4d43d7}.cms-article pre code{background:none;color:inherit;padding:0}
.cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0 30px}.cms-grid article{padding:22px;border:1px solid #e5e6ed;border-radius:16px;background:linear-gradient(180deg,#fff,#fafaff);box-shadow:0 10px 30px rgba(29,32,52,.045)}.cms-grid article h3{margin:0 0 8px;font-size:17px}.cms-grid article p{margin:0;font-size:14.5px;line-height:1.65;color:#697082}
.cms-callout,.cms-legal-note{margin:27px 0;padding:24px 26px;border:1px solid #dedaff;border-radius:18px;background:linear-gradient(135deg,#f7f5ff,#fcfcff);box-shadow:0 14px 35px rgba(93,76,227,.07)}.cms-callout>strong,.cms-legal-note>strong{display:block;margin-bottom:8px;font:800 12px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#635bff}.cms-callout h3{margin:5px 0 8px}.cms-callout p,.cms-legal-note p{margin:0}
.cms-contact-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 34px}.cms-contact-card>div{display:grid;gap:8px;padding:22px;border:1px solid #e3e5ec;border-radius:16px;background:#fff}.cms-contact-card small{font:700 11px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#8a90a0}.cms-contact-card strong{font:800 18px/1.3 var(--font-ui);color:#171a27}.cms-contact-card a{width:max-content;font:700 13px/1.3 var(--font-ui)}
.cms-endpoints{display:grid;gap:8px;margin:18px 0 30px}.cms-endpoints p{display:grid;grid-template-columns:72px 1fr 1.25fr;gap:14px;align-items:center;margin:0;padding:12px 15px;border:1px solid #e7e8ed;border-radius:10px;background:#fcfcfe}.cms-endpoints p>strong{font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#635bff}.cms-endpoints p>span{color:#7c8291;font-size:13px}
.cms-bottom-cta{width:min(1160px,calc(100% - 40px));margin:0 auto 86px;padding:42px 46px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:radial-gradient(circle at 82% 20%,rgba(112,81,255,.28),transparent 32%),linear-gradient(135deg,#111321,#171426 60%,#22164a);color:#fff;box-shadow:0 28px 70px rgba(30,24,65,.18)}.cms-bottom-cta span{font:800 11px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#a99cff}.cms-bottom-cta h2{margin:8px 0 7px;font:800 30px/1.08 var(--font-ui);letter-spacing:-.035em}.cms-bottom-cta p{margin:0;color:#aeb1c1;font-size:14px}

.footer-cms-admin{max-width:1480px}.footer-cms-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.footer-cms-stats article{min-height:84px;padding:17px 18px;border:1px solid #e2e5ec;border-radius:15px;background:#fff;display:flex;align-items:center;gap:14px;box-shadow:0 10px 28px rgba(31,34,55,.045)}.footer-cms-stats article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0eeff;color:#635bff}.footer-cms-stats article div{display:grid;gap:2px}.footer-cms-stats strong{font:800 22px/1 var(--font-ui)}.footer-cms-stats small{font:500 12px/1.3 var(--font-copy);color:#858c9d}
.footer-cms-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:20px;align-items:start}.footer-cms-left,.footer-cms-right{display:grid;gap:20px}.footer-section-list{padding:18px 22px 24px;display:grid;gap:16px}.footer-admin-section{border:1px solid #e3e5ec;border-radius:16px;overflow:hidden;background:#fbfcfe}.footer-section-head{display:grid;grid-template-columns:minmax(160px,1fr) 82px auto auto;gap:10px;align-items:end;padding:15px;background:#fff;border-bottom:1px solid #e8eaf0}.footer-section-head>div{display:grid;gap:3px}.footer-section-head small{font:800 9.5px/1.2 var(--font-ui);letter-spacing:.1em;color:#989eac}.footer-section-head input{min-height:39px;padding:7px 10px}.footer-section-head label{font-size:11px}.compact-check{align-self:center;white-space:nowrap}.footer-link-list{display:grid}.footer-link-editor{display:grid;grid-template-columns:minmax(100px,1fr) 115px minmax(125px,1fr) minmax(125px,1fr) 68px auto 38px;gap:7px;align-items:end;padding:12px 14px;border-bottom:1px solid #e8eaf0;background:#fff}.footer-link-editor label{font-size:10.5px;gap:5px}.footer-link-editor input,.footer-link-editor select{min-height:37px;padding:7px 8px;font-size:12px}.footer-link-delete{position:absolute;pointer-events:none;opacity:0}.footer-link-editor:has(+ .footer-link-delete) .icon-btn{margin-right:0}.footer-link-delete+.footer-link-editor{border-top:0}.footer-link-list{position:relative}.footer-link-list>.footer-link-delete{position:static;pointer-events:auto;opacity:1;margin:-50px 12px 12px auto;z-index:2}.danger-icon{color:#cf4054!important;background:#fff3f5!important;border-color:#ffd5dc!important}.footer-add-link{padding:12px 14px}.footer-nav-manager>.card-head{border-bottom:1px solid #eceef3}
.cms-page-library>.card-head,.cms-editor-card>.card-head{border-bottom:1px solid #eceef3}.cms-page-tabs{max-height:445px;overflow:auto;padding:12px;display:grid;gap:5px}.cms-page-tabs a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:11px;color:#525969}.cms-page-tabs a>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f2f3f7;color:#7c8290}.cms-page-tabs a>span:nth-child(2){display:grid;gap:2px}.cms-page-tabs strong{font-size:12.5px;color:#2a2e3a}.cms-page-tabs small{font-size:10.5px;color:#9399a7}.cms-page-tabs a:hover{background:#f7f7fb}.cms-page-tabs a.active{background:#efedff}.cms-page-tabs a.active>span:first-child{background:#ddd8ff;color:#574beb}.status-dot{width:7px;height:7px;border-radius:50%;background:#c0c5d0}.status-dot.live{background:#2fc17e}.cms-new-page{margin:0 12px 14px;border:1px dashed #d9dbe6;border-radius:11px}.cms-new-page summary{cursor:pointer;padding:11px 13px;display:flex;align-items:center;gap:7px;font:700 11.5px/1.3 var(--font-ui);color:#6258e8}.cms-new-page form{padding:0 12px 12px;display:grid;gap:9px}.cms-new-page label{font-size:10.5px}.cms-editor-form{padding:20px 22px 24px;display:grid;gap:15px}.cms-editor-form textarea{resize:vertical}.cms-html-editor{min-height:380px;font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#333846}.cms-editor-hint{padding:12px 14px;border-radius:11px;background:#f5f4ff;display:grid;gap:3px}.cms-editor-hint strong{font-size:11.5px;color:#5349dc}.cms-editor-hint span{font-size:10.5px;line-height:1.5;color:#777e90}.cms-editor-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#4339c9}

@media(max-width:1180px){.footer-cms-layout{grid-template-columns:1fr}.footer-cms-right{grid-template-columns:.72fr 1.28fr}.footer-link-editor{grid-template-columns:1fr 120px 1fr 1fr 70px auto 38px}.cms-content-wrap{grid-template-columns:200px minmax(0,1fr);gap:35px}}
@media(max-width:900px){.cms-hero{padding:105px 20px 72px}.cms-content-wrap{grid-template-columns:1fr;padding-top:42px}.cms-side{position:static;display:flex;overflow-x:auto;padding:10px}.cms-side>span{display:none}.cms-side a{white-space:nowrap}.cms-grid{grid-template-columns:1fr}.cms-bottom-cta{flex-direction:column;align-items:flex-start;padding:34px}.footer-cms-stats{grid-template-columns:1fr 1fr}.footer-cms-right{grid-template-columns:1fr}.footer-link-editor{grid-template-columns:1fr 1fr}.footer-link-editor .order-field,.footer-link-editor .compact-check,.footer-link-editor .icon-btn{align-self:end}.footer-section-head{grid-template-columns:1fr 80px auto}.footer-section-head>button{grid-column:1/-1}.footer-link-list>.footer-link-delete{margin:-49px 14px 12px auto}}
@media(max-width:620px){.cms-hero{padding:92px 18px 58px}.cms-hero h1{font-size:42px}.cms-hero p{font-size:15px;line-height:1.65}.cms-hero-meta{flex-direction:column;gap:7px;align-items:center}.cms-content-wrap{width:calc(100% - 30px);padding-bottom:62px}.cms-article{font-size:15px}.cms-article>h2{font-size:26px}.cms-contact-card{grid-template-columns:1fr}.cms-endpoints p{grid-template-columns:60px 1fr}.cms-endpoints p>span{grid-column:1/-1}.cms-bottom-cta{width:calc(100% - 30px);margin-bottom:55px}.footer-cms-stats{grid-template-columns:1fr 1fr}.footer-section-head{grid-template-columns:1fr 70px}.footer-section-head .compact-check{grid-column:1}.footer-section-head>button{grid-column:2}.footer-link-editor{grid-template-columns:1fr}.footer-link-list>.footer-link-delete{margin:-49px 14px 12px auto}.cms-editor-form .form-grid{grid-template-columns:1fr}}
.footer-link-editor{grid-template-columns:minmax(100px,1fr) 115px minmax(125px,1fr) minmax(125px,1fr) 68px auto 78px}.footer-link-actions{display:flex;gap:5px;align-items:center}.footer-link-delete{display:none!important}
@media(max-width:900px){.footer-link-editor{grid-template-columns:1fr 1fr}.footer-link-actions{justify-content:flex-end}}
@media(max-width:620px){.footer-link-editor{grid-template-columns:1fr}.footer-link-actions{justify-content:flex-start}}
.cms-format-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #dfe2e9;border-bottom:0;border-radius:11px 11px 0 0;background:#f7f8fb}.cms-format-toolbar button{min-height:30px;padding:5px 9px;border:1px solid #e0e2e9;border-radius:7px;background:#fff;color:#505768;font:700 10.5px/1.2 var(--font-ui);cursor:pointer}.cms-format-toolbar button:hover{border-color:#c9c4ff;color:#5448e8;background:#f5f3ff}.cms-format-toolbar+.cms-html-editor{border-radius:0 0 11px 11px}

/* ===== HiLink V12 — Business Operations & Visual CMS ===== */
/* Global header control stability */
.hi-nav a,.hi-nav button,.app-top .btn,.top-action-group .btn,.sidebar .nav a,.sidebar .nav button{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.hi-nav-actions{flex-wrap:nowrap}.hi-btn{white-space:nowrap}

/* Public contact experience */
.v12-public-contact{margin:54px 0 12px;padding:30px;border:1px solid #e7e8f2;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fbfbff 100%);box-shadow:0 20px 54px rgba(50,47,95,.08)}
.v12-contact-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.v12-contact-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eeeaff;color:#635bff}.v12-contact-head h2{margin:0 0 5px;font:800 24px/1.25 var(--font-ui)}.v12-contact-head p{margin:0;color:#74798b;font:400 15px/1.55 var(--font-body)}
.v12-contact-form{display:grid;gap:16px}.v12-contact-form label{display:grid;gap:8px;color:#33384b;font:700 14px/1.35 var(--font-ui)}.v12-contact-form input,.v12-contact-form select,.v12-contact-form textarea{width:100%;min-height:46px;padding:12px 14px;border:1px solid #dfe2ec;border-radius:12px;background:#fff;color:#171827;font:400 15px/1.55 var(--font-body);outline:0;transition:.18s ease}.v12-contact-form textarea{min-height:148px;resize:vertical}.v12-contact-form input:focus,.v12-contact-form select:focus,.v12-contact-form textarea:focus{border-color:#8a80ff;box-shadow:0 0 0 4px rgba(99,91,255,.11)}
.v12-contact-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}.v12-contact-submit small{max-width:490px;color:#888da0;font:400 13px/1.5 var(--font-body)}.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}

/* Footer CMS: section-first navigation + Word-like editor */
.v12-page-library .card-head{margin-bottom:18px}.v12-section-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.v12-section-switcher>a{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px;border:1px solid #e4e6ef;border-radius:14px;background:#fff;color:#272b3a;text-decoration:none;transition:.18s ease}.v12-section-switcher>a>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#635bff}.v12-section-switcher>a strong{font:800 13.5px/1.2 var(--font-ui)}.v12-section-switcher>a small{color:#8b90a0;font:500 11.5px/1.3 var(--font-body)}.v12-section-switcher>a:hover,.v12-section-switcher>a.active{border-color:#bcb6ff;background:#f8f7ff;box-shadow:0 8px 24px rgba(99,91,255,.08)}
.v12-page-buttons{display:grid;gap:8px}.v12-page-buttons>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e6e8ef;border-radius:12px;background:#fff;color:#242838;text-decoration:none}.v12-page-buttons>a span{min-width:0;display:grid;gap:3px}.v12-page-buttons strong{font:750 13.5px/1.3 var(--font-ui)}.v12-page-buttons small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b90a0;font:500 11.5px/1.3 var(--font-body)}.v12-page-buttons>a:hover,.v12-page-buttons>a.active{border-color:#bdb7ff;background:#f7f6ff}.v12-page-buttons .status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#c0c3cf}.v12-page-buttons .status-dot.live{background:#28b67a;box-shadow:0 0 0 4px rgba(40,182,122,.1)}
.v12-word-editor-card{margin-top:18px}.v12-word-editor-label{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:6px}.v12-word-editor-label strong{font:800 14px var(--font-ui)}.v12-word-editor-label small{color:#9094a5;font:500 12px var(--font-body)}
.v12-word-toolbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 10px;border:1px solid #dfe2ea;border-bottom:0;border-radius:13px 13px 0 0;background:rgba(249,250,253,.96);backdrop-filter:blur(12px)}.v12-word-toolbar>span{width:1px;height:24px;background:#dfe2e9;margin:0 2px}.v12-word-toolbar button,.v12-word-toolbar select{height:34px;min-width:34px;padding:0 9px;border:1px solid #dfe2e9;border-radius:8px;background:#fff;color:#454a5d;font:700 12px/1 var(--font-ui);cursor:pointer}.v12-word-toolbar button:hover,.v12-word-toolbar select:hover{border-color:#bcb6ff;background:#f6f4ff;color:#574ceb}.word-color{width:34px;height:34px;padding:5px;border:1px solid #dfe2e9;border-radius:8px;background:#fff}.word-color input{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.v12-word-surface{min-height:520px;padding:34px 38px;border:1px solid #dfe2ea;border-radius:0 0 13px 13px;background:#fff;color:#202333;font:400 16px/1.75 var(--font-body);outline:none;box-shadow:inset 0 1px 0 rgba(0,0,0,.015)}.v12-word-surface:focus{border-color:#a49cff;box-shadow:0 0 0 4px rgba(99,91,255,.08)}.v12-word-surface h2{margin:30px 0 12px;font:800 28px/1.25 var(--font-ui)}.v12-word-surface h3{margin:24px 0 10px;font:800 21px/1.3 var(--font-ui)}.v12-word-surface p{margin:0 0 15px}.v12-word-surface blockquote{margin:22px 0;padding:16px 20px;border-left:4px solid #635bff;border-radius:0 12px 12px 0;background:#f7f6ff;color:#54596b}.v12-word-surface img{max-width:100%;height:auto;border-radius:14px}.v12-word-surface table{width:100%;border-collapse:collapse;margin:20px 0}.v12-word-surface td,.v12-word-surface th{padding:10px 12px;border:1px solid #dfe2ea;text-align:left}.v12-hidden-html{display:none!important}

/* Homepage visual builder */
.homepage-builder-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.homepage-live-canvas{min-width:0;border:1px solid #e3e5ed;border-radius:20px;background:#f3f4f8;overflow:hidden;box-shadow:0 16px 42px rgba(37,39,74,.07)}.homepage-canvas-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid #e1e3eb;background:#fff}.homepage-canvas-toolbar>span{display:flex;align-items:center;gap:8px}.homepage-canvas-toolbar>span i{width:9px;height:9px;border-radius:50%;background:#2cc784;box-shadow:0 0 0 4px rgba(44,199,132,.12)}.homepage-canvas-toolbar strong{font:800 13px var(--font-ui)}.homepage-canvas-toolbar small{color:#8a8fa0;font:500 11.5px var(--font-body)}.homepage-canvas-toolbar>div{display:flex;gap:6px}.homepage-canvas-toolbar button{height:34px;padding:0 11px;border:1px solid #e1e3eb;border-radius:9px;background:#fff;color:#666b7b;font:700 12px var(--font-ui);cursor:pointer}.homepage-canvas-toolbar button.active{border-color:#bcb5ff;background:#f2f0ff;color:#574bec}.homepage-iframe-shell{height:760px;padding:16px;overflow:auto;display:flex;justify-content:center;transition:.25s ease}.homepage-iframe-shell iframe{width:100%;height:100%;border:0;border-radius:13px;background:#fff;box-shadow:0 7px 24px rgba(30,31,55,.09);transition:width .25s ease}.homepage-iframe-shell.mobile iframe{width:390px;max-width:100%}
.homepage-inspector{display:grid;gap:14px;position:sticky;top:20px}.homepage-section-rail{display:flex;gap:7px;overflow:auto;padding:4px 1px 8px}.homepage-section-rail a,.homepage-section-rail button{flex:0 0 auto;padding:9px 11px;border:1px solid #e2e4ec;border-radius:10px;background:#fff;color:#595e70;text-decoration:none;font:700 12px var(--font-ui);cursor:pointer}.homepage-section-rail a.active,.homepage-section-rail button.active{border-color:#bdb6ff;background:#f3f1ff;color:#574bee}.homepage-inspector-card{padding:19px}.homepage-inspector-card h2{margin:0 0 4px;font:800 18px/1.25 var(--font-ui)}.homepage-inspector-card>p{margin:0 0 16px;color:#8b90a1;font:400 13px/1.5 var(--font-body)}.homepage-fields{display:grid;gap:12px}.homepage-fields label{display:grid;gap:7px;color:#424759;font:700 12.5px var(--font-ui)}.homepage-fields input,.homepage-fields textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dfe2eb;border-radius:10px;background:#fff;color:#202333;font:400 14px/1.5 var(--font-body)}.homepage-fields textarea{min-height:94px;resize:vertical}.homepage-media-control{display:flex;gap:7px}.homepage-media-control input{min-width:0;flex:1}.homepage-media-control button{flex:0 0 auto}.homepage-section-enable{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;padding:11px 12px;border-radius:10px;background:#f7f7fb}.homepage-section-enable input{width:auto;min-height:0}.homepage-save-bar{display:flex;gap:8px;align-items:center}.homepage-save-bar .btn{flex:1}
.hilink-cms-preview [data-home-edit]{cursor:pointer!important;outline:1px dashed transparent;outline-offset:5px;border-radius:4px;transition:outline-color .16s ease,background .16s ease,box-shadow .16s ease}.hilink-cms-preview [data-home-edit]:hover{outline-color:#7b70ff;background:rgba(99,91,255,.07);box-shadow:0 0 0 5px rgba(99,91,255,.055)}.hilink-cms-preview [data-home-edit].cms-edit-selected{outline:2px solid #635bff;background:rgba(99,91,255,.1)}

/* Customer message center */
.message-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.message-metrics a{padding:15px;border:1px solid #e4e6ee;border-radius:14px;background:#fff;text-decoration:none;color:#343849}.message-metrics a strong{display:block;font:850 22px/1 var(--font-ui);margin-bottom:5px}.message-metrics a span{color:#8b90a1;font:650 12px var(--font-ui)}.message-metrics a:hover,.message-metrics a.active{border-color:#bcb5ff;background:#f8f7ff;box-shadow:0 8px 22px rgba(99,91,255,.06)}
.message-center-layout{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:16px;align-items:start}.message-inbox{padding:0;overflow:hidden}.message-inbox .card-head{padding:18px 18px 12px}.message-list{max-height:720px;overflow:auto}.message-list-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:13px 16px;border-top:1px solid #eef0f5;color:#333748;text-decoration:none}.message-list-item:hover,.message-list-item.active{background:#f8f7ff}.message-list-item.active{box-shadow:inset 3px 0 #635bff}.message-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eeeaff;color:#635bff;font:800 13px var(--font-ui)}.message-list-item>span:nth-child(2){min-width:0;display:grid;gap:2px}.message-list-item strong,.message-list-item b,.message-list-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list-item strong{font:750 13px var(--font-ui)}.message-list-item b{font:650 12px var(--font-ui)}.message-list-item small,.message-list-item time{color:#9498a8;font:500 11px var(--font-body)}
.message-thread-stack{display:grid;gap:16px}.message-thread{padding:0;overflow:hidden}.message-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid #eceef4}.message-thread-head h2{margin:8px 0 5px;font:800 21px/1.3 var(--font-ui)}.message-thread-head p{margin:0;color:#828799;font:400 13px/1.5 var(--font-body)}.message-original{padding:24px}.message-original p{margin:0;white-space:normal;color:#303546;font:400 15px/1.75 var(--font-body)}.message-reply{margin:0 20px 15px 58px;padding:17px 18px;border-radius:15px;background:#f3f1ff}.message-reply>div{display:flex;justify-content:space-between;gap:12px}.message-reply strong{font:750 13px var(--font-ui)}.message-reply small{color:#8e92a4;font:500 11px var(--font-body)}.message-reply p{margin:10px 0 0;font:400 14px/1.65 var(--font-body)}.message-reply-form{padding:20px;border-top:1px solid #eceef4;background:#fafafe}.message-reply-form label{display:grid;gap:8px;font:750 13px var(--font-ui)}.message-reply-form textarea{min-height:145px;padding:13px;border:1px solid #dfe2eb;border-radius:12px;background:#fff;font:400 14px/1.65 var(--font-body);resize:vertical}.message-reply-form>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}.message-reply-form small{color:#8a8f9f;font:400 12px var(--font-body)}.mail-settings-card{padding:0;overflow:hidden}.mail-settings-card summary{display:flex;align-items:center;gap:11px;padding:18px 20px;cursor:pointer;list-style:none}.mail-settings-card summary>div{flex:1;display:grid;gap:2px}.mail-settings-card summary strong{font:750 13px var(--font-ui)}.mail-settings-card summary small{color:#8b90a0;font:500 11.5px var(--font-body)}.mail-settings-form{padding:0 20px 20px;display:grid;gap:14px}

/* Invoices */
.invoice-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.invoice-admin-stats article{padding:17px;border:1px solid #e4e6ee;border-radius:14px;background:#fff}.invoice-admin-stats strong{display:block;font:850 21px/1.2 var(--font-ui)}.invoice-admin-stats span{color:#888d9e;font:600 12px var(--font-ui)}.invoice-admin-table{width:100%;border-collapse:collapse}.invoice-admin-table th,.invoice-admin-table td{padding:13px 12px;border-bottom:1px solid #eceef4;text-align:left;vertical-align:middle}.invoice-admin-table th{color:#777c8e;font:750 11.5px var(--font-ui);text-transform:uppercase;letter-spacing:.035em}.invoice-admin-table td{font:500 13px var(--font-body)}.invoice-admin-table td strong{font-family:var(--font-ui)}.invoice-member-list{display:grid}.invoice-member-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 38px;gap:12px;align-items:center;padding:14px 6px;border-bottom:1px solid #eceef4}.invoice-member-row>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#635bff}.invoice-member-row>span:nth-child(2){display:grid;gap:3px}.invoice-member-row small{color:#8a8f9f;font:500 11.5px var(--font-body)}

/* Responsive V12 */
@media(max-width:1180px){.homepage-builder-shell{grid-template-columns:1fr}.homepage-inspector{position:static}.homepage-iframe-shell{height:650px}.message-center-layout{grid-template-columns:340px minmax(0,1fr)}.message-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.message-center-layout{grid-template-columns:1fr}.message-list{max-height:420px}.invoice-admin-stats{grid-template-columns:1fr 1fr}.v12-section-switcher{grid-template-columns:1fr}.homepage-iframe-shell{height:600px}}
@media(max-width:620px){.v12-public-contact{padding:20px;margin-top:38px;border-radius:18px}.v12-contact-submit{align-items:stretch;flex-direction:column}.v12-contact-submit .hi-btn{width:100%;justify-content:center}.v12-word-toolbar{position:static;overflow-x:auto;flex-wrap:nowrap}.v12-word-toolbar>*{flex:0 0 auto}.v12-word-surface{min-height:430px;padding:24px 20px;font-size:15px}.message-metrics{grid-template-columns:1fr 1fr}.message-thread-head{flex-direction:column}.message-reply{margin-left:20px}.message-reply-form>div{align-items:stretch;flex-direction:column}.invoice-admin-stats{grid-template-columns:1fr}.invoice-member-row{grid-template-columns:38px minmax(0,1fr) auto}.invoice-member-row>span:nth-child(3){grid-column:2}.invoice-member-row>a{grid-row:1;grid-column:3}.invoice-member-row>a:last-child{display:none}.homepage-canvas-toolbar small{display:none}.homepage-iframe-shell{padding:8px;height:590px}}
/* V12 actual homepage workbench structure */
.homepage-workbench{display:grid;grid-template-columns:210px minmax(0,1fr) 350px;gap:16px;align-items:start}.homepage-workbench>.homepage-section-rail{display:grid;gap:7px;align-content:start;overflow:visible;padding:0;position:sticky;top:18px}.homepage-section-rail-head{padding:4px 3px 10px;display:grid;gap:3px}.homepage-section-rail-head strong{font:800 14px var(--font-ui)}.homepage-section-rail-head small{color:#8b90a1;font:500 11.5px var(--font-body)}.homepage-workbench>.homepage-section-rail>a{display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:9px;padding:10px;border:1px solid #e2e4ec;border-radius:12px;background:#fff;color:#44495b;text-decoration:none}.homepage-workbench>.homepage-section-rail>a>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1efff;color:#635bff}.homepage-workbench>.homepage-section-rail>a>span:nth-child(2){min-width:0;display:grid;gap:2px}.homepage-workbench>.homepage-section-rail>a strong{font:750 12.5px var(--font-ui)}.homepage-workbench>.homepage-section-rail>a small{color:#9195a5;font:500 10.5px var(--font-body)}.homepage-workbench>.homepage-section-rail>a.active{border-color:#bdb6ff;background:#f7f6ff;box-shadow:0 8px 22px rgba(99,91,255,.06)}.homepage-workbench>.homepage-inspector{padding:18px;border:1px solid #e3e5ed;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(33,35,64,.06)}.homepage-inspector-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #eceef4;margin-bottom:14px}.homepage-inspector-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#635bff}.homepage-inspector-head>div{display:grid;gap:2px}.homepage-inspector-head strong{font:800 14px var(--font-ui)}.homepage-inspector-head small{color:#9094a4;font:500 11px var(--font-body)}.homepage-field-stack{display:grid;gap:12px;margin:14px 0}.homepage-field-stack label{display:grid;gap:6px;padding:9px 10px;border:1px solid transparent;border-radius:11px;transition:.18s ease}.homepage-field-stack label.is-focused{border-color:#bcb5ff;background:#f8f7ff}.homepage-field-stack label>span{color:#505568;font:750 11.5px var(--font-ui)}.homepage-field-stack input,.homepage-field-stack textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid #dfe2eb;border-radius:9px;background:#fff;font:400 13.5px/1.5 var(--font-body);color:#252938;outline:0}.homepage-field-stack textarea{min-height:92px;resize:vertical}.homepage-field-stack input:focus,.homepage-field-stack textarea:focus{border-color:#9f97ff;box-shadow:0 0 0 3px rgba(99,91,255,.09)}.homepage-upload-field{justify-self:start;margin-top:1px}
/* Invoice admin actual components */
.invoice-admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.invoice-admin-metrics article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e3e5ed;border-radius:14px;background:#fff}.invoice-admin-metrics article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#635bff}.invoice-admin-metrics article div{display:grid;gap:2px}.invoice-admin-metrics strong{font:850 18px/1.2 var(--font-ui)}.invoice-admin-metrics small{color:#8b90a1;font:550 11.5px var(--font-body)}.invoice-settings-form{display:grid;gap:13px}.invoice-backfill{margin-top:13px;padding-top:13px;border-top:1px solid #eceef4}.invoice-readiness{display:grid;gap:12px}.invoice-readiness p{margin:0;color:#73788a;font:400 13px/1.6 var(--font-body)}.invoice-admin-table{display:grid}.invoice-admin-row{display:grid;grid-template-columns:1.05fr 1.35fr .9fr .7fr .75fr 80px;gap:12px;align-items:center;padding:13px 6px;border-bottom:1px solid #eceef4}.invoice-admin-row.head{padding-top:5px;color:#7f8496;font:750 10.5px/1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.045em}.invoice-admin-row>span:not(.status-pill){min-width:0;display:grid;gap:3px}.invoice-admin-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 12.5px var(--font-ui)}.invoice-admin-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8c91a2;font:500 10.8px var(--font-body)}.invoice-row-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:5px}.invoice-row-actions form{margin:0}
@media(max-width:1280px){.homepage-workbench{grid-template-columns:190px minmax(0,1fr)}.homepage-workbench>.homepage-inspector{grid-column:1/-1;position:static}.homepage-field-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-admin-row{grid-template-columns:1fr 1.2fr .8fr .7fr .7fr 70px}}
@media(max-width:900px){.homepage-workbench{grid-template-columns:1fr}.homepage-workbench>.homepage-section-rail{position:static;display:flex;overflow:auto}.homepage-section-rail-head{display:none}.homepage-workbench>.homepage-section-rail>a{flex:0 0 170px}.homepage-field-stack{grid-template-columns:1fr}.invoice-admin-metrics{grid-template-columns:1fr}.invoice-admin-row.head{display:none}.invoice-admin-row{grid-template-columns:1fr 1fr;padding:16px 4px}.invoice-row-actions{justify-content:flex-start!important}}

/* HiLink V12.1 — public Visual Page Builder surfaces */
.hilink-home .hi-main{display:flex;flex-direction:column}
.vpb-custom-region{grid-column:1/-1;width:min(1180px,calc(100% - 48px));margin:28px auto 0;display:grid;gap:16px;position:relative;z-index:2}
.hi-trust-band>.vpb-custom-region{flex:1 0 100%;width:100%;margin-top:18px}
.vpb-block{box-sizing:border-box;max-width:100%;transition:box-shadow .2s ease,transform .2s ease}
.vpb-heading{margin:0;font-family:var(--font-ui);font-weight:800;line-height:1.12;letter-spacing:-.03em}
.vpb-text p{margin:0;line-height:1.75}
.vpb-button-wrap{padding:8px}.vpb-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-ui);font-weight:750;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.vpb-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(57,50,180,.18)}
.vpb-image{margin:0;overflow:hidden}.vpb-image img{display:block;width:100%;height:auto;border-radius:inherit}
.vpb-divider{padding:12px 0}.vpb-divider hr{margin:0}.vpb-spacer{min-height:8px}
.vpb-callout{border:1px solid color-mix(in srgb,currentColor 10%,transparent)}.vpb-callout strong{display:block;font:800 20px/1.25 var(--font-ui);margin-bottom:8px}.vpb-callout p{margin:0;line-height:1.65}
.vpb-free-section{display:grid;justify-items:center;gap:16px;border:1px solid rgba(30,32,45,.08);box-shadow:0 20px 60px rgba(31,35,60,.06)}.vpb-free-section h2{margin:0;font:850 clamp(30px,4vw,50px)/1.05 var(--font-ui);letter-spacing:-.04em}.vpb-free-section p{max-width:720px;margin:0;line-height:1.7}.vpb-free-section .vpb-button{padding:14px 22px;border-radius:12px;background:#635bff;color:#fff}
.cms-builder-body{display:contents}.cms-builder-body>.vpb-spacer{display:block}
.vpb-empty-editable:empty{min-height:18px}
.hi-nav-actions .hi-btn,.hi-nav-links a,.hi-btn{white-space:nowrap;word-break:normal;overflow-wrap:normal}
@media(max-width:720px){.vpb-custom-region{width:calc(100% - 28px);margin-top:18px}.vpb-free-section{padding:34px 22px!important}.vpb-heading{font-size:clamp(26px,8vw,38px)!important}}
/* V12.1 — Footer CMS now launches the unified visual page editor */
.v12-visual-page-card{display:grid;gap:18px}.v12-visual-page-card .card-head{align-items:flex-start}.v12-visual-page-card .card-head h2{margin-top:7px}.v12-visual-page-intro{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start;padding:17px;border:1px solid #e2e3ee;border-radius:15px;background:linear-gradient(135deg,#fbfaff,#f5f3ff)}.v12-visual-page-intro>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ebe8ff;color:#5f55ef}.v12-visual-page-intro strong{display:block;font:800 15px/1.25 Inter,system-ui}.v12-visual-page-intro p{margin:5px 0 0;font:400 14px/1.6 Roboto,Inter,sans-serif;color:#6d7283}.v12-edit-visual-btn{min-height:48px;display:flex!important;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.v12-page-meta-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v12-page-meta-mini>span{padding:12px 13px;border:1px solid #e5e7ed;border-radius:12px;background:#fafbfc;min-width:0}.v12-page-meta-mini small{display:block;color:#8a8f9f;font:600 11px Inter}.v12-page-meta-mini strong{display:block;margin-top:3px;font:700 13px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){.v12-page-meta-mini{grid-template-columns:1fr}.v12-visual-page-intro{grid-template-columns:40px 1fr}.v12-visual-page-intro>span{width:40px;height:40px}}

/* ===== HiLink V12.2 — Primary Brand System ===== */
.hi-brand-image{display:inline-flex!important;align-items:center!important;min-width:0}
.hi-brand-logo{display:block;width:126px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
.hi-footer-logo{display:block;width:132px;height:auto;filter:none!important}
.auth-brand-logo{display:block;width:176px;height:auto;max-width:100%}
.paused-brand-logo{display:block;width:164px;height:auto;margin:0 auto}
.invoice-brand-logo{display:block;width:154px;height:auto;max-height:62px;object-fit:contain;object-position:left center}
.bio-footer-logo{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:6px}
.vpb-logo-image{background:#fff!important;overflow:hidden;padding:2px!important;box-shadow:0 5px 16px rgba(31,78,170,.12)!important}
.vpb-logo-img{width:100%;height:100%;object-fit:contain;display:block}
.hi-window-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#fff;overflow:hidden}
.hi-window-mark-img{width:100%;height:100%;object-fit:contain}
.install-brand-logo{display:block;width:180px;height:auto;max-width:100%}
.brand-image{background:transparent!important;box-shadow:none!important}
.brand-logo-img img{object-fit:contain!important}

/* ===== Dedicated SaaS Admin ===== */
.admin-auth-body{margin:0;background:#f4f7fb;color:#0b1831;font-family:Inter,Roboto,system-ui,sans-serif}
.admin-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);background:linear-gradient(135deg,#f7fbff 0,#fff 48%,#f5fbfb 100%)}
.admin-auth-brand{padding:72px clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(40,143,255,.12),transparent 36%),radial-gradient(circle at 90% 80%,rgba(29,216,198,.14),transparent 34%)}
.admin-auth-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(37,115,206,.09);border-radius:50%;right:-210px;bottom:-180px;box-shadow:0 0 0 55px rgba(37,115,206,.035),0 0 0 110px rgba(28,196,186,.025)}
.admin-auth-logo{display:block;width:210px;height:auto;position:relative;z-index:1}
.admin-auth-brand>span{margin-top:28px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#5b6d85;position:relative;z-index:1}
.admin-auth-brand h1{font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 18px;max-width:600px;position:relative;z-index:1}
.admin-auth-brand p{font-size:17px;line-height:1.7;color:#647188;max-width:570px;margin:0;position:relative;z-index:1}
.admin-auth-security{display:flex;align-items:center;gap:10px;margin-top:30px;color:#2367c7;font-weight:700;font-size:14px;position:relative;z-index:1}
.admin-auth-panel{display:grid;place-items:center;padding:42px;background:rgba(255,255,255,.65);backdrop-filter:blur(18px);border-left:1px solid #e8edf5}
.admin-auth-card{width:min(460px,100%);background:#fff;border:1px solid #e3e9f2;border-radius:24px;padding:36px;box-shadow:0 24px 70px rgba(28,48,78,.10)}
.admin-auth-kicker{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#3181e9}
.admin-auth-card h2{font-size:30px;letter-spacing:-.035em;margin:10px 0 8px}.admin-auth-card>p{margin:0 0 26px;color:#68758a;font-size:15px}.admin-auth-card form{display:grid;gap:17px}.admin-auth-card label{font-size:14px}.admin-auth-card input{min-height:50px;font-size:15px}.admin-auth-member-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;font-weight:700;font-size:14px;color:#526079}

.saas-admin-body,.saas-admin-body.app-body{background:#f5f7fa!important;color:#101826!important}
.saas-admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:278px;background:#fff;border-right:1px solid #e4e9f0;display:flex;flex-direction:column;z-index:100;padding:0 15px 18px;box-shadow:6px 0 30px rgba(17,34,64,.025)}
.saas-admin-brand{padding:22px 10px 19px;border-bottom:1px solid #edf0f4;margin-bottom:10px}.saas-admin-brand a{display:flex;align-items:center}.saas-admin-logo{width:145px;height:auto;display:block}.saas-admin-brand>span{display:block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a95a7}
.saas-admin-nav{flex:1;overflow-y:auto;padding:2px 0 14px;scrollbar-width:thin}.saas-admin-nav-group{padding:10px 0 4px}.saas-admin-nav-group>small{display:block;padding:0 12px 7px;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#99a3b2}.saas-admin-nav-group a{height:42px;padding:0 11px;margin:2px 0;border-radius:11px;display:flex;align-items:center;gap:10px;color:#546075;font-size:13.5px;font-weight:680;white-space:nowrap;transition:.16s}.saas-admin-nav-group a svg{color:#748095;flex:0 0 auto}.saas-admin-nav-group a:hover{background:#f4f7fb;color:#182844}.saas-admin-nav-group a.active{background:linear-gradient(135deg,#eef6ff,#edfdfa);color:#174d9e;box-shadow:inset 0 0 0 1px rgba(55,136,226,.12)}.saas-admin-nav-group a.active svg{color:#237be0}
.saas-admin-bottom{border-top:1px solid #edf0f4;padding-top:13px;display:grid;gap:4px}.saas-admin-user{display:flex;align-items:center;gap:10px;padding:8px 8px 11px}.saas-admin-user>span:last-child{display:grid;min-width:0}.saas-admin-user strong{font-size:12.5px;overflow:hidden;text-overflow:ellipsis}.saas-admin-user small{font-size:10.5px;color:#8d97a8;overflow:hidden;text-overflow:ellipsis}.saas-admin-bottom>a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;font-size:12.5px;font-weight:650;color:#677387}.saas-admin-bottom>a:hover{background:#f4f7fa;color:#192a46}
.saas-admin-main,.saas-admin-sidebar~.app-main{margin-left:278px!important;width:auto!important;min-width:0;max-width:none!important;padding:34px clamp(26px,3.4vw,52px) 64px!important}
.saas-admin-page-head{min-height:96px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 28px}.saas-admin-page-head h1{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:3px 0 8px}.saas-admin-page-head>div:first-child>p:last-child{margin:0;color:#748095;font-size:15px;max-width:720px;line-height:1.6}.saas-admin-page-actions,.top-action-group{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.saas-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.saas-stat-grid.compact{grid-template-columns:repeat(2,minmax(220px,360px));justify-content:start}.saas-stat-card{background:#fff;border:1px solid #e4e9f0;border-radius:17px;padding:19px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 8px 24px rgba(24,44,78,.035)}.saas-stat-card>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#edf6ff,#ecfdf9);display:grid;place-items:center;color:#2581dc;flex:0 0 auto}.saas-stat-card div{display:grid;gap:3px}.saas-stat-card small{font-size:11px;color:#818c9e;font-weight:700}.saas-stat-card strong{font-size:23px;letter-spacing:-.025em}.saas-stat-card p{font-size:11px;margin:0;color:#98a1af}
.saas-admin-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.saas-admin-main .content-card,.saas-admin-sidebar~.app-main .content-card{border-color:#e4e9f0;border-radius:18px;box-shadow:0 8px 26px rgba(24,44,78,.035)}
.saas-kpi-list{display:grid;gap:0}.saas-kpi-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #edf0f4}.saas-kpi-list>div:last-child{border-bottom:0}.saas-kpi-list span{font-size:13px;color:#778396}.saas-kpi-list strong{font-size:13px;color:#17233a;text-align:right;overflow-wrap:anywhere}
.saas-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.saas-quick-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid #e8ecf2;border-radius:12px;background:#fbfcfe}.saas-quick-grid a>svg:first-child{width:34px;height:34px;padding:8px;background:#eef6ff;border-radius:10px;color:#267ad3}.saas-quick-grid a span{display:grid}.saas-quick-grid a strong{font-size:12.5px}.saas-quick-grid a small{font-size:10.5px;color:#9099a9}.saas-quick-grid a:hover{border-color:#cfdceb;background:#fff}
.saas-table-list{display:grid}.saas-table-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.saas-table-list>div:last-child{border-bottom:0}.saas-table-list span:nth-child(2){display:grid;min-width:0}.saas-table-list strong{font-size:12.5px}.saas-table-list small{font-size:10.5px;color:#8a94a5}.saas-table-list b{font-size:12px;color:#37445a}
.saas-admin-form{display:grid;gap:15px}.saas-admin-form label{font-size:13px}.saas-admin-form input,.saas-admin-form select,.saas-admin-form textarea{font-size:14px}.saas-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.saas-plan-card{display:grid;gap:14px}.saas-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.saas-capability-grid .check-row{padding:8px 0}
.saas-coupon-list{display:grid}.saas-coupon-list>div{display:grid;grid-template-columns:90px 1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4}.saas-coupon-list>div:last-child{border-bottom:0}.saas-coupon-list>div>span:nth-child(2){display:grid}.saas-coupon-list strong{font-size:13px}.saas-coupon-list small{font-size:11px;color:#8792a4}
.saas-user-search{display:flex;gap:8px}.saas-user-search input{width:240px;min-height:39px;padding:8px 11px}.saas-users-table{display:grid;overflow-x:auto}.saas-users-head,.saas-users-table article{min-width:900px;display:grid;grid-template-columns:minmax(240px,1.5fr) 130px 70px 100px 120px 110px;gap:13px;align-items:center}.saas-users-head{padding:9px 8px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#929cab;border-bottom:1px solid #e8ecf1}.saas-users-table article{padding:12px 8px;border-bottom:1px solid #eef1f5;font-size:12.5px}.saas-user-ident{display:flex;align-items:center;gap:10px}.saas-user-ident>span{display:grid}.saas-user-ident small{font-size:10.5px;color:#8b95a5}.saas-inline-plan select{padding:8px 9px;border-radius:9px;font-size:12px}
.saas-data-table{display:grid;overflow-x:auto}.saas-data-table>.head,.saas-data-table>div:not(.head){min-width:920px;display:grid;grid-template-columns:minmax(210px,1.5fr) 110px 190px 120px 110px 150px;gap:12px;align-items:center}.saas-data-table.subscriptions>.head,.saas-data-table.subscriptions>div:not(.head),.saas-data-table.domains>.head,.saas-data-table.domains>div:not(.head){grid-template-columns:minmax(210px,1.35fr) 120px 120px 110px 140px 160px}.saas-data-table>.head{padding:10px 7px;border-bottom:1px solid #e7ebf1;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#929cab}.saas-data-table>div:not(.head){padding:13px 7px;border-bottom:1px solid #edf0f4;font-size:12.5px}.saas-data-table>div:not(.head)>span{min-width:0;overflow-wrap:anywhere}.saas-data-table>div:not(.head)>span:first-child{display:grid}.saas-data-table small{display:block;font-size:10.5px;color:#8994a5;margin-top:2px}.saas-data-table code{font-size:10.5px;background:#f4f6f9;padding:4px 6px;border-radius:6px}.row-actions{display:flex;gap:5px}
.saas-admin-sidebar~.app-main .app-top{margin-bottom:26px}.saas-admin-sidebar~.app-main .app-top h1{font-size:31px;letter-spacing:-.04em}.saas-admin-sidebar~.app-main .app-top>div>p:last-child{font-size:14px;color:#768297}.saas-admin-sidebar~.app-main .top-action-group a[href$="/admin"]{display:none}

@media(max-width:1180px){.saas-stat-grid{grid-template-columns:1fr 1fr}.saas-plan-grid{grid-template-columns:1fr}.saas-admin-two-col{grid-template-columns:1fr}.saas-admin-sidebar{width:244px}.saas-admin-main,.saas-admin-sidebar~.app-main{margin-left:244px!important}.saas-admin-logo{width:132px}.saas-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.admin-auth-shell{grid-template-columns:1fr}.admin-auth-brand{display:none}.admin-auth-panel{min-height:100vh;padding:24px}.saas-admin-sidebar{position:sticky;top:0;width:100%;height:auto;bottom:auto;padding:10px 14px;display:grid;grid-template-columns:160px 1fr auto;align-items:center;border-right:0;border-bottom:1px solid #e4e9f0}.saas-admin-brand{padding:0;border:0;margin:0}.saas-admin-brand>span{display:none}.saas-admin-logo{width:122px}.saas-admin-nav{display:flex;overflow-x:auto;padding:0;gap:5px}.saas-admin-nav-group{display:contents}.saas-admin-nav-group>small{display:none}.saas-admin-nav-group a{height:38px;margin:0;padding:0 10px}.saas-admin-nav-group a span{display:none}.saas-admin-bottom{border:0;padding:0;display:block}.saas-admin-user,.saas-admin-bottom>a:first-of-type{display:none}.saas-admin-bottom>a{padding:9px}.saas-admin-bottom>a span{display:none}.saas-admin-main,.saas-admin-sidebar~.app-main{margin-left:0!important;padding:24px 18px 50px!important}.saas-admin-page-head{min-height:0;display:grid}.saas-admin-page-actions{justify-content:flex-start}.saas-stat-grid,.saas-stat-grid.compact{grid-template-columns:1fr 1fr}.saas-quick-grid{grid-template-columns:1fr}.hi-brand-logo{width:116px}}
@media(max-width:560px){.saas-stat-grid,.saas-stat-grid.compact{grid-template-columns:1fr}.saas-capability-grid{grid-template-columns:1fr}.saas-admin-page-head h1{font-size:29px}.saas-admin-sidebar{grid-template-columns:120px 1fr 38px}.saas-admin-logo{width:108px}.admin-auth-card{padding:26px 20px;border-radius:20px}.invoice-brand-logo{width:130px}}
.sidebar-primary-logo{display:block;width:142px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.builder-primary-logo{display:block;width:128px;height:auto;max-height:44px;object-fit:contain;object-position:left center}
@media(max-width:760px){.sidebar-primary-logo{width:118px}.builder-primary-logo{width:105px}}
/* Preserve the approved dark wordmark on dark surfaces by giving the original logo a clean light plate. */
.auth-visual .brand-image{background:#fff!important;padding:7px 10px;border-radius:13px;width:max-content;box-shadow:0 8px 28px rgba(0,0,0,.12)!important}
.auth-visual .auth-brand-logo{width:158px}
.hi-footer-brand .hi-brand-image{background:#fff!important;padding:5px 9px;border-radius:10px;width:max-content;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.hi-footer-brand .hi-footer-logo{width:124px}


/* ===== HiLink V12.3 — Dedicated login roles & unified SaaS admin pages ===== */
.auth-role-divider{display:flex;align-items:center;gap:12px;margin:22px 0 12px;color:#9aa2af;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-role-divider:before,.auth-role-divider:after{content:"";height:1px;background:#e5e8ef;flex:1}.auth-role-divider span{white-space:nowrap}.auth-admin-entry{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid #dfe7f1;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f5fffd);color:#263b58;transition:.16s ease}.auth-admin-entry:hover{border-color:#a9c8ed;box-shadow:0 10px 26px rgba(37,108,191,.09);transform:translateY(-1px)}.auth-admin-entry-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f4ff,#e7fffb);color:#2476cf}.auth-admin-entry>span:nth-child(2){display:grid;gap:2px}.auth-admin-entry strong{font-size:13.5px}.auth-admin-entry small{font-size:11.5px;color:#7d899b;font-weight:600}.auth-admin-entry>svg{color:#718098}
.saas-admin-sidebar~.homepage-admin-main,.saas-admin-sidebar~.v12-messages,.saas-admin-sidebar~.v12-invoices-admin{margin-left:278px!important;width:auto!important;max-width:none!important}.saas-admin-sidebar~.homepage-admin-main .app-top,.saas-admin-sidebar~.v12-messages .app-top,.saas-admin-sidebar~.v12-invoices-admin .app-top{margin-bottom:26px}.saas-admin-sidebar~.homepage-admin-main .app-top h1,.saas-admin-sidebar~.v12-messages .app-top h1,.saas-admin-sidebar~.v12-invoices-admin .app-top h1{font-size:31px;letter-spacing:-.04em}
@media(max-width:1180px){.saas-admin-sidebar~.homepage-admin-main,.saas-admin-sidebar~.v12-messages,.saas-admin-sidebar~.v12-invoices-admin{margin-left:244px!important}}
@media(max-width:850px){.saas-admin-sidebar~.homepage-admin-main,.saas-admin-sidebar~.v12-messages,.saas-admin-sidebar~.v12-invoices-admin{margin-left:0!important}.auth-admin-entry{grid-template-columns:38px 1fr auto}.auth-admin-entry-icon{width:38px;height:38px}}


/* === HiLink V12.3.2 · background media + centered event modal =============== */
html,body.public-bio-body{margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;min-width:100%;width:100%;overflow-x:hidden}
body.public-bio-body>.bio-page{width:100%;max-width:none;margin:0!important;border:0!important;outline:0!important;box-shadow:none;}
.bio-background-embed{border:0!important;pointer-events:none;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;height:100vh!important;width:auto!important;min-width:100vw!important;aspect-ratio:16/9;transform:translate(-50%,-50%);object-fit:cover;background:#000}
.preview-bg-iframe{border:0;pointer-events:none;top:50%;left:50%;right:auto;bottom:auto;height:100%;width:auto;min-width:100%;aspect-ratio:16/9;transform:translate(-50%,-50%);background:#000}
.template-background-note{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 11px;border:1px solid #e6e4fb;border-radius:11px;background:#f8f7ff;color:#625a78;font-size:10.5px;line-height:1.45}.template-background-note svg{flex:none;color:#6757ff;margin-top:1px}
.external-video-control{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #e3e6eb;border-radius:12px;background:#fafbfc}.external-video-control label{display:grid;gap:6px}.external-video-control label>span{font-size:11px;font-weight:800;color:#4e5561}.external-video-control input{min-height:42px;font-size:12px}.external-video-control label small{font-size:10px;line-height:1.45;color:#858b96}.external-video-control>div{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.event-modal{display:flex!important;align-items:center!important;justify-content:center!important}
.event-modal-panel{margin:auto}
@media(max-width:540px){.event-modal{padding:18px!important;align-items:center!important;justify-content:center!important}.event-modal-panel{width:min(100%,460px);max-height:calc(100dvh - 36px);border-radius:22px;padding:22px 18px 18px;transform:translateY(8px) scale(.985)}.event-modal.open .event-modal-panel{transform:translateY(0) scale(1)}}

/* HiLink V12.4 — Compact Block Editor */
.compact-block-menu{width:400px!important;max-height:min(72vh,680px);overflow:auto;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
.compact-block-menu.hidden{display:none!important}
.block-menu-group{display:grid;gap:7px;padding-bottom:10px;border-bottom:1px solid #eef0f3}.block-menu-group:last-child{padding-bottom:0;border-bottom:0}.block-menu-group>strong{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.09em;color:#9399a4;padding:2px 3px}.block-menu-group>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block-menu-group button{min-width:0}.block-menu-group button:disabled{opacity:.48;cursor:not-allowed}.block-menu-group button span{min-width:0}.block-menu-group button span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.profile-compact-card{margin:0 24px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(22,25,31,.025)}
.profile-compact-card>summary{list-style:none;min-height:86px;padding:13px 15px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;cursor:pointer;background:#fbfcfd;transition:.16s}
.profile-compact-card>summary::-webkit-details-marker{display:none}.profile-compact-card>summary:hover{background:#f8f9fb}.profile-compact-card[open]>summary{background:#f7f6ff;border-bottom:1px solid #e8e5ff}
.profile-summary-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#6158ee,#8c85ff);color:#fff;font-size:13px;font-weight:820;box-shadow:0 6px 16px rgba(99,91,255,.15)}.profile-summary-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-summary-copy{min-width:0;display:grid;gap:2px}.profile-summary-copy small{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:#969ca7;font-weight:800}.profile-summary-copy strong{font-size:14px;line-height:1.35;color:#2f343d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary-copy em{font-style:normal;font-size:11.5px;line-height:1.4;color:#7d8490;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary-edit{display:flex;align-items:center;gap:5px;color:#5c54e8;font-size:11px;font-weight:750;white-space:nowrap}.profile-compact-card[open] .profile-summary-edit svg{transform:rotate(90deg)}
.profile-compact-card .compact-profile-editor{margin:0;padding:16px;border:0;border-radius:0;background:#fff;box-shadow:none}.profile-compact-card .compact-profile-editor textarea{min-height:82px}

.compact-blocks-toolbar{margin:0 24px 12px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-blocks-toolbar>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}.compact-blocks-toolbar strong{font-size:12.5px;color:#363b44}.compact-blocks-toolbar span{font-size:10.5px;color:#9298a2}.compact-blocks-toolbar>div:last-child{display:flex;align-items:center;gap:6px}.compact-toolbar-btn{min-height:32px;padding:0 9px;border:1px solid #e4e6eb;border-radius:8px;background:#fff;color:#69707b;display:inline-flex;align-items:center;gap:5px;font:700 10.5px var(--font-ui);cursor:pointer}.compact-toolbar-btn:hover,.compact-toolbar-btn.active{border-color:#d9d4ff;background:#f5f3ff;color:#544aec}
.compact-block-stack{gap:9px}.compact-empty{margin:5px 0 2px}
.compact-block-card{overflow:visible;border-radius:13px}.compact-block-card:hover{transform:none}.compact-block-card.is-open{border-color:#d8d3ff;box-shadow:0 9px 24px rgba(51,45,110,.08)}.compact-block-card.is-hidden{opacity:.78}.compact-block-card.is-open .compact-block-head{border-bottom:1px solid #ece9ff;background:#faf9ff}.compact-block-head{height:auto!important;min-height:72px!important;padding:9px 10px!important;border-bottom:0!important;background:#fff!important;gap:8px!important}
.compact-type-icon{width:36px;height:36px;flex:none;border:1px solid #ebe9ff;border-radius:10px;background:#f7f5ff;color:#6155ef;display:grid;place-items:center}.compact-type-icon svg{width:18px;height:18px}.compact-block-identity{appearance:none;border:0;background:transparent;min-width:0;flex:1;display:grid!important;gap:1px!important;text-align:left;padding:0;cursor:pointer}.compact-block-identity .block-type{font-size:8.5px!important;line-height:1.1;letter-spacing:.1em;color:#9aa0aa!important}.compact-block-identity strong{font-size:12.5px!important;line-height:1.32;max-width:100%!important;color:#30353e}.compact-block-identity>small{font-size:10.5px;line-height:1.35;color:#8b919c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.compact-head-actions{gap:3px!important;flex:none}.compact-head-actions .icon-btn{width:29px!important;height:29px!important;border-radius:8px!important;padding:0}.compact-head-actions .icon-btn:disabled{opacity:.28;cursor:not-allowed}.compact-head-actions .block-edit.active{background:#eeeaff;border-color:#d8d2ff;color:#564aec}.compact-visibility{min-width:42px;max-width:58px;padding:5px 6px!important;border-radius:7px!important;background:#f6f7f9!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-visibility:hover{background:#efeff4!important}.compact-block-card .drag-handle{width:20px}.compact-block-card:not([draggable="true"]) .drag-handle{cursor:grab;opacity:.55}.compact-block-card[draggable="true"] .drag-handle{color:#655af0}.compact-block-fields{padding:15px!important;gap:12px!important;background:#fff}.compact-editor-footer{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid #eef0f3;margin-top:3px}.compact-editor-footer .btn{min-width:72px}
.reorder-mode .compact-block-card{border-style:dashed;background:#fbfbfd}.reorder-mode .compact-block-head{background:#fbfbfd!important}.reorder-mode .block-edit,.reorder-mode .block-duplicate,.reorder-mode .block-delete,.reorder-mode .compact-visibility{opacity:.35;pointer-events:none}.reorder-mode .drag-handle{opacity:1!important;cursor:grab!important}.reorder-mode .compact-type-icon{background:#f1efff}.reorder-mode .compact-block-card.dragging{opacity:.45;transform:scale(.99)}
.social-group-icons{display:flex;align-items:center;gap:4px;margin-top:3px}.social-group-icons span,.social-group-icons b{width:24px;height:24px;border:1px solid #ebeef2;border-radius:8px;background:#fff;color:#5c6370;display:grid;place-items:center}.social-group-icons b{font-size:9px;color:#6b62e8;background:#f5f3ff;border-color:#e7e2ff}.social-group-icons svg{width:13px;height:13px}
.social-manager{padding:14px;background:#fff;display:grid;gap:12px}.social-manager-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-manager-intro>div{display:grid;gap:2px}.social-manager-intro strong{font-size:12.5px;color:#333841}.social-manager-intro span{font-size:10.5px;line-height:1.4;color:#8d939e}.social-add-network{white-space:nowrap}.social-network-picker{border:1px solid #e5e1ff;border-radius:12px;background:#faf9ff;padding:10px;display:grid;gap:9px}.social-network-picker>div{display:flex;align-items:center;justify-content:space-between}.social-network-picker>div strong{font-size:11px}.social-picker-close{width:28px;height:28px;border:0;border-radius:8px;background:#fff;color:#777e89;display:grid;place-items:center;cursor:pointer}.social-network-picker section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.social-network-picker section button{min-height:42px;border:1px solid #e8e6f1;border-radius:9px;background:#fff;color:#454b55;padding:7px;display:flex;align-items:center;gap:7px;font:700 10.5px var(--font-ui);cursor:pointer;min-width:0}.social-network-picker section button:hover{border-color:#d8d1ff;background:#f5f2ff;color:#564bec}.social-network-picker section button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-network-picker section svg{flex:none}
.social-manager-list{display:grid;gap:8px}.social-manager-row{min-height:66px;border:1px solid #e7e9ee;border-radius:11px;background:#fbfcfd;padding:8px;display:grid;grid-template-columns:34px 112px minmax(0,1fr) auto;align-items:end;gap:8px}.social-manager-icon{width:34px;height:42px;border-radius:9px;background:#f3f1ff;color:#5e53ec;display:grid;place-items:center;align-self:end}.social-manager-row label{display:grid;gap:4px;min-width:0}.social-manager-row label>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:#949aa5;font-weight:800}.social-manager-row select,.social-manager-row input{width:100%;height:42px;min-width:0;border:1px solid #dfe2e7;border-radius:9px;background:#fff;color:#343942;padding:0 9px;font:600 11px var(--font-ui);outline:none}.social-manager-row select:focus,.social-manager-row input:focus{border-color:#8b7cff;box-shadow:0 0 0 3px rgba(103,87,255,.09)}.social-row-actions{display:flex;align-items:center;gap:3px;align-self:end}.social-row-actions .icon-btn{width:29px;height:29px;padding:0;border-radius:8px;font-size:8px;font-weight:800}.social-row-actions .icon-btn:disabled{opacity:.25}.social-row-toggle{width:32px!important;color:#438a65!important}.social-row-toggle.is-hidden{color:#9b6670!important;background:#fff4f5!important}

@media(max-width:1180px){.compact-head-actions .block-duplicate{display:none}.compact-visibility{max-width:48px}.social-manager-row{grid-template-columns:32px 104px minmax(0,1fr) auto}.social-row-actions .icon-btn{width:27px;height:27px}}
@media(max-width:620px){
  .compact-block-menu{left:12px!important;right:12px!important;top:136px!important;width:auto!important;max-height:66vh}.block-menu-group>div{grid-template-columns:1fr 1fr}
  .profile-compact-card{margin:0 16px 12px}.profile-compact-card>summary{min-height:76px;padding:11px 12px;grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.profile-summary-avatar{width:48px;height:48px;border-radius:14px}.profile-summary-copy strong{font-size:13px}.profile-summary-copy em{font-size:10.5px}.profile-summary-edit{font-size:0}.profile-summary-edit svg{width:16px;height:16px}.profile-compact-card .compact-profile-editor{padding:13px}
  .compact-blocks-toolbar{margin:0 16px 10px;align-items:flex-start}.compact-blocks-toolbar>div:first-child{display:grid;gap:1px}.compact-toolbar-btn{padding:0 7px;font-size:9.5px}.compact-toolbar-btn svg{display:none}.compact-block-stack{margin-left:16px!important;margin-right:16px!important}
  .compact-block-head{min-height:68px!important;padding:8px!important;gap:6px!important}.compact-block-card .drag-handle{display:none}.compact-type-icon{width:32px;height:32px;border-radius:9px}.compact-block-identity strong{font-size:11.5px!important}.compact-block-identity>small{font-size:9.5px}.social-group-icons span,.social-group-icons b{width:21px;height:21px;border-radius:7px}.social-group-icons span:nth-child(n+6){display:none}.compact-head-actions{gap:2px!important}.compact-head-actions .icon-btn{width:27px!important;height:27px!important}.compact-head-actions .block-duplicate{display:none}.compact-visibility{display:none}.premium-tag{display:none}
  .social-manager{padding:11px}.social-manager-intro{align-items:flex-start}.social-manager-intro span{font-size:9.5px}.social-add-network{min-height:34px!important;padding:0 8px!important;font-size:10px!important}.social-network-picker section{grid-template-columns:1fr 1fr}.social-manager-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:end}.social-url-field{grid-column:1/-1}.social-manager-row .social-manager-icon{grid-column:1}.social-manager-row label:not(.social-url-field){grid-column:2}.social-row-actions{grid-column:3;grid-row:1}.social-row-actions .social-row-toggle{display:none}.social-url-field input{height:40px}
}


/* HiLink V12.6 — native Music & Audio player */
.hilink-music-player{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;padding:17px;border-radius:calc(var(--radius) + 5px);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--text) 8%);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--accent) 10%,var(--surface)));box-shadow:0 16px 44px rgba(10,6,24,.15),inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent);backdrop-filter:blur(18px);overflow:hidden;text-align:left;isolation:isolate}
.hilink-music-player::before{content:"";position:absolute;inset:-35% auto auto -8%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 68%);filter:blur(24px);pointer-events:none;z-index:-1}.hilink-music-player audio{display:none}.music-artwork{position:relative;aspect-ratio:1;border-radius:calc(var(--radius) - 1px);overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,#2b1450),color-mix(in srgb,var(--bg) 82%,#020107));border:1px solid color-mix(in srgb,#fff 16%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 20%,transparent);display:grid;place-items:center;color:#fff}.music-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.music-artwork-fallback{display:grid;place-items:center;opacity:.95}.music-artwork-fallback[hidden]{display:none}.music-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.38));pointer-events:none}.music-eq{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;height:18px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.music-eq b{width:3px;height:30%;border-radius:4px;background:#fff;opacity:.86;transform-origin:bottom}.hilink-music-player.is-playing .music-eq b{animation:hilinkEq .72s ease-in-out infinite alternate}.hilink-music-player.is-playing .music-eq b:nth-child(2){animation-delay:-.18s}.hilink-music-player.is-playing .music-eq b:nth-child(3){animation-delay:-.42s}.hilink-music-player.is-playing .music-eq b:nth-child(4){animation-delay:-.1s}.hilink-music-player.is-playing .music-eq b:nth-child(5){animation-delay:-.34s}.hilink-music-player.is-playing .music-eq b:nth-child(6){animation-delay:-.54s}@keyframes hilinkEq{0%{height:22%}100%{height:96%}}
.music-player-copy{min-width:0;display:grid;align-content:center;gap:7px}.music-eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.music-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.music-title-row>div{min-width:0;display:grid;gap:2px}.music-title-row strong{font-size:18px;line-height:1.15;letter-spacing:-.03em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-title-row span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-title-row em{font-style:normal;font-size:9px;color:var(--muted);white-space:nowrap}.music-progress-wrap{display:grid;gap:2px}.music-progress-wrap input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0}.music-progress-wrap input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:color-mix(in srgb,var(--text) 14%,transparent)}.music-progress-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);margin-top:-4px}.music-progress-wrap input[type=range]::-moz-range-track{height:3px;border-radius:99px;background:color-mix(in srgb,var(--text) 14%,transparent)}.music-progress-wrap input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--accent)}.music-time{display:flex;justify-content:space-between;font-size:8.5px;color:var(--muted);font-variant-numeric:tabular-nums}.music-controls{display:flex;align-items:center;gap:8px;min-width:0}.music-controls button{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:.2s ease}.music-controls button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.music-controls .music-play{width:42px;height:42px;border:0;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,#5a38ff),var(--accent));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 32%,transparent)}.music-icon-pause{display:none}.hilink-music-player.is-playing .music-icon-play{display:none}.hilink-music-player.is-playing .music-icon-pause{display:inline-flex}.music-wave-label{font-size:8.5px;color:var(--muted);margin-left:2px;white-space:nowrap}.music-external{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;color:var(--text);font-size:9px;font-weight:750;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--surface) 62%,transparent)}.music-external[hidden]{display:none}.music-waveform{height:14px;display:flex;align-items:center;gap:2px;opacity:.48;overflow:hidden;margin-top:1px}.music-waveform i{flex:1;min-width:1px;height:var(--h);max-height:100%;border-radius:3px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent))}.hilink-music-player.is-playing .music-waveform i{animation:hilinkWave 1.5s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -12ms)}@keyframes hilinkWave{to{height:calc(var(--h) * .42 + 18%)}}
.hilink-music-player.layout-compact{grid-template-columns:76px minmax(0,1fr);padding:12px;gap:13px}.hilink-music-player.layout-compact .music-title-row strong{font-size:15px}.hilink-music-player.layout-compact .music-waveform,.hilink-music-player.layout-compact .music-wave-label{display:none}.hilink-music-player.layout-compact .music-play{width:36px;height:36px}
.bio-page.tpl-musician .hilink-music-player{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:linear-gradient(135deg,rgba(34,9,57,.91),rgba(13,3,27,.92));box-shadow:0 0 34px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.08)}.bio-page.tpl-musician .hilink-music-player .music-artwork{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 34%,transparent)}
.preview-music{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.08);text-align:left}.preview-music-cover{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,#33205d),color-mix(in srgb,var(--surface) 70%,#06020d));color:#fff}.preview-music-cover img{width:100%;height:100%;object-fit:cover}.preview-music-copy{display:grid;align-content:center;gap:2px;min-width:0}.preview-music-copy>small{font-size:5.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:900}.preview-music-copy>strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-music-copy>span{font-size:6.5px}.preview-music-progress{height:2px;border-radius:99px;background:color-mix(in srgb,var(--text) 12%,transparent);margin-top:3px}.preview-music-progress i{display:block;width:43%;height:100%;border-radius:inherit;background:var(--accent)}.preview-music-controls{display:flex;align-items:center;gap:6px;margin-top:2px}.preview-music-controls b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#fff}.music-track-editor{border:1px solid #e8e9f2;border-radius:12px;background:#fff;margin-top:8px;overflow:hidden}.music-track-editor summary{list-style:none;cursor:pointer;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.music-track-editor summary::-webkit-details-marker{display:none}.music-track-editor summary span{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#1f2430}.music-track-editor summary small{max-width:145px;font-size:8px;color:#8c93a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-editor-grid{padding:0 10px 10px;display:grid;gap:8px}.music-editor-note{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#f6f2ff;color:#6b3bc4;font-size:9px;line-height:1.45;margin-top:7px}.media-audio-thumb{width:100%;height:100%;min-height:92px;display:grid;place-items:center;background:linear-gradient(145deg,#f0e8ff,#e9f4ff);color:#7652d7}.media-item .media-audio-thumb{min-height:112px}
.bio-page.border-motion.motion-target-blocks .hilink-music-player,.bio-page.border-motion.motion-target-both .hilink-music-player{position:relative;isolation:isolate}.bio-page.border-motion.motion-target-blocks .hilink-music-player::after,.bio-page.border-motion.motion-target-both .hilink-music-player::after{content:"";position:absolute;inset:-2px;z-index:4;pointer-events:none;border-radius:inherit;padding:var(--motion-width);background:conic-gradient(from var(--lf-motion-angle),transparent 0 78%,var(--motion-color) 88%,#fff 91%,var(--motion-color) 94%,transparent 99%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--motion-alpha);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--motion-color) 55%,transparent));animation:lfBorderMotion var(--motion-duration) linear infinite}
@media(max-width:560px){.hilink-music-player{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px}.music-title-row strong{font-size:14px}.music-title-row span{font-size:9.5px}.music-eyebrow{font-size:7.5px}.music-controls{gap:5px}.music-controls button{width:27px;height:27px}.music-controls .music-play{width:36px;height:36px}.music-wave-label{display:none}.music-external{padding:6px 7px}.music-external span{display:none}.music-waveform{height:10px}.hilink-music-player.layout-compact{grid-template-columns:66px minmax(0,1fr)}}


/* HiLink V12.7 — premium native music player + Spotify picker */
.hilink-music-player{grid-template-columns:108px minmax(0,1fr)!important;gap:16px!important;padding:16px!important;border-radius:calc(var(--radius) + 4px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--accent) 8%,var(--surface)))!important;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)!important;box-shadow:0 18px 50px rgba(5,3,18,.2),inset 0 1px 0 rgba(255,255,255,.08)!important}
.hilink-music-player .music-artwork{border-radius:calc(var(--radius) - 2px)!important;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 24%,transparent)!important;overflow:hidden}.hilink-music-player .music-artwork:after{background:linear-gradient(180deg,transparent 58%,rgba(3,1,12,.45))!important}.music-artwork-glow{position:absolute;inset:auto 12% -12% 12%;height:30%;background:var(--accent);filter:blur(20px);opacity:.35;z-index:2}.hilink-music-player .music-eq{display:none!important}
.music-player-copy{gap:8px!important}.music-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.music-source-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted);font-size:8px;white-space:nowrap}.music-source-badge b{font:800 8px/1 inherit}.source-spotify .music-source-badge{color:#1ed760;background:rgba(30,215,96,.1)}
.music-title-row strong{font-size:20px!important;letter-spacing:-.035em!important}.music-title-row span{font-size:11px!important}.music-title-row em{font-size:8.5px!important}.music-progress-wrap{gap:3px!important}.music-progress-wrap input[type=range]{height:12px!important}.music-progress-wrap input[type=range]::-webkit-slider-runnable-track{height:4px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 62%,transparent),color-mix(in srgb,var(--text) 12%,transparent))!important}.music-time{font-size:8px!important}.music-controls{justify-content:space-between!important;margin-top:1px}.music-control-cluster{display:flex;align-items:center;gap:8px}.music-controls button{width:32px!important;height:32px!important;background:transparent!important;border:0!important;color:var(--muted)!important}.music-controls button:hover{color:var(--text)!important;background:color-mix(in srgb,var(--text) 7%,transparent)!important}.music-controls .music-play{width:44px!important;height:44px!important;color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 78%,#6a39ff),var(--accent))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,transparent)!important}.music-external{margin-left:0!important;border-radius:999px!important;padding:7px 10px!important}.music-waveform{height:10px!important;gap:2px!important;opacity:.28!important;margin-top:2px!important}.music-waveform i{max-width:4px}.music-spotify-zone iframe{display:block;width:100%;height:80px;border:0;border-radius:12px;background:transparent}.music-spotify-zone{margin-top:2px}.music-native-zone[hidden],.music-spotify-zone[hidden]{display:none!important}
.hilink-music-player.layout-compact{grid-template-columns:72px minmax(0,1fr)!important;padding:11px!important;gap:12px!important}.hilink-music-player.layout-compact .music-title-row strong{font-size:15px!important}.hilink-music-player.layout-compact .music-meta-row{gap:5px}.hilink-music-player.layout-compact .music-source-badge{padding:3px 6px}.hilink-music-player.layout-compact .music-controls .music-play{width:36px!important;height:36px!important}.hilink-music-player.layout-compact .music-spotify-zone iframe{height:80px}
.bio-page.tpl-musician .hilink-music-player{background:linear-gradient(145deg,rgba(28,8,48,.96),rgba(10,3,22,.95))!important;border-color:color-mix(in srgb,var(--accent) 58%,transparent)!important;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important}
.music-upload-limit{margin-top:-3px;color:#8b91a2;font-size:8.5px}.spotify-selected-track{display:grid;grid-template-columns:52px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:9px;border:1px solid #dff5e6;border-radius:12px;background:#f6fff9}.spotify-selected-track img,.spotify-selected-track>span{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#e8fff0;display:grid;place-items:center;color:#1db954}.spotify-selected-track div{min-width:0;display:grid;gap:2px}.spotify-selected-track small{font-size:8px;font-weight:900;text-transform:uppercase;color:#1a9c50;letter-spacing:.08em}.spotify-selected-track strong,.spotify-selected-track em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-selected-track strong{font-size:11px}.spotify-selected-track em{font-style:normal;font-size:9px;color:#777e8d}.spotify-track-empty{display:flex;align-items:center;gap:11px;padding:12px;border:1px dashed #cfd6df;border-radius:12px;background:#fafbfc;color:#5d6574}.spotify-track-empty>span{color:#1db954}.spotify-track-empty div{display:grid;gap:2px}.spotify-track-empty strong{font-size:10.5px}.spotify-track-empty small{font-size:8.5px;line-height:1.4}.spotify-pick-btn,.spotify-connect-btn{border:0;border-radius:10px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1ed760;color:#08150d;font-weight:850;cursor:pointer;text-decoration:none}.spotify-pick-btn:hover,.spotify-connect-btn:hover{background:#24e66b}.spotify-picker-panel{position:relative;z-index:2;width:min(720px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 36px));overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(15,18,30,.26);display:grid;grid-template-rows:auto minmax(0,1fr)}.spotify-picker-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eceef3}.spotify-picker-panel>header>div{display:flex;align-items:center;gap:11px}.spotify-brand-mark{width:42px;height:42px;border-radius:13px;background:#e9fff1;color:#1db954;display:grid;place-items:center}.spotify-picker-panel header strong{font-size:15px}.spotify-picker-panel header small{display:block;color:#838999;font-size:10px;margin-top:2px}.spotify-picker-panel #spotifyPickerBody{min-height:0;overflow:auto;padding:18px}.spotify-connect-state{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px}.spotify-connect-state>span{width:72px;height:72px;border-radius:50%;background:#e9fff1;color:#1db954;display:grid;place-items:center}.spotify-connect-state h3{margin:4px 0 0}.spotify-connect-state p{max-width:470px;margin:0;color:#72798a;line-height:1.55}.spotify-picker-tools{display:grid;gap:13px;margin-bottom:14px}.spotify-account-chip{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:#f5fff8;color:#1b8d4a}.spotify-account-chip>span{display:grid;line-height:1.15}.spotify-account-chip small{font-size:7px;text-transform:uppercase;letter-spacing:.08em}.spotify-account-chip strong{font-size:10px}.spotify-account-chip button{margin-left:auto;border:0;background:transparent;color:#707787;font-size:9px;cursor:pointer}.spotify-picker-tabs{display:flex;gap:6px}.spotify-picker-tabs button{height:34px;padding:0 12px;border-radius:9px;border:1px solid #e0e3e9;background:#fff;color:#626979;font-weight:750;cursor:pointer}.spotify-picker-tabs button.active{border-color:#1ed760;background:#effff4;color:#148742}.spotify-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.spotify-search-row input{height:42px;border:1px solid #dfe2e9;border-radius:10px;padding:0 12px;outline:0}.spotify-search-row button{border:0;border-radius:10px;padding:0 16px;background:#20242d;color:#fff;font-weight:800}.spotify-track-results{display:grid;gap:7px}.spotify-track-row{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px;text-align:left;border:1px solid #eceef3;border-radius:12px;background:#fff;cursor:pointer}.spotify-track-row:hover{border-color:#b7edc8;background:#f8fff9}.spotify-track-row img,.spotify-track-row>span{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#e9fff1;color:#1db954;display:grid;place-items:center}.spotify-track-row div{min-width:0;display:grid;gap:3px}.spotify-track-row strong,.spotify-track-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-track-row strong{font-size:11px;color:#20242d}.spotify-track-row small{font-size:9px;color:#7d8493}.spotify-track-row em{font-style:normal;color:#1b9a50;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;padding:7px}.spotify-loading,.spotify-empty-search,.spotify-error-state{padding:30px;text-align:center;color:#7b8290}.spotify-error-state{display:grid;gap:4px;color:#a33}.preview-music-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.preview-music-top em{font-style:normal;font-size:5px;display:flex;align-items:center;gap:2px;color:var(--muted)}.preview-spotify-bar{margin-top:5px;height:18px;border-radius:6px;background:#1ed760;color:#0a2514;display:flex;align-items:center;justify-content:center;gap:3px;font-size:6px;font-weight:850}
@media(max-width:560px){.hilink-music-player{grid-template-columns:78px minmax(0,1fr)!important;gap:11px!important;padding:11px!important}.music-title-row strong{font-size:14px!important}.music-source-badge b{display:none}.music-controls .music-play{width:38px!important;height:38px!important}.music-external span{display:none}.music-waveform{display:none}.music-spotify-zone iframe{height:80px}.spotify-picker-panel{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:18px}.spotify-picker-panel #spotifyPickerBody{padding:12px}}

/* HiLink V12.8 — premium music system / dynamic track editor */
.hilink-music-player{position:relative;isolation:isolate;overflow:hidden;display:grid!important;grid-template-columns:122px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;border-radius:calc(var(--radius) + 6px)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,#05020b),color-mix(in srgb,var(--accent) 10%,var(--surface)))!important;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)!important;box-shadow:0 24px 65px rgba(4,2,14,.28),inset 0 1px 0 rgba(255,255,255,.09)!important}
.hilink-music-player::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% -12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 45%);pointer-events:none}
.music-ambient{position:absolute;z-index:-2;width:300px;height:300px;right:-110px;top:-120px;background-position:center;background-size:cover;filter:blur(54px) saturate(1.35);opacity:.19;transform:scale(1.08);pointer-events:none}.hilink-music-player.source-spotify .music-ambient{opacity:.13}
.hilink-music-player .music-artwork{position:relative!important;width:122px!important;height:122px!important;align-self:center;border-radius:calc(var(--radius) + 1px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 58%,#301160),color-mix(in srgb,var(--surface) 88%,#030107))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 28px color-mix(in srgb,var(--accent) 18%,transparent)!important;overflow:hidden}
.hilink-music-player .music-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hilink-music-player .music-artwork:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 48%,rgba(2,1,8,.45));pointer-events:none}.music-artwork-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#fff;opacity:.94}.music-artwork-fallback[hidden]{display:none}.music-artwork-glow{position:absolute;z-index:0;inset:18%;border-radius:50%;background:var(--accent);filter:blur(24px);opacity:.36}
.music-artwork-status{position:absolute;z-index:3;left:11px;right:11px;bottom:10px;height:15px;display:flex;align-items:flex-end;justify-content:flex-end;gap:3px;opacity:.82}.music-artwork-status i{display:block;width:3px;height:22%;border-radius:4px;background:#fff;transform-origin:bottom}.hilink-music-player.is-playing .music-artwork-status i{animation:hlMusicBars .7s ease-in-out infinite alternate}.hilink-music-player.is-playing .music-artwork-status i:nth-child(2){animation-delay:-.2s}.hilink-music-player.is-playing .music-artwork-status i:nth-child(3){animation-delay:-.42s}.hilink-music-player.is-playing .music-artwork-status i:nth-child(4){animation-delay:-.12s}@keyframes hlMusicBars{to{height:100%}}
.music-player-copy{position:relative;z-index:1;min-width:0;display:grid;align-content:center;gap:9px!important}.music-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.music-eyebrow{font-size:9px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--accent)!important}.music-source-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:color-mix(in srgb,var(--surface) 54%,transparent);backdrop-filter:blur(10px);color:var(--muted);font-size:8px;white-space:nowrap}.music-source-badge b{font:800 8px/1 inherit}.source-spotify .music-source-badge{color:#35df79;border-color:rgba(53,223,121,.15);background:rgba(30,215,96,.08)}
.music-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.music-title-row>div{min-width:0;display:grid;gap:3px}.music-title-row strong{font-size:22px!important;line-height:1.08!important;letter-spacing:-.045em!important;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-title-row span{font-size:11.5px!important;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-title-row em{font-style:normal;font-size:8px!important;font-weight:850;color:var(--muted);white-space:nowrap;padding-top:4px}
.music-native-zone{display:grid;gap:8px}.music-progress-wrap{display:grid;gap:3px!important}.music-progress-wrap input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px!important;margin:0;background:transparent;cursor:pointer}.music-progress-wrap input[type=range]::-webkit-slider-runnable-track{height:4px!important;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#fff),color-mix(in srgb,var(--text) 13%,transparent))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.music-progress-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent),0 3px 10px rgba(0,0,0,.22);margin-top:-4px}.music-progress-wrap input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--text) 13%,transparent)}.music-progress-wrap input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.music-progress-wrap input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--accent);border-radius:50%;background:#fff}.music-time{display:flex;justify-content:space-between;font-size:8px!important;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.music-transport{display:flex;align-items:center;gap:7px;min-width:0}.music-transport button{width:32px;height:32px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.music-transport button:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent);transform:translateY(-1px)}.music-transport .music-play{width:48px;height:48px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#643bff),var(--accent));box-shadow:0 9px 25px color-mix(in srgb,var(--accent) 36%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}.music-transport .music-play:hover{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#704bff),color-mix(in srgb,var(--accent) 90%,#fff));transform:translateY(-1px) scale(1.015)}.music-icon-pause{display:none}.hilink-music-player.is-playing .music-icon-play{display:none}.hilink-music-player.is-playing .music-icon-pause{display:inline-flex}.music-playing-label{min-width:0;margin-left:4px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8.5px}.music-playing-label i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.hilink-music-player.is-playing .music-playing-label i{animation:hlMusicPulse 1.15s ease-in-out infinite}@keyframes hlMusicPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 3%,transparent)}}.music-playing-label b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-external{margin-left:auto!important;display:inline-flex;align-items:center;gap:5px;padding:7px 10px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)!important;background:color-mix(in srgb,var(--surface) 58%,transparent)!important;color:var(--text)!important;font-size:8.5px!important;font-weight:800;text-decoration:none;white-space:nowrap}.music-external:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important}.music-external[hidden]{display:none}
.music-waveform{height:13px!important;display:flex;align-items:center;gap:2px;opacity:.32!important;overflow:hidden;margin-top:0!important}.music-waveform i{flex:1;min-width:1px;max-width:4px;height:var(--h);max-height:100%;border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 95%,#fff),color-mix(in srgb,var(--accent) 26%,transparent))}.hilink-music-player.is-playing .music-waveform i{animation:hilinkWave 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -10ms)}
.music-spotify-zone{margin-top:2px}.music-spotify-zone iframe{display:block;width:100%;height:88px;border:0;border-radius:12px;background:transparent}.music-native-zone[hidden],.music-spotify-zone[hidden]{display:none!important}
.hilink-music-player.layout-compact{grid-template-columns:78px minmax(0,1fr)!important;gap:13px!important;padding:12px!important}.hilink-music-player.layout-compact .music-artwork{width:78px!important;height:78px!important}.hilink-music-player.layout-compact .music-artwork-status,.hilink-music-player.layout-compact .music-waveform,.hilink-music-player.layout-compact .music-playing-label{display:none}.hilink-music-player.layout-compact .music-title-row strong{font-size:16px!important}.hilink-music-player.layout-compact .music-title-row span{font-size:9.5px!important}.hilink-music-player.layout-compact .music-transport .music-play{width:38px;height:38px}.hilink-music-player.layout-compact .music-transport button{width:27px;height:27px}.hilink-music-player.layout-compact .music-external span{display:none}.hilink-music-player.layout-compact .music-spotify-zone iframe{height:80px}
.bio-page.tpl-musician .hilink-music-player{background:linear-gradient(145deg,rgba(30,8,52,.97),rgba(9,2,22,.97))!important;border-color:color-mix(in srgb,var(--accent) 54%,transparent)!important;box-shadow:0 24px 64px rgba(5,0,15,.42),0 0 34px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important}.bio-page.tpl-musician .music-transport .music-play{box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}

/* Dynamic track manager — no Track 1..5 placeholders */
.music-track-manager{display:grid;gap:10px;margin-top:12px}.music-track-manager-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.music-track-manager-head>div{display:grid;gap:2px}.music-track-manager-head strong{font-size:11px;color:#212633}.music-track-manager-head span{font-size:8.5px;color:#8a91a1}.music-track-list{display:grid;gap:8px}.music-track-editor{border:1px solid #e4e7ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(31,36,48,.025)}.music-track-editor[open]{border-color:#d9d5ff;box-shadow:0 8px 22px rgba(91,70,235,.065)}.music-track-editor summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;gap:9px;align-items:center;padding:10px 10px;cursor:pointer;background:linear-gradient(180deg,#fff,#fbfbfd)}.music-track-editor summary::-webkit-details-marker{display:none}.music-track-summary-icon{width:34px;height:34px;border-radius:10px;background:#f3efff;color:#6d50ea;display:grid;place-items:center}.music-track-summary-copy{min-width:0;display:grid;gap:2px}.music-track-summary-copy strong,.music-track-summary-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-summary-copy strong{font-size:10.5px;color:#202532}.music-track-summary-copy small{font-size:8.5px;color:#8a91a0}.music-track-status{padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.music-track-status.ready{background:#eafff1;color:#1c9c4f}.music-track-status.draft{background:#fff6df;color:#ad7618}.music-remove-track{width:30px!important;height:30px!important}.music-track-editor-grid{display:grid;grid-template-columns:1fr;gap:9px;padding:11px;border-top:1px solid #eceef3;background:#fff}.music-track-empty-state{display:grid;justify-items:center;text-align:center;gap:6px;padding:22px 18px;border:1px dashed #d9dce5;border-radius:14px;background:linear-gradient(180deg,#fbfbfe,#f8f8fc);color:#757c8b}.music-track-empty-state>span{width:48px;height:48px;border-radius:14px;background:#f0ebff;color:#6d50ea;display:grid;place-items:center}.music-track-empty-state strong{font-size:11px;color:#252a36}.music-track-empty-state small{max-width:290px;font-size:8.5px;line-height:1.5}.music-track-empty-state .btn{margin-top:3px}.music-editor-note{line-height:1.5}

/* Live preview approximation of the new player */
.preview-music.v128{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:52px minmax(0,1fr)!important;padding:7px!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 8px 20px rgba(9,4,24,.14)}.preview-music-ambient{position:absolute;z-index:-1;right:-35px;top:-40px;width:120px;height:120px;background-size:cover;background-position:center;filter:blur(25px);opacity:.16}.preview-music.v128 .preview-music-cover{width:52px;height:52px;border-radius:9px;overflow:hidden}.preview-music.v128 .preview-music-copy{gap:2px}.preview-music.v128 .preview-music-copy>strong{font-size:7.5px;line-height:1.1}.preview-music.v128 .preview-music-copy>span{font-size:5.5px}.preview-music.v128 .preview-music-progress{height:2px;margin-top:2px}.preview-music.v128 .preview-music-controls{display:flex;align-items:center;gap:5px;margin-top:1px}.preview-music.v128 .preview-music-controls b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff}.preview-music.v128 .preview-music-controls span{display:grid;place-items:center;color:var(--muted)}.preview-music.v128 .preview-music-controls small{margin-left:auto;font-size:4.5px;color:var(--muted)}.preview-music-empty{display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed color-mix(in srgb,var(--text) 12%,transparent)}.preview-music-empty>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.preview-music-empty>div{display:grid;gap:2px}.preview-music-empty strong{font-size:7px}.preview-music-empty small{font-size:5px}

@media(max-width:560px){.hilink-music-player{grid-template-columns:86px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}.hilink-music-player .music-artwork{width:86px!important;height:86px!important}.music-title-row strong{font-size:16px!important}.music-title-row span{font-size:9.5px!important}.music-eyebrow{font-size:7px!important}.music-source-badge b{display:none}.music-transport{gap:4px}.music-transport button{width:27px;height:27px}.music-transport .music-play{width:40px;height:40px}.music-playing-label{display:none}.music-external{padding:6px 7px!important}.music-external span{display:none}.music-waveform{height:9px!important}.hilink-music-player.layout-compact{grid-template-columns:64px minmax(0,1fr)!important}.hilink-music-player.layout-compact .music-artwork{width:64px!important;height:64px!important}.music-track-editor summary{grid-template-columns:32px minmax(0,1fr) auto 28px}.music-track-status{display:none}}

/* === HiLink V12.8.1 — approved verification rosette ===
   Uses the platform's official transparent badge artwork instead of the old circular dot. */
.display-name-line,.preview-name-line{gap:6px!important}
.verified-badge{
  width:18px!important;height:18px!important;flex:0 0 18px!important;
  margin-left:1px!important;position:relative!important;top:1px!important;
  display:inline-block!important;align-self:center!important;
  border-radius:0!important;background-color:transparent!important;
  background-image:url('brand/verified-badge.png')!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  box-shadow:none!important;overflow:visible!important;
}
.verified-badge svg{display:none!important}
.verified-badge.preview-verified{
  width:15px!important;height:15px!important;flex-basis:15px!important;
  margin-left:0!important;top:1px!important;
}
.verified-badge.mini{
  width:14px!important;height:14px!important;flex:0 0 14px!important;
  margin-left:5px!important;top:2px!important;vertical-align:middle!important;
}
@media(max-width:620px){
  .verified-badge{width:17px!important;height:17px!important;flex-basis:17px!important;top:1px!important}
  .verified-badge.preview-verified{width:14px!important;height:14px!important;flex-basis:14px!important}
}

/* ===== HiLink V12.8.2 — SaaS Admin spacing, card rhythm & control polish ===== */
.saas-admin-body{
  --admin-surface:#ffffff;
  --admin-surface-soft:#f8fafc;
  --admin-line:#e2e8f0;
  --admin-line-soft:#edf1f5;
  --admin-text:#172033;
  --admin-muted:#758196;
  --admin-card-radius:20px;
  --admin-card-pad:28px;
  --admin-field-height:48px;
  --admin-section-gap:24px;
}
.saas-admin-body .saas-admin-main,
.saas-admin-body .saas-admin-sidebar~.app-main{padding-top:38px!important;padding-inline:clamp(28px,3.2vw,48px)!important}
.saas-admin-body .saas-admin-page-head,
.saas-admin-body .app-top{margin-bottom:30px;gap:28px}
.saas-admin-body .saas-admin-page-head h1,
.saas-admin-body .app-top h1{line-height:1.1;margin-bottom:10px}
.saas-admin-body .saas-admin-page-head>div:first-child>p:last-child,
.saas-admin-body .app-top>div>p:last-child{line-height:1.65;max-width:780px}

/* Unified card geometry across every SaaS Control Center section. */
.saas-admin-body .content-card{
  border:1px solid var(--admin-line)!important;
  border-radius:var(--admin-card-radius)!important;
  background:var(--admin-surface)!important;
  box-shadow:0 10px 34px rgba(18,38,68,.045)!important;
}
.saas-admin-body .card-head{
  min-height:88px;
  padding:24px var(--admin-card-pad) 22px!important;
  gap:22px!important;
  align-items:flex-start;
  border-bottom:1px solid var(--admin-line-soft)!important;
}
.saas-admin-body .card-head h2{font-size:19px;line-height:1.28;margin:0 0 7px;color:var(--admin-text)}
.saas-admin-body .card-head p{font-size:13.5px;line-height:1.6;color:var(--admin-muted);margin:0}
.saas-admin-body .card-body,
.saas-admin-body .card-form{padding:24px var(--admin-card-pad) 28px!important}

/* Forms: consistent distance from the card edge and between every field. */
.saas-admin-body .saas-admin-form{padding:24px var(--admin-card-pad) 28px;gap:20px}
.saas-admin-body .saas-admin-form label,
.saas-admin-body .card-form label,
.saas-admin-body .mail-settings-form label,
.saas-admin-body .coupon-create-form label,
.saas-admin-body .homepage-fields label{display:grid;gap:9px;color:#354155;font-size:13px;line-height:1.4;font-weight:700}
.saas-admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.saas-admin-body select,
.saas-admin-body textarea{
  min-height:var(--admin-field-height);
  padding:11px 14px;
  border:1px solid #d7dee8;
  border-radius:12px;
  background:#fff;
  color:#172033;
  font-size:14px;
  line-height:1.45;
  box-shadow:0 1px 2px rgba(16,24,40,.018);
}
.saas-admin-body textarea{min-height:118px;padding-top:13px;resize:vertical}
.saas-admin-body input::placeholder,.saas-admin-body textarea::placeholder{color:#9ca6b5}
.saas-admin-body input:focus,.saas-admin-body select:focus,.saas-admin-body textarea:focus{border-color:#7d73ff;box-shadow:0 0 0 4px rgba(99,91,255,.09)}
.saas-admin-body .form-grid{gap:18px 20px}
.saas-admin-body .check-row{min-height:34px;gap:9px!important;color:#344054;font-size:13px!important;line-height:1.45}
.saas-admin-body .check-row input[type="checkbox"]{width:16px!important;height:16px!important;flex:0 0 16px;accent-color:#635bff}
.saas-admin-body .saas-admin-form>.btn,
.saas-admin-body .card-form>.btn{min-height:46px;margin-top:2px}

/* Payment providers / integrations / system two-column cards. */
.saas-admin-body .saas-admin-two-col{gap:24px;margin-bottom:24px;align-items:start}
.saas-admin-body .saas-admin-two-col>.content-card{min-width:0}
.saas-admin-body .content-card>.saas-kpi-list{padding:4px var(--admin-card-pad) 16px}
.saas-admin-body .saas-kpi-list>div{padding:16px 0;gap:22px}
.saas-admin-body .saas-kpi-list span{font-size:13.5px;line-height:1.45}
.saas-admin-body .saas-kpi-list strong{font-size:13.5px;line-height:1.45}
.saas-admin-body .content-card>form:not(.saas-admin-form):not(.card-form):not(.message-reply-form):not(.mail-settings-form){margin:0 var(--admin-card-pad) 26px}
.saas-admin-body .settings-help{margin-top:2px;padding:13px 14px;border-radius:12px;line-height:1.55}

/* Dashboard / overview content gets real card-body breathing room. */
.saas-admin-body .content-card>.saas-quick-grid{padding:20px 24px 24px;gap:12px}
.saas-admin-body .saas-quick-grid a{padding:14px;border-radius:14px;gap:11px;min-height:64px}
.saas-admin-body .saas-quick-grid a strong{font-size:13px;line-height:1.35}
.saas-admin-body .saas-quick-grid a small{font-size:11px;line-height:1.4;margin-top:2px}
.saas-admin-body .content-card>.saas-table-list{padding:0 24px 14px}
.saas-admin-body .saas-table-list>div{padding:15px 4px;gap:12px}
.saas-admin-body .saas-table-list strong{font-size:13px;line-height:1.35}
.saas-admin-body .saas-table-list small{font-size:11px;line-height:1.4;margin-top:3px}

/* Statistics cards. */
.saas-admin-body .saas-stat-grid{gap:18px;margin-bottom:24px}
.saas-admin-body .saas-stat-card{padding:22px;border-radius:18px;gap:15px;min-height:104px}
.saas-admin-body .saas-stat-card>span{width:42px;height:42px;border-radius:13px}
.saas-admin-body .saas-stat-card div{gap:5px}
.saas-admin-body .saas-stat-card small{font-size:11.5px;line-height:1.35}
.saas-admin-body .saas-stat-card strong{font-size:24px;line-height:1.12}
.saas-admin-body .saas-stat-card p{font-size:11.5px;line-height:1.4}

/* Plan Engine: fields and capabilities no longer hug the edges. */
.saas-admin-body .saas-plan-grid{gap:24px}
.saas-admin-body .saas-plan-card{gap:20px;padding-bottom:28px}
.saas-admin-body .saas-plan-card>.form-grid,
.saas-admin-body .saas-plan-card>.saas-capability-grid{margin-inline:var(--admin-card-pad)}
.saas-admin-body .saas-plan-card>.form-grid{margin-top:2px}
.saas-admin-body .saas-plan-card>.saas-capability-grid{gap:10px 14px;padding:18px 0 2px;border-top:1px solid var(--admin-line-soft)}
.saas-admin-body .saas-plan-card>.saas-capability-grid .check-row{padding:10px 12px!important;border:1px solid #e8edf3;border-radius:12px;background:#fafbfd;min-height:44px}
.saas-admin-body .saas-plan-card>.btn{margin:0 var(--admin-card-pad);min-height:46px}

/* Coupon, user, member-access, payment, subscription and domain lists. */
.saas-admin-body .content-card>.saas-coupon-list{padding:0 24px 16px}
.saas-admin-body .saas-coupon-list>div{padding:16px 4px;gap:14px}
.saas-admin-body .saas-coupon-list strong{font-size:13.5px;line-height:1.35}
.saas-admin-body .saas-coupon-list small{font-size:11.5px;line-height:1.4;margin-top:3px}
.saas-admin-body .content-card>.saas-users-table,
.saas-admin-body .content-card>.saas-data-table{padding:0 22px 18px}
.saas-admin-body .saas-users-head,
.saas-admin-body .saas-data-table>.head{padding-top:14px;padding-bottom:12px}
.saas-admin-body .saas-users-table article,
.saas-admin-body .saas-data-table>div:not(.head){padding-top:16px;padding-bottom:16px;line-height:1.45}
.saas-admin-body .saas-user-ident{gap:12px}
.saas-admin-body .saas-user-ident small,
.saas-admin-body .saas-data-table small{font-size:11px;line-height:1.4;margin-top:3px}
.saas-admin-body .member-access-list{padding:4px 24px 18px}
.saas-admin-body .member-access-row{padding:17px 4px;gap:16px}
.saas-admin-body .member-access-user{gap:12px}
.saas-admin-body .member-access-user strong{font-size:13.5px;line-height:1.35}
.saas-admin-body .member-access-user small{font-size:11.5px;line-height:1.4;margin-top:2px}
.saas-admin-body .admin-feature-toggle{padding:8px 10px;border:1px solid #e9edf3;border-radius:12px;background:#fafbfd}
.saas-admin-body .admin-feature-toggle>span{gap:2px}
.saas-admin-body .admin-feature-toggle strong{font-size:12px;line-height:1.35}
.saas-admin-body .admin-feature-toggle small{font-size:10.5px;line-height:1.35}

/* Messages, invoices, footer/CMS and homepage cards share the same rhythm. */
.saas-admin-body .message-metrics{gap:14px;margin-bottom:22px}
.saas-admin-body .message-metrics a{padding:18px;border-radius:16px}
.saas-admin-body .message-center-layout{gap:22px}
.saas-admin-body .message-list-item{padding:15px 18px;gap:12px}
.saas-admin-body .message-thread-head{padding:24px 26px}
.saas-admin-body .message-original{padding:26px}
.saas-admin-body .message-reply-form{padding:22px 26px 26px}
.saas-admin-body .mail-settings-card summary{padding:20px 24px}
.saas-admin-body .mail-settings-form{padding:2px 24px 26px;gap:18px}
.saas-admin-body .homepage-inspector-card{padding:22px}
.saas-admin-body .cms-page-library>.v12-section-switcher,
.saas-admin-body .cms-page-library>.v12-page-buttons,
.saas-admin-body .cms-page-library>.cms-new-page{margin-inline:22px}
.saas-admin-body .cms-page-library>.v12-section-switcher{margin-top:20px}
.saas-admin-body .cms-page-library>.cms-new-page{margin-bottom:22px}

/* Buttons and status elements use a little more room in admin only. */
.saas-admin-body .btn{border-radius:12px}
.saas-admin-body .btn:not(.small){min-height:46px;padding-inline:18px}
.saas-admin-body .status-pill{padding:7px 10px;font-size:11px;line-height:1.15}
.saas-admin-body .app-alert{margin-bottom:22px;padding:14px 16px;line-height:1.5}

@media(max-width:1280px){
  .saas-admin-body .saas-admin-two-col{grid-template-columns:1fr}
  .saas-admin-body .saas-plan-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .saas-admin-body{--admin-card-pad:22px}
  .saas-admin-body .saas-admin-main,.saas-admin-body .saas-admin-sidebar~.app-main{padding:26px 18px 52px!important}
  .saas-admin-body .card-head{min-height:0;padding:21px var(--admin-card-pad) 19px!important}
  .saas-admin-body .saas-admin-form{padding:21px var(--admin-card-pad) 24px}
  .saas-admin-body .saas-stat-grid{gap:12px}
}
@media(max-width:560px){
  .saas-admin-body{--admin-card-pad:18px;--admin-card-radius:17px;--admin-field-height:46px}
  .saas-admin-body .form-grid{grid-template-columns:1fr!important;gap:15px}
  .saas-admin-body .saas-plan-card>.saas-capability-grid{grid-template-columns:1fr}
  .saas-admin-body .content-card>.saas-users-table,.saas-admin-body .content-card>.saas-data-table{padding-inline:12px}
  .saas-admin-body .member-access-list{padding-inline:16px}
  .saas-admin-body .saas-stat-card{padding:18px;min-height:94px}
}


/* ===== HiLink V12.8.4 — compact neon glass music player ===== */
.hilink-music-player.glass-v1284{
  --music-progress:0%;
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  min-height:148px!important;
  width:100%!important;
  padding:22px 24px 18px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    linear-gradient(125deg,rgba(244,114,182,.58) 0%,rgba(34,211,238,.48) 48%,rgba(168,85,247,.60) 100%),
    linear-gradient(135deg,color-mix(in srgb,var(--accent) 62%,transparent),color-mix(in srgb,var(--accent) 22%,transparent))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 20px 48px rgba(45,12,78,.24),
    0 8px 22px color-mix(in srgb,var(--accent) 16%,transparent),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(28px) saturate(180%) contrast(1.03)!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%) contrast(1.03)!important;
}
.hilink-music-player.glass-v1284::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.08) 20%,transparent 43%),
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.24),transparent 31%),
    radial-gradient(circle at 88% 105%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 42%)!important;
}
.hilink-music-player.glass-v1284::after{
  content:"";position:absolute;inset:1px;border-radius:27px;z-index:4;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 18px 28px rgba(255,255,255,.05);
}
.hilink-music-player.glass-v1284 .music-ambient{
  display:block!important;position:absolute!important;z-index:-2!important;inset:-28%!important;width:auto!important;height:auto!important;
  background-position:center!important;background-size:cover!important;filter:blur(58px) saturate(1.55)!important;opacity:.13!important;transform:scale(1.12)!important;
}
.hilink-music-player.glass-v1284 .music-artwork{display:none!important}
.hilink-music-player.glass-v1284 .music-player-copy{position:relative!important;z-index:2!important;display:block!important;min-width:0!important;color:#fff!important}
.hilink-music-player.glass-v1284 .music-meta-row{display:none!important}
.hilink-music-player.glass-v1284 .music-title-row{display:flex!important;align-items:center!important;min-height:56px!important;padding-right:176px!important;margin:0 0 18px!important;gap:0!important}
.hilink-music-player.glass-v1284 .music-title-row>div{display:flex!important;flex-direction:row-reverse!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important}
.hilink-music-player.glass-v1284 .music-title-row>div span::after{content:" –";white-space:pre}
.hilink-music-player.glass-v1284 .music-title-row strong,
.hilink-music-player.glass-v1284 .music-title-row span{
  display:block!important;margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.hilink-music-player.glass-v1284 .music-title-row span{max-width:45%;opacity:.96!important}
.hilink-music-player.glass-v1284 .music-title-row strong{max-width:55%}
.hilink-music-player.glass-v1284 .music-title-row>em{display:none!important}
.hilink-music-player.glass-v1284 .music-native-zone{display:block!important}
.hilink-music-player.glass-v1284 .music-native-zone[hidden],.hilink-music-player.glass-v1284 .music-spotify-zone[hidden]{display:none!important}
.hilink-music-player.glass-v1284 .music-transport{
  position:absolute!important;top:0!important;right:0!important;display:flex!important;align-items:center!important;gap:10px!important;z-index:3!important;
}
.hilink-music-player.glass-v1284 .music-transport button{
  width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  color:rgba(255,255,255,.82)!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;transition:transform .18s ease,opacity .18s ease,background .18s ease!important;
}
.hilink-music-player.glass-v1284 .music-transport button:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;transform:translateY(-1px) scale(1.03)!important}
.hilink-music-player.glass-v1284 .music-transport .music-play{
  width:56px!important;height:56px!important;color:#fff!important;background:rgba(255,255,255,.24)!important;border:1px solid rgba(255,255,255,.40)!important;
  box-shadow:0 10px 26px rgba(39,8,78,.20),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(165%)!important;-webkit-backdrop-filter:blur(14px) saturate(165%)!important;
}
.hilink-music-player.glass-v1284 .music-transport .music-play:hover{background:rgba(255,255,255,.30)!important;transform:translateY(-1px) scale(1.035)!important}
.hilink-music-player.glass-v1284 .music-icon-pause{display:none}.hilink-music-player.glass-v1284.is-playing .music-icon-play{display:none}.hilink-music-player.glass-v1284.is-playing .music-icon-pause{display:inline-flex}
.hilink-music-player.glass-v1284 .music-playing-label{display:none!important}
.hilink-music-player.glass-v1284 .music-external{
  width:32px!important;height:32px!important;padding:0!important;margin:0 0 0 1px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.20)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
.hilink-music-player.glass-v1284 .music-external span{display:none!important}.hilink-music-player.glass-v1284 .music-external[hidden]{display:none!important}
.hilink-music-player.glass-v1284 .music-progress-wrap{display:grid!important;gap:5px!important;margin:0!important}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:24px!important;margin:0!important;background:transparent!important;cursor:pointer!important;outline:none!important}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-webkit-slider-runnable-track{
  height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,#fff 0 var(--music-progress),rgba(255,255,255,.36) var(--music-progress) 100%)!important;box-shadow:inset 0 1px 2px rgba(33,4,56,.12)!important;
}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#fff!important;border:0!important;margin-top:-8.5px!important;box-shadow:0 4px 14px rgba(36,6,67,.28),0 0 0 3px rgba(255,255,255,.12)!important;
}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-moz-range-track{height:7px!important;border-radius:999px!important;background:rgba(255,255,255,.36)!important}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-moz-range-progress{height:7px!important;border-radius:999px!important;background:#fff!important}
.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-moz-range-thumb{width:24px!important;height:24px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 4px 14px rgba(36,6,67,.28)!important}
.hilink-music-player.glass-v1284 .music-time{display:flex!important;justify-content:space-between!important;margin-top:-2px!important;color:rgba(255,255,255,.92)!important;font-size:10px!important;font-weight:750!important;letter-spacing:-.01em!important;font-variant-numeric:tabular-nums!important}
.hilink-music-player.glass-v1284 .music-waveform{display:none!important}
.hilink-music-player.glass-v1284 .music-spotify-zone{margin:0!important;padding-top:4px!important}.hilink-music-player.glass-v1284 .music-spotify-zone iframe{width:100%!important;height:82px!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:0 8px 22px rgba(20,4,45,.14)!important}
.hilink-music-player.glass-v1284.source-spotify .music-title-row{min-height:32px!important;margin-bottom:10px!important;padding-right:0!important}.hilink-music-player.glass-v1284.source-spotify .music-title-row>div{font-size:16px!important}.hilink-music-player.glass-v1284.source-spotify{min-height:150px!important}
.hilink-music-player.glass-v1284.layout-compact{min-height:126px!important;padding:17px 20px 15px!important;border-radius:24px!important}.hilink-music-player.glass-v1284.layout-compact .music-title-row{min-height:48px!important;margin-bottom:12px!important;padding-right:148px!important}.hilink-music-player.glass-v1284.layout-compact .music-title-row strong,.hilink-music-player.glass-v1284.layout-compact .music-title-row span{font-size:15px!important}.hilink-music-player.glass-v1284.layout-compact .music-transport{gap:6px!important}.hilink-music-player.glass-v1284.layout-compact .music-transport button{width:32px!important;height:32px!important}.hilink-music-player.glass-v1284.layout-compact .music-transport .music-play{width:46px!important;height:46px!important}.hilink-music-player.glass-v1284.layout-compact .music-progress-wrap input[type=range]{height:20px!important}.hilink-music-player.glass-v1284.layout-compact .music-progress-wrap input[type=range]::-webkit-slider-thumb{width:20px!important;height:20px!important;margin-top:-6.5px!important}
.bio-page.tpl-musician .hilink-music-player.glass-v1284{background:linear-gradient(125deg,rgba(219,73,255,.52),rgba(38,194,255,.42) 48%,rgba(117,54,255,.62)),linear-gradient(135deg,color-mix(in srgb,var(--accent) 68%,transparent),rgba(9,2,22,.12))!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 22px 52px rgba(54,8,91,.28),0 0 30px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.42)!important}
@media(max-width:560px){
  .hilink-music-player.glass-v1284{min-height:132px!important;padding:18px 18px 15px!important;border-radius:24px!important}
  .hilink-music-player.glass-v1284 .music-title-row{min-height:50px!important;margin-bottom:13px!important;padding-right:136px!important}
  .hilink-music-player.glass-v1284 .music-title-row strong,.hilink-music-player.glass-v1284 .music-title-row span{font-size:14px!important}
  .hilink-music-player.glass-v1284 .music-title-row span{max-width:42%}.hilink-music-player.glass-v1284 .music-title-row strong{max-width:58%}
  .hilink-music-player.glass-v1284 .music-transport{gap:5px!important}.hilink-music-player.glass-v1284 .music-transport button{width:31px!important;height:31px!important}.hilink-music-player.glass-v1284 .music-transport .music-play{width:46px!important;height:46px!important}
  .hilink-music-player.glass-v1284 .music-external{width:28px!important;height:28px!important}
  .hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]{height:20px!important}.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-webkit-slider-runnable-track{height:6px!important}.hilink-music-player.glass-v1284 .music-progress-wrap input[type=range]::-webkit-slider-thumb{width:20px!important;height:20px!important;margin-top:-7px!important}
  .hilink-music-player.glass-v1284 .music-time{font-size:9px!important}
  .hilink-music-player.glass-v1284.layout-compact{min-height:116px!important;padding:15px 16px 13px!important}.hilink-music-player.glass-v1284.layout-compact .music-title-row{padding-right:126px!important;margin-bottom:9px!important}
}

/* Builder live preview mirrors the V12.8.4 public glass player. */
.preview-music.v1284{position:relative!important;isolation:isolate!important;display:block!important;overflow:hidden!important;min-height:70px!important;padding:9px 10px 8px!important;color:#fff!important;background:linear-gradient(125deg,rgba(244,114,182,.60),rgba(34,211,238,.52) 48%,rgba(168,85,247,.64)),linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 58%,transparent),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 7px 18px rgba(49,11,80,.20),inset 0 1px 0 rgba(255,255,255,.42)!important;backdrop-filter:blur(14px) saturate(170%)!important;-webkit-backdrop-filter:blur(14px) saturate(170%)!important}
.preview-music.v1284::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 35%),radial-gradient(circle at 85% 120%,color-mix(in srgb,var(--preview-accent) 30%,transparent),transparent 48%)}
.preview-music.v1284 .preview-music-ambient{position:absolute!important;inset:-30%!important;width:auto!important;height:auto!important;z-index:-2!important;filter:blur(28px) saturate(1.5)!important;opacity:.12!important;background-position:center!important;background-size:cover!important}
.preview-music-v1284-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.preview-music-v1284-track{display:flex;align-items:center;gap:2px;min-width:0;max-width:62%;font-size:6px;font-weight:850;line-height:1.15}.preview-music-v1284-track span,.preview-music-v1284-track strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-music-v1284-track span{max-width:44%}.preview-music-v1284-track strong{max-width:56%}.preview-music-v1284-track i{font-style:normal;opacity:.9}.preview-music-v1284-controls{display:flex;align-items:center;gap:4px}.preview-music-v1284-controls span{width:15px;height:15px;display:grid;place-items:center;color:rgba(255,255,255,.82)}.preview-music-v1284-controls b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.40);box-shadow:0 4px 10px rgba(42,9,69,.18),inset 0 1px 0 rgba(255,255,255,.45)}
.preview-music-v1284-progress{position:relative;height:11px;margin-top:9px}.preview-music-v1284-progress::before{content:"";position:absolute;left:0;right:0;top:4px;height:3px;border-radius:999px;background:rgba(255,255,255,.42)}.preview-music-v1284-progress i{position:absolute;left:0;top:4px;width:52%;height:3px;border-radius:999px;background:#fff}.preview-music-v1284-progress b{position:absolute;left:52%;top:0;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(36,5,60,.25)}.preview-music-v1284-time{display:flex;justify-content:space-between;margin-top:-1px;color:rgba(255,255,255,.92);font-size:4.6px;font-weight:800}.preview-spotify-bar.v1284{margin-top:8px!important;height:26px!important;border-radius:9px!important;background:rgba(30,215,96,.92)!important;color:#072c14!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}

/* === HiLink V13.0 · Smart Template Blueprint Engine ======================= */
.blueprint-safety-note{border-color:#ddd8ff;background:linear-gradient(135deg,#faf9ff,#f4f8ff)}
.blueprint-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 14px}
.blueprint-filter-row button{appearance:none;border:1px solid #e4e6ee;background:#fff;border-radius:14px;padding:11px 12px;text-align:left;display:grid;gap:3px;color:#202331;cursor:pointer;transition:.18s ease}
.blueprint-filter-row button strong{font:700 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.blueprint-filter-row button small{font:500 10px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#8790a1}
.blueprint-filter-row button:hover,.blueprint-filter-row button.active{border-color:#a99fff;background:#f7f5ff;box-shadow:0 8px 24px rgba(103,87,255,.09);transform:translateY(-1px)}
.smart-template-gallery{gap:14px}
.smart-template-card{position:relative}
.smart-template-card[hidden]{display:none!important}
.smart-template-card .template-card-media{position:relative}
.blueprint-card-badge{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(13,16,28,.58);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:0 5px 16px rgba(0,0,0,.16);color:#fff;font:700 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em}
.blueprint-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.blueprint-card-meta i{font-style:normal;font-size:9px;font-weight:700;color:#7069a8;background:#f4f2ff;border:1px solid #e8e3ff;border-radius:999px;padding:4px 7px}
.smart-template-card .template-card-copy em{min-height:31px}
.smart-template-card.active{box-shadow:0 0 0 2px rgba(103,87,255,.20),0 14px 32px rgba(40,32,95,.10)}

.blueprint-apply-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:24px}
.blueprint-apply-modal.open{display:flex}
.blueprint-apply-backdrop{position:absolute;inset:0;background:rgba(13,15,24,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.blueprint-apply-panel{position:relative;z-index:1;width:min(720px,calc(100vw - 30px));max-height:min(760px,calc(100vh - 36px));overflow:auto;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr);border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 32px 90px rgba(18,20,36,.28);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.blueprint-modal-close{position:absolute;right:14px;top:14px;z-index:4;background:rgba(255,255,255,.86);box-shadow:0 5px 15px rgba(0,0,0,.08)}
.blueprint-modal-visual{position:relative;min-height:390px;overflow:hidden;border-radius:25px 0 0 25px;background:#12131a}
.blueprint-modal-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,7,14,.68));pointer-events:none}
.blueprint-modal-visual img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.blueprint-modal-visual>span{position:absolute;z-index:2;left:18px;bottom:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(9,10,18,.48);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:800}
.blueprint-modal-copy{padding:42px 34px 30px;display:flex;flex-direction:column;align-items:stretch}
.blueprint-modal-copy>small{color:#6757ff;font-size:10px;font-weight:850;letter-spacing:.12em}
.blueprint-modal-copy h3{margin:7px 0 8px;font-size:27px;line-height:1.05;letter-spacing:-.035em;color:#141623}
.blueprint-modal-copy>p:not(.blueprint-replace-warning){margin:0 0 22px;color:#737b8c;font-size:13px;line-height:1.6}
.blueprint-generation-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.blueprint-generation-summary>div{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #e9e9f2;border-radius:14px;background:#fafaff}
.blueprint-generation-summary b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ece9ff;color:#6757ff}
.blueprint-generation-summary span{display:grid;gap:2px;min-width:0}.blueprint-generation-summary strong{font-size:11px;color:#252838}.blueprint-generation-summary small{font-size:9px;color:#8b92a1}
.blueprint-modal-copy .btn+.btn{margin-top:9px}
.blueprint-replace-warning{margin:13px 2px 0!important;color:#9298a6!important;font-size:10px!important;line-height:1.5!important}

/* Blueprint-level refinements: the same renderer is used by live preview and public pages. */
.bio-page.bp-dj-neon-stage .public-heading,.live-preview.bp-dj-neon-stage .preview-heading-block{letter-spacing:.18em;font-weight:800;font-size:.76em;opacity:.72}
.bio-page.bp-dj-neon-stage .public-link-block{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,#b54cff),color-mix(in srgb,var(--surface) 92%,#281039));border-color:rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.bio-page.bp-dj-midnight-minimal .public-heading,.live-preview.bp-dj-midnight-minimal .preview-heading-block{letter-spacing:.20em;font-size:.72em;text-transform:uppercase}
.bio-page.bp-restaurant-signature .public-heading,.bio-page.bp-cafe-modern .public-heading{font-size:.77em;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.bio-page.bp-company-executive-dark .bio-profile,.bio-page.bp-company-clean-light .bio-profile,.bio-page.bp-freelancer-studio .bio-profile,.bio-page.bp-portfolio-noir .bio-profile{text-align:left}
.bio-page.bp-company-executive-dark .public-heading,.bio-page.bp-company-clean-light .public-heading,.bio-page.bp-freelancer-studio .public-heading,.bio-page.bp-portfolio-noir .public-heading{text-align:left;letter-spacing:.08em}
.live-preview.bp-company-executive-dark .preview-profile,.live-preview.bp-company-clean-light .preview-profile,.live-preview.bp-freelancer-studio .preview-profile,.live-preview.bp-portfolio-noir .preview-profile{text-align:left}

.create-page-panel select[name="profile_type"],.create-page-panel select[name="template_variant"],#registerBlueprintForm select{min-height:44px}

@media(max-width:760px){
  .blueprint-filter-row{grid-template-columns:1fr}
  .blueprint-apply-modal{padding:12px}
  .blueprint-apply-panel{grid-template-columns:1fr;max-height:calc(100vh - 24px);border-radius:22px}
  .blueprint-modal-visual{min-height:210px;max-height:240px;border-radius:21px 21px 0 0}.blueprint-modal-visual img{min-height:210px;max-height:240px}.blueprint-modal-copy{padding:25px 20px 22px}.blueprint-modal-copy h3{font-size:23px}.blueprint-generation-summary{grid-template-columns:1fr}
}
.smart-blueprint-admin-card{margin-bottom:24px}
.smart-blueprint-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px var(--app-card-pad) 22px}
.smart-blueprint-admin-grid article{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e7e9f0;border-radius:16px;background:linear-gradient(180deg,#fff,#fcfcff)}
.smart-blueprint-admin-preview{width:68px;height:82px;border-radius:12px;overflow:hidden;background:#10121a}.smart-blueprint-admin-preview img{width:100%;height:100%;object-fit:cover}
.smart-blueprint-admin-grid article>span:nth-child(2){display:grid;gap:3px;min-width:0}.smart-blueprint-admin-grid article>span:nth-child(2) small{font-size:9px;font-weight:800;color:#6757ff;text-transform:uppercase;letter-spacing:.04em}.smart-blueprint-admin-grid article>span:nth-child(2) strong{font-size:12px;color:#222534}.smart-blueprint-admin-grid article>span:nth-child(2) em{font-style:normal;font-size:9px;line-height:1.45;color:#838b9a}
.smart-blueprint-admin-meta{display:grid;justify-items:end;gap:4px}.smart-blueprint-admin-meta b{font-size:10px;color:#424758}.smart-blueprint-admin-meta small{font-size:9px;color:#9299a7}
.muted-copy{margin:-2px 0 16px;color:#8991a0;font-size:11px;line-height:1.5}
@media(max-width:1180px){.smart-blueprint-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.smart-blueprint-admin-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.smart-blueprint-admin-grid article{grid-template-columns:58px minmax(0,1fr)}.smart-blueprint-admin-preview{width:58px;height:70px}.smart-blueprint-admin-meta{grid-column:2;display:flex;justify-content:flex-start;gap:8px}}


/* ===== HiLink V13.1 — DJ / Musician premium visual system =====
   Keeps member-selected background/profile media intact while giving the
   generated DJ blueprints the polished card rhythm, spacing and brand tiles
   shown in the approved reference direction. */
.bio-page.bp-dj-neon-stage,.bio-page.bp-dj-midnight-minimal{--dj-card-bg:linear-gradient(105deg,color-mix(in srgb,var(--surface) 90%,#6d22a8),color-mix(in srgb,var(--surface) 96%,#100619));--dj-card-border:rgba(189,88,255,.34);--dj-card-shadow:0 10px 30px rgba(9,1,19,.24),inset 0 1px 0 rgba(255,255,255,.045)}
.bio-page.bp-dj-neon-stage .bio-card,.bio-page.bp-dj-midnight-minimal .bio-card{width:min(var(--page-width,680px),100%);padding:36px 30px 32px}
.bio-page.bp-dj-neon-stage .bio-profile,.bio-page.bp-dj-midnight-minimal .bio-profile{margin-bottom:30px}
.bio-page.bp-dj-neon-stage .public-blocks,.bio-page.bp-dj-midnight-minimal .public-blocks{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px}
.bio-page.bp-dj-neon-stage .public-blocks>*:not(.social-row),.bio-page.bp-dj-midnight-minimal .public-blocks>*:not(.social-row){flex:0 0 100%!important;width:100%!important}
.bio-page.bp-dj-neon-stage .public-heading,.bio-page.bp-dj-midnight-minimal .public-heading{margin:25px 0 2px!important;font:800 12px/1.2 var(--font-ui)!important;letter-spacing:.17em!important;text-transform:uppercase;color:color-mix(in srgb,var(--text) 76%,var(--accent))!important;opacity:.88!important}
.bio-page.bp-dj-neon-stage .public-link-block,.bio-page.bp-dj-midnight-minimal .public-link-block,.bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{min-height:82px!important;padding:12px 14px!important;border-radius:19px!important;background:var(--dj-card-bg)!important;border:1px solid var(--dj-card-border)!important;box-shadow:var(--dj-card-shadow)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bio-page.bp-dj-neon-stage .public-link-block:hover,.bio-page.bp-dj-midnight-minimal .public-link-block:hover,.bio-page.bp-dj-neon-stage .public-download:hover,.bio-page.bp-dj-midnight-minimal .public-download:hover{transform:translateY(-2px);border-color:rgba(214,135,255,.58)!important;box-shadow:0 16px 36px rgba(12,2,25,.30),0 0 22px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.07)!important}
.bio-page.bp-dj-neon-stage .public-link-block.has-brand-icon,.bio-page.bp-dj-midnight-minimal .public-link-block.has-brand-icon{justify-content:flex-start;gap:15px}
.bio-page.bp-dj-neon-stage .public-link-block .public-link-copy,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy{display:grid;gap:3px;min-width:0;flex:1;text-align:left!important}
.bio-page.bp-dj-neon-stage .public-link-block .public-link-copy strong,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy strong{font-size:17px!important;font-weight:760!important;letter-spacing:-.012em}
.bio-page.bp-dj-neon-stage .public-link-block .public-link-copy small,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy small{font-size:11.5px!important;color:var(--muted);opacity:.92}
.public-brand-icon{width:52px;height:52px;flex:0 0 52px!important;display:grid!important;place-items:center!important;border-radius:14px!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.24);text-align:center!important}
.public-brand-icon svg{width:25px;height:25px}.public-brand-icon.brand-spotify{background:linear-gradient(145deg,#36e27b,#15a94e)}.public-brand-icon.brand-apple-music{background:linear-gradient(145deg,#ff6d8c,#ef2d58)}.public-brand-icon.brand-youtube{background:linear-gradient(145deg,#ff3a42,#d80814)}.public-brand-icon.brand-calendar,.public-brand-icon.brand-booking{background:linear-gradient(145deg,#b85cff,#6d2ee9)}.public-brand-icon.brand-merch{background:linear-gradient(145deg,#ff6eae,#e83e82)}.public-brand-icon.brand-epk{background:linear-gradient(145deg,#6b9cff,#4770f4)}.public-brand-icon.brand-contact{background:linear-gradient(145deg,#36d9df,#1b9eb0)}
.public-link-arrow{width:40px;height:40px;flex:0 0 40px!important;display:grid!important;place-items:center!important;color:#fff!important;opacity:.88;text-align:center!important}.public-link-arrow svg{width:21px;height:21px}
.bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{grid-template-columns:52px minmax(0,1fr) auto;gap:15px}
.bio-page.bp-dj-neon-stage .event-date,.bio-page.bp-dj-midnight-minimal .event-date,.bio-page.bp-dj-neon-stage .booking-icon,.bio-page.bp-dj-midnight-minimal .booking-icon,.bio-page.bp-dj-neon-stage .download-icon,.bio-page.bp-dj-midnight-minimal .download-icon{width:52px;height:52px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#b85cff,#6d2ee9);box-shadow:0 8px 22px rgba(78,26,148,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.bio-page.bp-dj-neon-stage .download-icon,.bio-page.bp-dj-midnight-minimal .download-icon{background:linear-gradient(145deg,#6b9cff,#4770f4)}
.bio-page.bp-dj-neon-stage .public-event>div,.bio-page.bp-dj-midnight-minimal .public-event>div,.bio-page.bp-dj-neon-stage .public-booking>div,.bio-page.bp-dj-midnight-minimal .public-booking>div,.bio-page.bp-dj-neon-stage .public-download>div,.bio-page.bp-dj-midnight-minimal .public-download>div{text-align:left;gap:4px}
.bio-page.bp-dj-neon-stage .public-event strong,.bio-page.bp-dj-midnight-minimal .public-event strong,.bio-page.bp-dj-neon-stage .public-booking strong,.bio-page.bp-dj-midnight-minimal .public-booking strong,.bio-page.bp-dj-neon-stage .public-download strong,.bio-page.bp-dj-midnight-minimal .public-download strong{font-size:16px!important;font-weight:760}
.bio-page.bp-dj-neon-stage .public-event small,.bio-page.bp-dj-midnight-minimal .public-event small,.bio-page.bp-dj-neon-stage .public-booking small,.bio-page.bp-dj-midnight-minimal .public-booking small,.bio-page.bp-dj-neon-stage .public-download small,.bio-page.bp-dj-midnight-minimal .public-download small{font-size:11.5px!important;color:var(--muted)!important;line-height:1.35}
.bio-page.bp-dj-neon-stage .event-details-btn,.bio-page.bp-dj-midnight-minimal .event-details-btn,.bio-page.bp-dj-neon-stage .public-booking>a,.bio-page.bp-dj-midnight-minimal .public-booking>a,.bio-page.bp-dj-neon-stage .download-cta,.bio-page.bp-dj-midnight-minimal .download-cta{font-size:11px!important;font-weight:820!important;color:color-mix(in srgb,var(--accent) 78%,#fff)!important;white-space:nowrap;padding:10px 8px}
.bio-page.bp-dj-neon-stage .social-row,.bio-page.bp-dj-midnight-minimal .social-row{flex:0 0 52px!important;width:52px!important;height:52px!important;min-height:52px!important;border-radius:50%!important;background:rgba(10,3,20,.72)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 20px rgba(5,1,12,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bio-page.bp-dj-neon-stage .social-row:hover,.bio-page.bp-dj-midnight-minimal .social-row:hover{transform:translateY(-2px) scale(1.03);border-color:currentColor!important}
.bio-page.bp-dj-neon-stage .social-platform-instagram,.bio-page.bp-dj-midnight-minimal .social-platform-instagram{color:#f36aa8!important;box-shadow:0 8px 20px rgba(5,1,12,.22),0 0 18px rgba(243,106,168,.10)!important}.bio-page.bp-dj-neon-stage .social-platform-spotify,.bio-page.bp-dj-midnight-minimal .social-platform-spotify{color:#36e27b!important}.bio-page.bp-dj-neon-stage .social-platform-soundcloud,.bio-page.bp-dj-midnight-minimal .social-platform-soundcloud{color:#ff8a3d!important}.bio-page.bp-dj-neon-stage .social-platform-youtube,.bio-page.bp-dj-midnight-minimal .social-platform-youtube{color:#ff5058!important}.bio-page.bp-dj-neon-stage .social-platform-tiktok,.bio-page.bp-dj-midnight-minimal .social-platform-tiktok{color:#66e5e9!important}
.bio-page.bp-dj-neon-stage .social-row .social-svg,.bio-page.bp-dj-midnight-minimal .social-row .social-svg{width:24px!important;height:24px!important}.bio-page.bp-dj-neon-stage .social-row-label>span,.bio-page.bp-dj-midnight-minimal .social-row-label>span,.bio-page.bp-dj-neon-stage .social-row>svg:last-child,.bio-page.bp-dj-midnight-minimal .social-row>svg:last-child{display:none!important}
/* Avoid the old travelling border highlight on DJ cards; the new cards use a stable premium edge. */
.bio-page.bp-dj-neon-stage .public-blocks>*::after,.bio-page.bp-dj-midnight-minimal .public-blocks>*::after{animation:none!important;opacity:0!important}

/* Builder preview mirrors the same DJ hierarchy at phone scale. */
.live-preview.bp-dj-neon-stage .preview-blocks,.live-preview.bp-dj-midnight-minimal .preview-blocks{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
.live-preview.bp-dj-neon-stage .preview-blocks>*:not(.preview-social),.live-preview.bp-dj-midnight-minimal .preview-blocks>*:not(.preview-social){flex:0 0 100%!important;width:100%!important}
.live-preview.bp-dj-neon-stage .preview-link,.live-preview.bp-dj-midnight-minimal .preview-link,.live-preview.bp-dj-neon-stage .preview-event,.live-preview.bp-dj-midnight-minimal .preview-event,.live-preview.bp-dj-neon-stage .preview-booking,.live-preview.bp-dj-midnight-minimal .preview-booking,.live-preview.bp-dj-neon-stage .preview-download,.live-preview.bp-dj-midnight-minimal .preview-download{min-height:49px!important;border-radius:11px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--surface) 90%,#6d22a8),color-mix(in srgb,var(--surface) 96%,#100619))!important;border:1px solid rgba(189,88,255,.30)!important;box-shadow:0 5px 15px rgba(8,1,17,.18)!important}
.live-preview.bp-dj-neon-stage .preview-link.has-brand-icon,.live-preview.bp-dj-midnight-minimal .preview-link.has-brand-icon{display:grid!important;grid-template-columns:31px minmax(0,1fr) 22px!important;align-items:center!important;gap:8px!important;padding:7px 8px!important;text-align:left!important}
.preview-brand-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.18)}.preview-brand-icon.brand-spotify{background:linear-gradient(145deg,#36e27b,#15a94e)}.preview-brand-icon.brand-apple-music{background:linear-gradient(145deg,#ff6d8c,#ef2d58)}.preview-brand-icon.brand-youtube{background:linear-gradient(145deg,#ff3a42,#d80814)}.preview-brand-icon.brand-calendar,.preview-brand-icon.brand-booking{background:linear-gradient(145deg,#b85cff,#6d2ee9)}.preview-brand-icon.brand-merch{background:linear-gradient(145deg,#ff6eae,#e83e82)}.preview-brand-icon.brand-epk{background:linear-gradient(145deg,#6b9cff,#4770f4)}.preview-brand-icon.brand-contact{background:linear-gradient(145deg,#36d9df,#1b9eb0)}
.live-preview.bp-dj-neon-stage .preview-link.has-brand-icon>span,.live-preview.bp-dj-midnight-minimal .preview-link.has-brand-icon>span{font-size:9.5px!important;font-weight:760;text-align:left}.live-preview.bp-dj-neon-stage .preview-link.has-brand-icon>span small,.live-preview.bp-dj-midnight-minimal .preview-link.has-brand-icon>span small{font-size:7px!important}.preview-link-arrow{display:grid;place-items:center;color:#fff;opacity:.85}
.live-preview.bp-dj-neon-stage .preview-social,.live-preview.bp-dj-midnight-minimal .preview-social{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(10,3,20,.74)!important;border:1px solid rgba(255,255,255,.12)!important}.live-preview.bp-dj-neon-stage .social-platform-instagram,.live-preview.bp-dj-midnight-minimal .social-platform-instagram{color:#f36aa8!important}.live-preview.bp-dj-neon-stage .social-platform-spotify,.live-preview.bp-dj-midnight-minimal .social-platform-spotify{color:#36e27b!important}.live-preview.bp-dj-neon-stage .social-platform-soundcloud,.live-preview.bp-dj-midnight-minimal .social-platform-soundcloud{color:#ff8a3d!important}.live-preview.bp-dj-neon-stage .social-platform-youtube,.live-preview.bp-dj-midnight-minimal .social-platform-youtube{color:#ff5058!important}.live-preview.bp-dj-neon-stage .social-platform-tiktok,.live-preview.bp-dj-midnight-minimal .social-platform-tiktok{color:#66e5e9!important}.live-preview.bp-dj-neon-stage .preview-social>span>span,.live-preview.bp-dj-midnight-minimal .preview-social>span>span,.live-preview.bp-dj-neon-stage .preview-social>svg:last-child,.live-preview.bp-dj-midnight-minimal .preview-social>svg:last-child{display:none!important}
.live-preview.bp-dj-neon-stage .preview-heading-block,.live-preview.bp-dj-midnight-minimal .preview-heading-block{margin:8px 0 0!important;font-size:8px!important;letter-spacing:.16em!important}

@media(max-width:720px){
 .bio-page.bp-dj-neon-stage .bio-card,.bio-page.bp-dj-midnight-minimal .bio-card{padding:28px 16px 24px}
 .bio-page.bp-dj-neon-stage .public-blocks,.bio-page.bp-dj-midnight-minimal .public-blocks{gap:11px}
 .bio-page.bp-dj-neon-stage .public-link-block,.bio-page.bp-dj-midnight-minimal .public-link-block,.bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{min-height:72px!important;padding:10px 11px!important;border-radius:17px!important}
 .public-brand-icon{width:46px;height:46px;flex-basis:46px!important;border-radius:13px!important}.public-brand-icon svg{width:22px;height:22px}
 .bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{grid-template-columns:46px minmax(0,1fr) auto;gap:11px}
 .bio-page.bp-dj-neon-stage .event-date,.bio-page.bp-dj-midnight-minimal .event-date,.bio-page.bp-dj-neon-stage .booking-icon,.bio-page.bp-dj-midnight-minimal .booking-icon,.bio-page.bp-dj-neon-stage .download-icon,.bio-page.bp-dj-midnight-minimal .download-icon{width:46px;height:46px;border-radius:13px}
 .bio-page.bp-dj-neon-stage .public-link-block .public-link-copy strong,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy strong{font-size:15.5px!important}
 .bio-page.bp-dj-neon-stage .social-row,.bio-page.bp-dj-midnight-minimal .social-row{flex-basis:46px!important;width:46px!important;height:46px!important;min-height:46px!important}
 .bio-page.bp-dj-neon-stage .event-details-btn,.bio-page.bp-dj-midnight-minimal .event-details-btn,.bio-page.bp-dj-neon-stage .public-booking>a,.bio-page.bp-dj-midnight-minimal .public-booking>a,.bio-page.bp-dj-neon-stage .download-cta,.bio-page.bp-dj-midnight-minimal .download-cta{font-size:10px!important;padding:8px 4px}
}

/* ===== HiLink V13.2 — Professional reference-matched blueprint collection ===== */
/* Shared professional CTA rhythm */
.bio-page.bp-company-apex .public-link-block,
.bio-page.bp-freelancer-daniel .public-link-block,
.bio-page.bp-luxury-bellagio .public-link-block,
.bio-page.bp-creator-alex .public-link-block,
.bio-page.bp-fitness-performance .public-link-block,
.bio-page.bp-restaurant-chef-marco .public-link-block,
.bio-page.bp-personal-sophie .public-link-block,
.bio-page.bp-travel-liam .public-link-block,
.bio-page.bp-influencer-olivia .public-link-block{min-height:84px!important;padding:13px 18px!important;gap:16px!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy{display:grid!important;gap:4px!important;text-align:left!important;min-width:0!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy strong{font-size:18px!important;line-height:1.16!important;letter-spacing:-.015em!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy small{font-size:12.5px!important;line-height:1.35!important;opacity:.72!important}
.bio-page[class*="bp-"] .public-link-arrow{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;color:currentColor!important;opacity:.92}
.live-preview[class*="bp-"] .preview-link.has-brand-icon{min-height:50px!important;padding:7px 8px!important;gap:8px!important}
.live-preview[class*="bp-"] .preview-link.has-brand-icon>span{text-align:left!important;font-size:8px!important;line-height:1.15!important}
.live-preview[class*="bp-"] .preview-link.has-brand-icon>span small{font-size:5.8px!important;line-height:1.15!important;margin-top:2px!important}

/* Rich icon tiles */
.public-brand-icon.brand-services,.preview-brand-icon.brand-services,
.public-brand-icon.brand-case-studies,.preview-brand-icon.brand-case-studies,
.public-brand-icon.brand-portfolio,.preview-brand-icon.brand-portfolio,
.public-brand-icon.brand-process,.preview-brand-icon.brand-process,
.public-brand-icon.brand-resume,.preview-brand-icon.brand-resume,
.public-brand-icon.brand-collaborate,.preview-brand-icon.brand-collaborate,
.public-brand-icon.brand-collection,.preview-brand-icon.brand-collection,
.public-brand-icon.brand-craftsmanship,.preview-brand-icon.brand-craftsmanship,
.public-brand-icon.brand-consultation,.preview-brand-icon.brand-consultation,
.public-brand-icon.brand-boutique,.preview-brand-icon.brand-boutique,
.public-brand-icon.brand-video,.preview-brand-icon.brand-video,
.public-brand-icon.brand-coaching,.preview-brand-icon.brand-coaching,
.public-brand-icon.brand-workout,.preview-brand-icon.brand-workout,
.public-brand-icon.brand-nutrition,.preview-brand-icon.brand-nutrition,
.public-brand-icon.brand-transformation,.preview-brand-icon.brand-transformation,
.public-brand-icon.brand-menu,.preview-brand-icon.brand-menu,
.public-brand-icon.brand-order,.preview-brand-icon.brand-order,
.public-brand-icon.brand-catering,.preview-brand-icon.brand-catering,
.public-brand-icon.brand-blog,.preview-brand-icon.brand-blog,
.public-brand-icon.brand-shop,.preview-brand-icon.brand-shop,
.public-brand-icon.brand-wellness,.preview-brand-icon.brand-wellness,
.public-brand-icon.brand-resources,.preview-brand-icon.brand-resources,
.public-brand-icon.brand-travel,.preview-brand-icon.brand-travel,
.public-brand-icon.brand-guides,.preview-brand-icon.brand-guides,
.public-brand-icon.brand-photography,.preview-brand-icon.brand-photography,
.public-brand-icon.brand-gear,.preview-brand-icon.brand-gear,
.public-brand-icon.brand-amazon,.preview-brand-icon.brand-amazon,
.public-brand-icon.brand-presets,.preview-brand-icon.brand-presets,
.public-brand-icon.brand-website,.preview-brand-icon.brand-website{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 23%,#24272b),color-mix(in srgb,var(--accent) 9%,#111419));color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.14)}
.public-brand-icon.brand-instagram,.preview-brand-icon.brand-instagram{background:linear-gradient(145deg,#ffd05b,#ff355d 42%,#b72df0 78%,#5d48f6)!important}
.public-brand-icon.brand-tiktok,.preview-brand-icon.brand-tiktok{background:linear-gradient(145deg,#151515,#050505)!important;color:#fff!important;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}
.public-brand-icon.brand-pinterest,.preview-brand-icon.brand-pinterest{background:linear-gradient(145deg,#e60023,#b40019)!important;color:#fff!important}
.public-brand-icon.brand-dribbble,.preview-brand-icon.brand-dribbble{background:linear-gradient(145deg,#ea4c89,#c92b6b)!important;color:#fff!important}
.public-brand-icon.brand-behance,.preview-brand-icon.brand-behance{background:linear-gradient(145deg,#1769ff,#0b4ed1)!important;color:#fff!important}
.public-brand-icon.brand-amazon,.preview-brand-icon.brand-amazon{background:linear-gradient(145deg,#fff4df,#f7e2bf)!important;color:#ff9900!important}

/* Apex Studio / Company */
.bio-page.bp-company-apex,.live-preview.bp-company-apex{background:radial-gradient(circle at 50% -8%,rgba(68,93,109,.34),transparent 36%),linear-gradient(180deg,#131b21 0,#071016 48%,#03080b 100%)!important}
.bio-page.bp-company-apex .bio-card{padding:0 30px 30px;border-radius:38px;border:1px solid rgba(188,209,220,.28);background:linear-gradient(180deg,rgba(9,15,19,.50),rgba(3,8,10,.92));box-shadow:0 30px 95px rgba(0,0,0,.42);overflow:hidden}
.bio-page.bp-company-apex .profile-cover{margin:0 -30px -64px;border-radius:37px 37px 0 0;height:max(var(--cover-height),260px);box-shadow:none}
.bio-page.bp-company-apex .profile-cover:after{height:72%;background:linear-gradient(transparent,rgba(3,8,10,.84) 78%,#03080b)}
.bio-page.bp-company-apex .bio-profile{padding-top:36px;margin-bottom:28px}.bio-page.bp-company-apex.has-cover .bio-profile{padding-top:0}
.bio-page.bp-company-apex .profile-avatar-media{background:#10161a!important}.bio-page.bp-company-apex .bio-profile h1{font-size:38px!important;font-weight:760!important;letter-spacing:-.03em}.bio-page.bp-company-apex .bio-profile p{font-size:18px!important;line-height:1.45!important;max-width:440px;color:#d2d7da!important}
.bio-page.bp-company-apex .public-link-block{background:linear-gradient(180deg,rgba(27,33,37,.92),rgba(19,24,27,.94))!important;border:1px solid rgba(196,207,212,.28)!important;border-radius:15px!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.bio-page.bp-company-apex .public-link-block:hover{border-color:#d9b774!important;transform:translateY(-2px)}
.bio-page.bp-company-apex .public-brand-icon{background:linear-gradient(145deg,#242b2f,#171c1f)!important;color:#e4ba6a!important;border-color:rgba(228,186,106,.15)!important}
.bio-page.bp-company-apex .social-row{background:transparent!important;border:0!important;color:#fff!important}
.bio-page.bp-company-apex .text-variant-stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;margin:14px 0 0!important;padding:22px 12px!important;border:1px solid rgba(226,185,111,.58);border-radius:16px;color:#e2b96f!important;background:rgba(11,16,19,.65);font-size:0!important;white-space:pre-line}
.bio-page.bp-company-apex .text-variant-stats br{display:none}.bio-page.bp-company-apex .text-variant-stats{line-height:1}
.bio-page.bp-company-apex .text-variant-stats::before{content:"120+\A Projects";white-space:pre;text-align:center;font-size:26px;line-height:1.35;font-weight:800;border-right:1px solid rgba(255,255,255,.18)}
.bio-page.bp-company-apex .text-variant-stats::after{content:"10+\A Years";white-space:pre;text-align:center;font-size:26px;line-height:1.35;font-weight:800;border-left:1px solid rgba(255,255,255,.18)}
.bio-page.bp-company-apex .text-variant-stats{position:relative;color:transparent!important}.bio-page.bp-company-apex .text-variant-stats span{display:none}.bio-page.bp-company-apex .text-variant-stats{--center-stat:"98%\A Success"}.bio-page.bp-company-apex .text-variant-stats{background-image:none}
/* center stat via text shadowed pseudo child */
.bio-page.bp-company-apex .text-variant-stats{counter-reset:none}.bio-page.bp-company-apex .text-variant-stats::selection{background:transparent}

/* Daniel Lewis portfolio */
.bio-page.bp-freelancer-daniel,.live-preview.bp-freelancer-daniel{background:linear-gradient(145deg,#ffffff 0,#fbfbfc 58%,#eef0f2 100%)!important;color:#111922}
.bio-page.bp-freelancer-daniel .bio-card{padding:44px 32px 34px;border-radius:40px;background:rgba(255,255,255,.92);border:1px solid #eceef0;box-shadow:0 25px 76px rgba(33,43,55,.11)}
.bio-page.bp-freelancer-daniel .bio-profile{margin-bottom:30px}.bio-page.bp-freelancer-daniel .bio-profile h1{font-size:42px!important;color:#0b1218;font-weight:780!important}.bio-page.bp-freelancer-daniel .bio-profile p{font-size:16px!important;line-height:1.55!important;color:#5e6770!important}
.bio-page.bp-freelancer-daniel .public-link-block{background:#fff!important;border:1.4px solid #cdd2d6!important;color:#111922!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(25,35,45,.025)!important}
.bio-page.bp-freelancer-daniel .public-brand-icon{background:#fff!important;color:#111922!important;border:0!important;box-shadow:none!important}
.bio-page.bp-freelancer-daniel .social-row{background:#fff!important;border:1px solid #dfe3e6!important;color:#111922!important;box-shadow:none!important}
.bio-page.bp-freelancer-daniel .public-gallery{margin-top:12px;gap:12px}.bio-page.bp-freelancer-daniel .public-gallery img{border-radius:16px;box-shadow:0 8px 20px rgba(20,28,36,.07)}

/* Bellagio luxury */
.bio-page.bp-luxury-bellagio,.live-preview.bp-luxury-bellagio{background-color:#050505!important;background-image:radial-gradient(circle at 20% 10%,rgba(209,164,81,.08),transparent 22%),linear-gradient(118deg,transparent 0 38%,rgba(205,152,64,.06) 39%,transparent 40%),linear-gradient(32deg,transparent 0 62%,rgba(205,152,64,.05) 63%,transparent 64%)!important;color:#f7ecd4}
.bio-page.bp-luxury-bellagio .bio-card{padding:42px 30px 34px;border:1px solid #d1a451;border-radius:38px;background:rgba(3,3,3,.76);box-shadow:inset 0 0 0 1px rgba(255,220,153,.08),0 30px 90px rgba(0,0,0,.48)}
.bio-page.bp-luxury-bellagio .bio-profile h1{font-family:Georgia,"Times New Roman",serif!important;font-size:44px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase;color:#e4b962!important}.bio-page.bp-luxury-bellagio .bio-profile p{font-size:17px!important;color:#eadfc8!important;letter-spacing:.04em!important}
.bio-page.bp-luxury-bellagio .public-link-block{min-height:96px!important;background:linear-gradient(180deg,#151515,#0a0a0a)!important;border:1px solid #d0a250!important;border-radius:14px!important;color:#f4ead5!important;box-shadow:inset 0 0 0 1px rgba(255,214,132,.09),0 0 15px rgba(210,164,81,.07)!important}
.bio-page.bp-luxury-bellagio .public-link-copy strong{font-family:Georgia,"Times New Roman",serif!important;font-size:24px!important;font-weight:500!important;letter-spacing:.01em!important}.bio-page.bp-luxury-bellagio .public-brand-icon{background:transparent!important;color:#e1b35d!important;border:0!important;box-shadow:none!important}.bio-page.bp-luxury-bellagio .public-link-arrow{color:#e1b35d!important}

/* Alex Parker creator */
.bio-page.bp-creator-alex,.live-preview.bp-creator-alex{background:linear-gradient(180deg,#121212 0,#080808 52%,#030303 100%)!important;color:#fff}
.bio-page.bp-creator-alex .bio-card{padding:42px 30px 34px;border:1px solid rgba(216,184,117,.72);border-radius:36px;background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(5,5,5,.97));box-shadow:0 30px 90px rgba(0,0,0,.44)}
.bio-page.bp-creator-alex .bio-profile h1{font-size:40px!important}.bio-page.bp-creator-alex .bio-profile p{font-size:17px!important;line-height:1.45!important;color:#d8d2ca!important}
.bio-page.bp-creator-alex .public-link-block{background:rgba(8,8,8,.68)!important;border:1px solid #d8b875!important;border-radius:14px!important;color:#fff!important;box-shadow:none!important}.bio-page.bp-creator-alex .public-brand-icon{background:#0d0d0d!important;color:#e1b967!important;border:1px solid rgba(216,184,117,.72)!important;box-shadow:none!important}.bio-page.bp-creator-alex .brand-youtube{background:#ff1f2e!important;color:#fff!important;border:0!important}.bio-page.bp-creator-alex .brand-instagram{border:0!important}.bio-page.bp-creator-alex .brand-tiktok{border:0!important}.bio-page.bp-creator-alex .public-heading{text-align:left!important;color:#fff!important;font-size:22px!important;text-transform:none!important;letter-spacing:-.01em!important;margin:18px 0 7px!important}.bio-page.bp-creator-alex .public-heading:before{content:"▶";color:#d8b875;margin-right:9px;font-size:14px}
.bio-page.bp-creator-alex .public-media-link{border:1px solid #d8b875!important;background:#0a0a0a!important;color:#fff!important;border-radius:14px!important}

/* Fitness / James Wilson */
.bio-page.bp-fitness-performance,.live-preview.bp-fitness-performance{background:radial-gradient(circle at 50% -8%,rgba(109,81,39,.18),transparent 35%),linear-gradient(180deg,#111 0,#050505 54%,#000 100%)!important;color:#fff}
.bio-page.bp-fitness-performance .bio-card{padding:38px 28px 32px;border-radius:38px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(10,10,10,.50),rgba(3,3,3,.94));box-shadow:0 34px 95px rgba(0,0,0,.50)}
.bio-page.bp-fitness-performance .bio-profile h1{font-size:42px!important;font-weight:850!important}.bio-page.bp-fitness-performance .bio-profile p{font-size:18px!important;color:#f0ede8!important}.bio-page.bp-fitness-performance .public-link-block{min-height:94px!important;background:linear-gradient(180deg,#252525,#171717)!important;border:1px solid rgba(255,255,255,.19)!important;color:#fff!important;border-radius:20px!important;box-shadow:0 12px 26px rgba(0,0,0,.28)!important}.bio-page.bp-fitness-performance .public-brand-icon{background:transparent!important;color:#e6b85d!important;border:0!important;border-right:1px solid rgba(230,184,93,.55)!important;border-radius:0!important;box-shadow:none!important;width:64px!important;flex-basis:64px!important}.bio-page.bp-fitness-performance .public-link-arrow{color:#e6b85d!important}.bio-page.bp-fitness-performance .public-link-copy strong{font-size:21px!important}.bio-page.bp-fitness-performance .public-link-copy small{font-size:14px!important;color:#d1ccc5!important}

/* Chef Marco */
.bio-page.bp-restaurant-chef-marco,.live-preview.bp-restaurant-chef-marco{background:radial-gradient(circle at 8% 8%,rgba(205,79,36,.08),transparent 24%),radial-gradient(circle at 92% 13%,rgba(83,123,48,.10),transparent 24%),linear-gradient(180deg,#fffdf8,#faf6ee 100%)!important;color:#251a12}
.bio-page.bp-restaurant-chef-marco .bio-card{padding:42px 30px 35px;border-radius:38px;background:rgba(255,253,248,.91);border:1px solid rgba(122,86,56,.12);box-shadow:0 22px 70px rgba(83,54,29,.08)}
.bio-page.bp-restaurant-chef-marco .bio-profile h1{font-family:Georgia,"Times New Roman",serif!important;font-size:43px!important;font-weight:500!important}.bio-page.bp-restaurant-chef-marco .bio-profile p{font-size:17px!important;color:#714d31!important}
.bio-page.bp-restaurant-chef-marco .public-link-block{background:rgba(255,253,249,.75)!important;border:1.4px solid #704b30!important;color:#24180f!important;border-radius:14px!important;box-shadow:none!important}.bio-page.bp-restaurant-chef-marco .public-brand-icon{background:transparent!important;color:#6a3f22!important;border:0!important;box-shadow:none!important}.bio-page.bp-restaurant-chef-marco .public-link-arrow{color:#6a3f22!important}.bio-page.bp-restaurant-chef-marco .public-gallery{margin-top:12px;gap:12px}.bio-page.bp-restaurant-chef-marco .public-gallery img{border-radius:15px}

/* Sophie Moore soft creator */
.bio-page.bp-personal-sophie,.live-preview.bp-personal-sophie{background:linear-gradient(180deg,#fff,#fbfaf8 58%,#f5f1ec 100%)!important;color:#171513}
.bio-page.bp-personal-sophie .bio-card{padding:44px 32px 36px;border-radius:42px;background:rgba(255,255,255,.82);border:1px solid rgba(201,193,184,.35);box-shadow:0 24px 72px rgba(73,61,49,.09)}
.bio-page.bp-personal-sophie .bio-profile h1{font-family:Georgia,"Times New Roman",serif!important;font-size:42px!important;font-weight:500!important}.bio-page.bp-personal-sophie .bio-profile p{font-size:16px!important;color:#8b827a!important;letter-spacing:.02em!important}.bio-page.bp-personal-sophie .public-link-block{background:rgba(255,255,255,.82)!important;border:1px solid rgba(128,114,100,.05)!important;color:#211d19!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(67,54,43,.08)!important}.bio-page.bp-personal-sophie .public-brand-icon{background:#f1ede8!important;color:#25211e!important;border:0!important;box-shadow:none!important}.bio-page.bp-personal-sophie .public-link-arrow{color:#9c948c!important}.bio-page.bp-personal-sophie .public-gallery{margin-top:16px;gap:12px}.bio-page.bp-personal-sophie .public-gallery img{border-radius:14px}

/* Liam travel explorer */
.bio-page.bp-travel-liam,.live-preview.bp-travel-liam{background:radial-gradient(circle at 50% 0,rgba(121,219,230,.20),transparent 32%),linear-gradient(180deg,#184f5f,#0b3f4c 58%,#072d37 100%)!important;color:#fff}
.bio-page.bp-travel-liam .bio-card{padding:40px 30px 34px;border-radius:40px;background:linear-gradient(180deg,rgba(10,68,80,.38),rgba(4,42,50,.70));border:1px solid rgba(218,250,253,.55);box-shadow:0 30px 90px rgba(4,39,47,.32);backdrop-filter:blur(14px)}
.bio-page.bp-travel-liam .bio-profile h1{font-size:42px!important;font-weight:760!important}.bio-page.bp-travel-liam .bio-profile p{font-size:17px!important;color:#e6fbfd!important}.bio-page.bp-travel-liam .public-link-block{background:linear-gradient(90deg,rgba(35,133,147,.54),rgba(76,159,166,.38))!important;border:1px solid rgba(199,246,251,.65)!important;color:#fff!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 26px rgba(0,31,38,.14)!important;backdrop-filter:blur(16px)}.bio-page.bp-travel-liam .public-brand-icon{background:rgba(65,173,185,.22)!important;color:#d8fbff!important;border:1px solid rgba(201,247,252,.48)!important;box-shadow:none!important}.bio-page.bp-travel-liam .public-link-arrow{color:#e6fdff!important}.bio-page.bp-travel-liam .public-gallery{margin-top:14px;gap:12px}.bio-page.bp-travel-liam .public-gallery img{border:2px solid rgba(235,255,255,.85);border-radius:15px;box-shadow:0 9px 24px rgba(0,36,43,.22)}.bio-page.bp-travel-liam .text-variant-tagline{color:#d9f7fa!important;font-size:14px!important;margin-top:12px!important}

/* Olivia vibrant influencer */
.bio-page.bp-influencer-olivia,.live-preview.bp-influencer-olivia{background:radial-gradient(circle at 48% 5%,rgba(255,255,255,.17),transparent 25%),linear-gradient(135deg,#ff8b23 0,#ff4b52 30%,#f11aa5 64%,#8b25ed 100%)!important;color:#fff}
.bio-page.bp-influencer-olivia .bio-card{padding:44px 32px 38px;border-radius:44px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(93,16,115,.20)}
.bio-page.bp-influencer-olivia .bio-profile h1{font-size:44px!important;font-weight:820!important}.bio-page.bp-influencer-olivia .bio-profile p{font-size:18px!important;color:#fff3e8!important}.bio-page.bp-influencer-olivia .public-link-block{min-height:92px!important;background:linear-gradient(90deg,rgba(255,247,247,.92),rgba(247,224,255,.90))!important;border:1.5px solid rgba(255,255,255,.90)!important;color:#46155b!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(79,17,95,.12)!important}.bio-page.bp-influencer-olivia .public-brand-icon{background:rgba(255,255,255,.20)!important;color:#e63178!important;border:0!important;box-shadow:none!important}.bio-page.bp-influencer-olivia .brand-youtube{background:#ff2534!important;color:#fff!important}.bio-page.bp-influencer-olivia .brand-amazon{background:transparent!important;color:#ff9900!important}.bio-page.bp-influencer-olivia .public-link-arrow{color:#46155b!important}

/* Social sizing / reference rhythm */
.bio-page.bp-company-apex .social-row,.bio-page.bp-freelancer-daniel .social-row,.bio-page.bp-creator-alex .social-row,.bio-page.bp-fitness-performance .social-row,.bio-page.bp-restaurant-chef-marco .social-row,.bio-page.bp-personal-sophie .social-row,.bio-page.bp-travel-liam .social-row,.bio-page.bp-influencer-olivia .social-row{width:54px!important;height:54px!important;flex-basis:54px!important;min-height:54px!important;border-radius:50%!important}
.bio-page.bp-company-apex .social-row .social-svg,.bio-page.bp-freelancer-daniel .social-row .social-svg,.bio-page.bp-creator-alex .social-row .social-svg,.bio-page.bp-fitness-performance .social-row .social-svg,.bio-page.bp-restaurant-chef-marco .social-row .social-svg,.bio-page.bp-personal-sophie .social-row .social-svg,.bio-page.bp-travel-liam .social-row .social-svg,.bio-page.bp-influencer-olivia .social-row .social-svg{width:24px!important;height:24px!important}

/* Responsive optical scaling */
@media(max-width:720px){
 .bio-page.bp-company-apex .bio-card,.bio-page.bp-freelancer-daniel .bio-card,.bio-page.bp-luxury-bellagio .bio-card,.bio-page.bp-creator-alex .bio-card,.bio-page.bp-fitness-performance .bio-card,.bio-page.bp-restaurant-chef-marco .bio-card,.bio-page.bp-personal-sophie .bio-card,.bio-page.bp-travel-liam .bio-card,.bio-page.bp-influencer-olivia .bio-card{padding-left:18px!important;padding-right:18px!important;border-radius:30px!important}
 .bio-page[class*="bp-"] .public-link-block.has-brand-icon{min-height:76px!important;padding:11px 13px!important;gap:12px!important}
 .bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy strong{font-size:16px!important}.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy small{font-size:11.5px!important}
 .bio-page.bp-company-apex .bio-profile h1,.bio-page.bp-freelancer-daniel .bio-profile h1,.bio-page.bp-luxury-bellagio .bio-profile h1,.bio-page.bp-creator-alex .bio-profile h1,.bio-page.bp-fitness-performance .bio-profile h1,.bio-page.bp-restaurant-chef-marco .bio-profile h1,.bio-page.bp-personal-sophie .bio-profile h1,.bio-page.bp-travel-liam .bio-profile h1,.bio-page.bp-influencer-olivia .bio-profile h1{font-size:32px!important}
 .bio-page.bp-luxury-bellagio .public-link-copy strong{font-size:20px!important}.bio-page.bp-fitness-performance .public-link-copy strong{font-size:18px!important}.bio-page.bp-fitness-performance .public-brand-icon{width:52px!important;flex-basis:52px!important}
 .bio-page.bp-company-apex .text-variant-stats{padding:17px 8px!important}.bio-page.bp-company-apex .text-variant-stats::before,.bio-page.bp-company-apex .text-variant-stats::after{font-size:20px!important}
}
/* V13.2 stats component */
.public-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding:22px 12px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 68%,transparent);backdrop-filter:blur(12px)}
.public-stats>span{display:grid;gap:5px;place-items:center;text-align:center;padding:0 10px;border-right:1px solid color-mix(in srgb,var(--text) 18%,transparent)}.public-stats>span:last-child{border-right:0}.public-stats strong{font-size:27px;line-height:1;color:var(--accent)}.public-stats small{font-size:13px;color:var(--text);opacity:.82}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 5px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:9px}.preview-stats span{display:grid;gap:2px;text-align:center;border-right:1px solid rgba(127,127,127,.18)}.preview-stats span:last-child{border-right:0}.preview-stats strong{font-size:8px;color:var(--accent)}.preview-stats small{font-size:5px;color:var(--muted)}
.bio-page.bp-company-apex .public-stats{border-color:rgba(226,185,111,.58);background:rgba(11,16,19,.65)}.bio-page.bp-company-apex .public-stats strong{color:#e2b96f}.bio-page.bp-company-apex .public-stats small{color:#e8e8e8}

/* ===== HiLink V13.2.1 — Compact card rhythm ================================
   Reduces CTA/card height and vertical whitespace across every built-in
   template/blueprint while preserving each design's colors, icon language,
   typography and glass/luxury treatments. */
.bio-page[class*="tpl-"] .public-blocks,
.bio-page[class*="bp-"] .public-blocks{gap:10px!important;row-gap:10px!important}

/* Legacy / design-only template cards */
.bio-page[class*="tpl-"] .public-link-block{min-height:62px!important;padding:9px 15px!important;gap:11px!important}
.bio-page[class*="tpl-"] .public-link-block>svg{width:38px!important;height:38px!important;flex-basis:38px!important;padding:8px!important;border-radius:11px!important}
.bio-page[class*="tpl-"] .public-link-thumb{width:42px!important;height:42px!important;border-radius:11px!important}
.bio-page[class*="tpl-"] .public-link-block>span strong{font-size:15px!important;line-height:1.18!important}
.bio-page[class*="tpl-"] .public-link-block>span small{font-size:10.5px!important;line-height:1.28!important}
.bio-page[class*="tpl-"] :is(.public-event,.public-booking,.public-download,.public-media-link,.public-whatsapp){min-height:62px!important;padding:9px 14px!important;gap:10px!important}
.bio-page[class*="tpl-"] :is(.event-date,.booking-icon,.download-icon,.media-icon,.public-whatsapp>span:first-child){width:38px!important;height:38px!important;border-radius:11px!important}
.bio-page[class*="tpl-"] .public-heading{margin-top:15px!important;margin-bottom:2px!important}

/* Smart Blueprint CTA cards */
.bio-page[class*="bp-"] .public-link-block{min-height:68px!important;padding:9px 14px!important;gap:12px!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon{min-height:68px!important;padding:9px 14px!important;gap:12px!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy{gap:2px!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy strong{font-size:16px!important;line-height:1.16!important}
.bio-page[class*="bp-"] .public-link-block.has-brand-icon .public-link-copy small{font-size:11px!important;line-height:1.25!important}
.bio-page[class*="bp-"] .public-brand-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:12px!important}
.bio-page[class*="bp-"] .public-brand-icon svg{width:21px!important;height:21px!important}
.bio-page[class*="bp-"] .public-link-arrow{width:25px!important;flex-basis:25px!important}
.bio-page[class*="bp-"] .public-link-arrow svg{width:18px!important;height:18px!important}
.bio-page[class*="bp-"] :is(.public-event,.public-booking,.public-download,.public-media-link,.public-whatsapp){min-height:68px!important;padding:9px 14px!important;gap:11px!important}
.bio-page[class*="bp-"] :is(.event-date,.booking-icon,.download-icon,.media-icon,.public-whatsapp>span:first-child){width:44px!important;height:44px!important;border-radius:12px!important}
.bio-page[class*="bp-"] .public-heading{margin-top:17px!important;margin-bottom:2px!important}

/* DJ / Musician keeps its branded treatment, but uses the same compact rhythm. */
.bio-page.bp-dj-neon-stage .public-blocks,.bio-page.bp-dj-midnight-minimal .public-blocks{gap:10px!important}
.bio-page.bp-dj-neon-stage .public-link-block,.bio-page.bp-dj-midnight-minimal .public-link-block,
.bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,
.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,
.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{min-height:66px!important;padding:9px 12px!important;border-radius:16px!important}
.bio-page.bp-dj-neon-stage .public-link-block.has-brand-icon,.bio-page.bp-dj-midnight-minimal .public-link-block.has-brand-icon{gap:11px!important}
.bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,
.bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,
.bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{grid-template-columns:44px minmax(0,1fr) auto!important;gap:11px!important}
.bio-page.bp-dj-neon-stage .event-date,.bio-page.bp-dj-midnight-minimal .event-date,
.bio-page.bp-dj-neon-stage .booking-icon,.bio-page.bp-dj-midnight-minimal .booking-icon,
.bio-page.bp-dj-neon-stage .download-icon,.bio-page.bp-dj-midnight-minimal .download-icon{width:44px!important;height:44px!important;border-radius:12px!important}
.bio-page.bp-dj-neon-stage .public-link-block .public-link-copy strong,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy strong,
.bio-page.bp-dj-neon-stage .public-event strong,.bio-page.bp-dj-midnight-minimal .public-event strong,
.bio-page.bp-dj-neon-stage .public-booking strong,.bio-page.bp-dj-midnight-minimal .public-booking strong,
.bio-page.bp-dj-neon-stage .public-download strong,.bio-page.bp-dj-midnight-minimal .public-download strong{font-size:15px!important}
.bio-page.bp-dj-neon-stage .public-link-block .public-link-copy small,.bio-page.bp-dj-midnight-minimal .public-link-block .public-link-copy small,
.bio-page.bp-dj-neon-stage .public-event small,.bio-page.bp-dj-midnight-minimal .public-event small,
.bio-page.bp-dj-neon-stage .public-booking small,.bio-page.bp-dj-midnight-minimal .public-booking small,
.bio-page.bp-dj-neon-stage .public-download small,.bio-page.bp-dj-midnight-minimal .public-download small{font-size:10.5px!important;line-height:1.25!important}
.bio-page.bp-dj-neon-stage .event-details-btn,.bio-page.bp-dj-midnight-minimal .event-details-btn,
.bio-page.bp-dj-neon-stage .public-booking>a,.bio-page.bp-dj-midnight-minimal .public-booking>a,
.bio-page.bp-dj-neon-stage .download-cta,.bio-page.bp-dj-midnight-minimal .download-cta{padding:6px 4px!important;font-size:9.5px!important}
.bio-page.bp-dj-neon-stage .public-heading,.bio-page.bp-dj-midnight-minimal .public-heading{margin:18px 0 1px!important}

/* Reference-specific cards that were intentionally oversized in V13.2. */
.bio-page.bp-luxury-bellagio .public-link-block{min-height:72px!important}
.bio-page.bp-luxury-bellagio .public-link-copy strong{font-size:19px!important}
.bio-page.bp-fitness-performance .public-link-block{min-height:72px!important}
.bio-page.bp-fitness-performance .public-brand-icon{width:50px!important;height:44px!important;flex-basis:50px!important}
.bio-page.bp-fitness-performance .public-link-copy strong{font-size:18px!important}
.bio-page.bp-fitness-performance .public-link-copy small{font-size:12px!important}
.bio-page.bp-influencer-olivia .public-link-block{min-height:70px!important}

/* Live Preview mirrors the compact public-page geometry. */
.live-preview[class*="tpl-"] .preview-blocks,
.live-preview[class*="bp-"] .preview-blocks{row-gap:6px!important;gap:6px!important}
.live-preview[class*="tpl-"] .preview-link,
.live-preview[class*="bp-"] .preview-link.has-brand-icon{min-height:42px!important;padding:6px 8px!important;gap:7px!important}
.live-preview[class*="tpl-"] .preview-link>svg{width:24px!important;height:24px!important;flex-basis:24px!important;padding:5px!important}
.live-preview[class*="bp-"] .preview-brand-icon{width:27px!important;height:27px!important;border-radius:7px!important}
.live-preview[class*="bp-"] .preview-brand-icon svg{width:14px!important;height:14px!important}
.live-preview[class*="bp-"] .preview-link.has-brand-icon>span{font-size:7.6px!important}
.live-preview[class*="bp-"] .preview-link.has-brand-icon>span small{font-size:5.4px!important;margin-top:1px!important}
.live-preview.bp-dj-neon-stage .preview-link,.live-preview.bp-dj-midnight-minimal .preview-link,
.live-preview.bp-dj-neon-stage .preview-event,.live-preview.bp-dj-midnight-minimal .preview-event,
.live-preview.bp-dj-neon-stage .preview-booking,.live-preview.bp-dj-midnight-minimal .preview-booking,
.live-preview.bp-dj-neon-stage .preview-download,.live-preview.bp-dj-midnight-minimal .preview-download{min-height:41px!important}
.live-preview.bp-dj-neon-stage .preview-link.has-brand-icon,.live-preview.bp-dj-midnight-minimal .preview-link.has-brand-icon{grid-template-columns:27px minmax(0,1fr) 18px!important;padding:6px 7px!important;gap:7px!important}

@media(max-width:720px){
 .bio-page[class*="tpl-"] .public-blocks,.bio-page[class*="bp-"] .public-blocks{gap:8px!important;row-gap:8px!important}
 .bio-page[class*="tpl-"] .public-link-block{min-height:56px!important;padding:8px 12px!important}
 .bio-page[class*="bp-"] .public-link-block,.bio-page[class*="bp-"] .public-link-block.has-brand-icon{min-height:60px!important;padding:8px 11px!important;gap:10px!important}
 .bio-page[class*="bp-"] .public-brand-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:11px!important}
 .bio-page[class*="bp-"] .public-brand-icon svg{width:19px!important;height:19px!important}
 .bio-page[class*="bp-"] :is(.public-event,.public-booking,.public-download,.public-media-link,.public-whatsapp){min-height:60px!important;padding:8px 11px!important}
 .bio-page[class*="bp-"] :is(.event-date,.booking-icon,.download-icon,.media-icon,.public-whatsapp>span:first-child){width:40px!important;height:40px!important}
 .bio-page.bp-dj-neon-stage .public-link-block,.bio-page.bp-dj-midnight-minimal .public-link-block,
 .bio-page.bp-dj-neon-stage .public-event,.bio-page.bp-dj-midnight-minimal .public-event,
 .bio-page.bp-dj-neon-stage .public-booking,.bio-page.bp-dj-midnight-minimal .public-booking,
 .bio-page.bp-dj-neon-stage .public-download,.bio-page.bp-dj-midnight-minimal .public-download{min-height:60px!important;padding:8px 10px!important}
 .bio-page.bp-luxury-bellagio .public-link-block,.bio-page.bp-fitness-performance .public-link-block,.bio-page.bp-influencer-olivia .public-link-block{min-height:62px!important}
}

/* HiLink V13.3 — Production Launch Readiness */
.launch-readiness-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.launch-score-card{position:relative;overflow:hidden;padding:28px!important}.launch-score-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#f1ad44}.launch-score-card.ready:before{background:#25b879}.launch-score-card>strong{display:block;margin:8px 0 4px;font-size:42px;line-height:1;font-weight:850;letter-spacing:-.045em;color:#0b1730}.launch-score-card h2{margin:10px 0 6px;font-size:20px}.launch-score-card p{margin:0;color:#718096}.launch-readiness-grid{align-items:start}.launch-check-list{display:flex;flex-direction:column}.launch-check-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f6}.launch-check-row:last-child{border-bottom:0}.launch-check-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff5e6;color:#b97012;border:1px solid #f6d8aa}.launch-check-row.ready .launch-check-icon{background:#eafaf3;color:#11895b;border-color:#c6efdc}.launch-check-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.launch-check-row strong{font-size:14px;color:#14213a}.launch-check-row small{font-size:12px;line-height:1.45;color:#7b879a}.launch-check-row>b{font-size:11px;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#fff5e6;color:#9b6314}.launch-check-row.ready>b{background:#eafaf3;color:#147450}.launch-confirm-form .check-row{padding:13px 0;border-bottom:1px solid #edf1f6}.launch-confirm-form .check-row:last-of-type{margin-bottom:10px}.launch-reset-form{margin-top:12px}.launch-optional{margin-top:24px;padding-top:20px;border-top:1px solid #e7ecf3}.launch-optional h3{margin:0 0 4px;font-size:15px}.launch-optional .launch-check-row{grid-template-columns:38px minmax(0,1fr) auto auto}@media(max-width:1100px){.launch-readiness-summary{grid-template-columns:1fr}.launch-check-row{grid-template-columns:38px minmax(0,1fr) auto}.launch-check-row .btn{grid-column:2/4;justify-self:start}}@media(max-width:700px){.launch-score-card{padding:22px!important}.launch-score-card>strong{font-size:36px}.launch-check-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.launch-check-row>b{grid-column:2;justify-self:start}.launch-check-row .btn{grid-column:2;justify-self:start}.launch-check-icon{width:32px;height:32px}}

/* =========================================================
   HiLink V13.4 — Professional SaaS Control Center
   ========================================================= */
.saas-admin-body{
  --admin-sidebar-w:292px;
  --admin-page-max:1380px;
  --admin-bg:#f4f7fb;
  --admin-surface:#ffffff;
  --admin-surface-soft:#f8fafc;
  --admin-text:#101828;
  --admin-muted:#667085;
  --admin-line:#e4e9f1;
  --admin-line-soft:#edf1f5;
  --admin-accent:#635bff;
  --admin-accent-2:#776dff;
  --admin-accent-soft:#f0efff;
  --admin-success:#079455;
  --admin-warning:#b54708;
  background:var(--admin-bg)!important;
  color:var(--admin-text);
  min-height:100vh;
}
.saas-admin-body .saas-admin-sidebar{
  width:var(--admin-sidebar-w);
  padding:22px 18px 18px;
  background:rgba(255,255,255,.97);
  border-right:1px solid var(--admin-line);
  box-shadow:8px 0 30px rgba(31,45,61,.025);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.saas-admin-body .saas-admin-brand{
  min-height:82px;
  padding:8px 10px 18px;
  margin:0 0 12px;
  border-bottom:1px solid var(--admin-line-soft);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.saas-admin-body .saas-admin-brand>a{display:flex;align-items:center;min-width:0}
.saas-admin-body .saas-admin-logo{width:128px;height:auto;display:block}
.saas-admin-body .saas-admin-brand-copy{display:grid;gap:2px;text-align:right;white-space:nowrap}
.saas-admin-body .saas-admin-brand-copy span{font-size:9px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#7a8496;font-weight:800}
.saas-admin-body .saas-admin-brand-copy small{font-size:10px;color:#a0a8b6;font-weight:600}
.saas-admin-body .saas-admin-nav{padding:4px 2px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d5dae2 transparent}
.saas-admin-body .saas-admin-nav-group{margin:0 0 17px}
.saas-admin-body .saas-admin-nav-group>small{
  display:block;
  margin:0 10px 7px;
  color:#98a2b3;
  font-size:9px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.saas-admin-body .saas-admin-nav-group a{
  min-height:43px;
  height:auto;
  margin:3px 0;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#526071;
  font-size:13px;
  font-weight:700;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.saas-admin-body .saas-admin-nav-group a svg{color:#8490a2;flex:0 0 auto}
.saas-admin-body .saas-admin-nav-group a:hover{background:#f8f9fc;border-color:#eceff4;color:#243041;transform:translateX(1px)}
.saas-admin-body .saas-admin-nav-group a.active{
  background:linear-gradient(135deg,#f1f0ff,#f7f7ff);
  border-color:#ddd9ff;
  color:#4b43d7;
  box-shadow:0 5px 14px rgba(99,91,255,.07);
}
.saas-admin-body .saas-admin-nav-group a.active svg{color:var(--admin-accent)}
.saas-admin-body .saas-admin-bottom{padding:14px 2px 0;border-top:1px solid var(--admin-line-soft);display:grid;gap:6px}
.saas-admin-body .saas-admin-user{padding:10px;border:1px solid var(--admin-line-soft);border-radius:14px;background:#fafbfd;margin-bottom:3px;gap:10px}
.saas-admin-body .saas-admin-user strong{font-size:12.5px;color:#1d2939}.saas-admin-body .saas-admin-user small{font-size:10.5px;color:#8a94a4;margin-top:2px}
.saas-admin-body .saas-admin-bottom>a{min-height:38px;padding:8px 10px;border-radius:10px;color:#667085;font-size:12px;font-weight:650;gap:9px}.saas-admin-body .saas-admin-bottom>a:hover{background:#f5f6fa;color:#344054}

.saas-admin-body .saas-admin-main,
.saas-admin-body .saas-admin-sidebar~.app-main{
  margin-left:var(--admin-sidebar-w)!important;
  width:auto!important;
  max-width:none!important;
  padding:36px clamp(28px,3.3vw,54px) 72px!important;
  background:var(--admin-bg)!important;
}
.saas-admin-body .saas-admin-workspace,
.saas-admin-body .app-main>header,
.saas-admin-body .app-main>section,
.saas-admin-body .app-main>div:not(.alert):not(.modal){max-width:var(--admin-page-max);margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}
.saas-admin-body .saas-admin-content{display:grid;gap:26px;width:100%}
.saas-admin-body .saas-admin-content>section{margin:0;width:100%}
.saas-admin-body .saas-admin-page-head,
.saas-admin-body .app-top{
  min-height:92px;
  margin:0 auto 32px!important;
  padding:0 0 25px;
  border-bottom:1px solid #e7ebf1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}
.saas-admin-body .saas-admin-page-copy{min-width:0;max-width:820px}
.saas-admin-body .saas-admin-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#98a2b3;font-size:10.5px;font-weight:700}
.saas-admin-body .saas-admin-breadcrumb a{color:#7a8495;text-decoration:none}.saas-admin-body .saas-admin-breadcrumb a:hover{color:var(--admin-accent)}
.saas-admin-body .saas-admin-breadcrumb svg{color:#b2bac6}
.saas-admin-body .saas-admin-page-head .eyebrow,
.saas-admin-body .app-top .eyebrow{margin:0 0 7px;color:var(--admin-accent);font-size:10px;line-height:1.2;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.saas-admin-body .saas-admin-page-head h1,
.saas-admin-body .app-top h1{margin:0;color:#101828;font-size:clamp(30px,2.3vw,38px);line-height:1.08;letter-spacing:-.045em;font-weight:800}
.saas-admin-body .saas-admin-page-head .saas-admin-page-copy>p:last-child,
.saas-admin-body .app-top>div>p:last-child{max-width:760px;margin:10px 0 0;color:#667085;font-size:14px;line-height:1.65}
.saas-admin-body .saas-admin-page-actions,
.saas-admin-body .top-action-group{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;flex:0 0 auto}
.saas-admin-body .admin-open-site{white-space:nowrap}

.saas-admin-body .content-card,
.saas-admin-body .admin-panel-card{
  background:var(--admin-surface);
  border:1px solid var(--admin-line);
  border-radius:22px;
  box-shadow:0 12px 38px rgba(18,32,52,.045);
  overflow:hidden;
  margin:0;
}
.saas-admin-body .card-head{
  min-height:82px;
  padding:24px 28px!important;
  border-bottom:1px solid var(--admin-line-soft);
  background:linear-gradient(180deg,#fff,#fdfefe);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.saas-admin-body .card-head>div{min-width:0}
.saas-admin-body .card-head h2{font-size:19px;line-height:1.3;margin:0 0 6px;color:#101828;font-weight:800;letter-spacing:-.02em}
.saas-admin-body .card-head p{max-width:720px;margin:0;color:#7a8495;font-size:13px;line-height:1.6}
.saas-admin-body .admin-card-kicker{display:block;margin:0 0 7px;color:#8d96a7;font-size:9.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.saas-admin-body .admin-card-body{padding:26px 28px 30px}
.saas-admin-body .saas-admin-form,
.saas-admin-body .card-form,
.saas-admin-body .mail-settings-form,
.saas-admin-body .coupon-create-form,
.saas-admin-body .invoice-settings-form{padding:26px 28px 30px!important;display:grid;gap:20px}
.saas-admin-body .saas-admin-form label,
.saas-admin-body .card-form label,
.saas-admin-body .mail-settings-form label,
.saas-admin-body .coupon-create-form label,
.saas-admin-body .invoice-settings-form label,
.saas-admin-body .homepage-fields label{display:grid;gap:8px;color:#344054;font-size:12.5px;line-height:1.4;font-weight:750}
.saas-admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.saas-admin-body select,
.saas-admin-body textarea{
  width:100%;
  min-height:48px;
  border:1px solid #d9e0e9;
  border-radius:12px;
  background:#fff;
  color:#182230;
  padding:11px 13px;
  font-size:13.5px;
  line-height:1.45;
  box-shadow:0 1px 2px rgba(16,24,40,.015);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.saas-admin-body textarea{min-height:116px;resize:vertical}
.saas-admin-body input:hover,.saas-admin-body select:hover,.saas-admin-body textarea:hover{border-color:#c8d0dc}
.saas-admin-body input:focus,.saas-admin-body select:focus,.saas-admin-body textarea:focus{outline:0;border-color:#8178ff;box-shadow:0 0 0 4px rgba(99,91,255,.085)}
.saas-admin-body .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.saas-admin-body .check-row{display:flex!important;align-items:flex-start;gap:9px!important;font-size:12.5px!important;line-height:1.45;color:#475467;font-weight:600!important}
.saas-admin-body .check-row input[type="checkbox"]{width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px;margin-top:1px;accent-color:var(--admin-accent)}
.saas-admin-body .admin-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding-top:19px;border-top:1px solid var(--admin-line-soft)}
.saas-admin-body .admin-form-actions small{max-width:420px;color:#8a94a4;font-size:11px;line-height:1.5;text-align:right}

.saas-admin-body .btn{min-height:42px;border-radius:11px;padding:9px 15px;font-size:12.5px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.saas-admin-body .btn:hover{transform:translateY(-1px)}
.saas-admin-body .btn.primary{background:linear-gradient(135deg,#635bff,#756cff);border-color:#635bff;box-shadow:0 8px 18px rgba(99,91,255,.16)}
.saas-admin-body .btn.primary:hover{box-shadow:0 10px 24px rgba(99,91,255,.22)}
.saas-admin-body .btn.soft{background:#fff;border:1px solid #dfe4ec;color:#344054;box-shadow:0 2px 5px rgba(16,24,40,.025)}
.saas-admin-body .btn.soft:hover{border-color:#cacff0;background:#fafaff;color:#4f46d8}
.saas-admin-body .btn.ghost{background:#f8f9fc;border:1px solid #e8ebf1;color:#596579}
.saas-admin-body .btn.small{min-height:36px;padding:7px 11px;font-size:11.5px}
.saas-admin-body .icon-btn{width:38px;height:38px;min-width:38px;border-radius:10px;border:1px solid #e1e6ed;background:#fff;color:#657084;display:inline-flex;align-items:center;justify-content:center;transition:.16s ease}
.saas-admin-body .icon-btn:hover{background:#f7f7ff;border-color:#d8d4ff;color:#5c52e6;transform:translateY(-1px)}
.saas-admin-body .status-pill{min-height:26px;padding:5px 9px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.02em}

.saas-admin-body .saas-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 2px}
.saas-admin-body .saas-stat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.saas-admin-body .saas-stat-card{min-height:110px;padding:21px 22px;border:1px solid var(--admin-line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(18,32,52,.035);display:flex;align-items:center;gap:15px}
.saas-admin-body .saas-stat-card>span{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#f0efff,#f8f7ff);color:var(--admin-accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.saas-admin-body .saas-stat-card div{display:grid;gap:3px;min-width:0}.saas-admin-body .saas-stat-card small{font-size:10.5px;color:#8b95a6;font-weight:700}.saas-admin-body .saas-stat-card strong{font-size:23px;line-height:1.1;color:#101828;letter-spacing:-.03em}.saas-admin-body .saas-stat-card p{margin:2px 0 0;color:#8a94a4;font-size:10.5px;line-height:1.4}

.saas-admin-body .saas-admin-two-col,
.saas-admin-body .admin-layout,
.saas-admin-body .footer-cms-layout{display:grid;grid-template-columns:1fr;gap:26px;margin:0}
@media(min-width:1540px){.saas-admin-body .saas-admin-two-col.dashboard-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
.saas-admin-body .saas-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:24px}
.saas-admin-body .saas-plan-card{padding-bottom:28px}.saas-admin-body .saas-plan-card>.form-grid,.saas-admin-body .saas-plan-card>.saas-capability-grid{margin-inline:28px}.saas-admin-body .saas-plan-card>.form-grid{margin-top:26px}.saas-admin-body .saas-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:20px 0;border-top:1px solid var(--admin-line-soft)}.saas-admin-body .saas-capability-grid .check-row{min-height:46px;padding:11px 12px!important;border:1px solid #e7ecf2;border-radius:12px;background:#fafbfd}.saas-admin-body .saas-plan-card>.btn{margin:0 28px}

.saas-admin-body .saas-data-table{padding:5px 22px 18px;overflow-x:auto}.saas-admin-body .saas-data-table>.head,.saas-admin-body .saas-data-table>div:not(.head){min-width:940px;padding-inline:8px}.saas-admin-body .saas-data-table>.head{padding-top:14px;padding-bottom:12px;color:#98a2b3;border-bottom:1px solid #e7ebf1;font-size:9.5px;letter-spacing:.09em}.saas-admin-body .saas-data-table>div:not(.head){min-height:64px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #edf1f5;transition:background .14s ease}.saas-admin-body .saas-data-table>div:not(.head):hover{background:#fafbfc}.saas-admin-body .saas-data-table>div:not(.head):last-child{border-bottom:0}.saas-admin-body .saas-data-table strong{font-size:12.5px}.saas-admin-body .saas-data-table small{font-size:10.5px;line-height:1.45}

/* Footer + website CMS: turn dense inline forms into clean editor cards. */
.saas-admin-body .footer-cms-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.saas-admin-body .footer-cms-stats article{min-height:88px;padding:18px;border:1px solid var(--admin-line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(18,32,52,.03)}
.saas-admin-body .footer-nav-manager .footer-section-list{padding:22px 26px 28px;display:grid;gap:18px}.saas-admin-body .footer-admin-section{border:1px solid #e5eaf0;border-radius:17px;background:#fbfcfe;overflow:hidden}.saas-admin-body .footer-section-head{display:grid!important;grid-template-columns:minmax(220px,1fr) 95px auto auto;gap:14px;align-items:end;padding:18px 20px;border-bottom:1px solid #e8edf2;background:#fff}.saas-admin-body .footer-section-head>div{display:grid;gap:6px}.saas-admin-body .footer-section-head>div small{font-size:9px;color:#98a2b3;font-weight:850;letter-spacing:.1em}.saas-admin-body .footer-section-head input{min-height:42px!important}.saas-admin-body .footer-link-list{padding:14px;display:grid;gap:12px}.saas-admin-body .footer-link-editor{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;padding:16px;border:1px solid #e6eaf0;border-radius:14px;background:#fff}.saas-admin-body .footer-link-editor label{display:grid;gap:6px;font-size:10.5px;color:#687386;font-weight:700}.saas-admin-body .footer-link-editor .order-field{max-width:140px}.saas-admin-body .footer-link-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid #f0f2f5}.saas-admin-body .footer-add-link{padding:0 14px 15px}.saas-admin-body .footer-cms-right{display:grid;gap:22px}.saas-admin-body .v12-section-switcher{padding:20px 24px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saas-admin-body .v12-section-switcher a{min-height:66px;border-radius:14px;padding:13px 15px}.saas-admin-body .v12-page-buttons{padding:10px 24px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saas-admin-body .v12-page-buttons a{min-height:62px;padding:12px 14px;border-radius:13px}.saas-admin-body .cms-new-page{margin:0 24px 24px;border:1px solid #e5eaf0;border-radius:13px;padding:4px 14px}.saas-admin-body .cms-new-page form{padding:14px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.saas-admin-body .cms-new-page form button{grid-column:1/-1;justify-self:flex-start}.saas-admin-body .v12-visual-page-intro{margin:24px 28px 16px;padding:16px;border-radius:14px;background:#f7f7ff;border:1px solid #e5e2ff}.saas-admin-body .v12-edit-visual-btn{margin:0 28px 18px;width:calc(100% - 56px)!important}.saas-admin-body .v12-page-meta-mini{margin:0 28px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saas-admin-body .v12-page-meta-mini>span{padding:13px;border:1px solid #e8edf2;border-radius:12px;background:#fbfcfd}

/* Legal center */
.saas-admin-body .legal-admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:24px}.saas-admin-body .legal-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-admin-body .admin-health-dot{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;font-size:9.5px;font-weight:800}.saas-admin-body .admin-health-dot.ready{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.saas-admin-body .admin-health-dot.attention{color:#b54708;background:#fffaeb;border:1px solid #fedf89}.saas-admin-body .legal-generator-body{display:grid;gap:15px}.saas-admin-body .legal-generator-feature{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f5}.saas-admin-body .legal-generator-feature>span{width:36px;height:36px;border-radius:11px;background:#f1f0ff;color:#635bff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.saas-admin-body .legal-generator-feature strong{display:block;margin-bottom:3px;font-size:12.5px;color:#243041}.saas-admin-body .legal-generator-feature p{margin:0;color:#7b8697;font-size:11.5px;line-height:1.5}.saas-admin-body .legal-generator-feature code{padding:2px 5px;border-radius:5px;background:#f2f4f7;font-size:10.5px}.saas-admin-body .legal-generator-action{margin:0!important}.saas-admin-body .legal-generator-action.restore{padding-top:14px;border-top:1px solid #edf1f5;display:grid;gap:11px}.saas-admin-body .admin-context-note{margin:0;padding:12px 13px;border-radius:11px;background:#fffcf5;border:1px solid #f7e8bd;color:#806a2e;font-size:10.5px;line-height:1.55}.saas-admin-body .legal-policy-grid{padding:22px 26px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.saas-admin-body .legal-policy-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid #e4e9f0;border-radius:15px;background:#fff;transition:.16s ease}.saas-admin-body .legal-policy-card:hover{border-color:#d4d0ff;box-shadow:0 9px 22px rgba(55,46,150,.06);transform:translateY(-1px)}.saas-admin-body .legal-policy-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#eeedff,#f8f8ff);color:#6259ef;display:flex;align-items:center;justify-content:center}.saas-admin-body .legal-policy-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.saas-admin-body .legal-policy-title h3{margin:0;font-size:14px;color:#182230}.saas-admin-body .legal-policy-copy p{margin:5px 0;color:#7a8495;font-size:11.5px;line-height:1.5}.saas-admin-body .legal-policy-copy small{color:#a0a8b6;font-size:9.5px}.saas-admin-body .legal-policy-actions{display:flex;align-items:center;gap:6px}.saas-admin-body .legal-policy-actions form{margin:0!important}

/* Existing operations views */
.saas-admin-body .message-center-layout{gap:24px!important}.saas-admin-body .message-inbox,.saas-admin-body .message-detail{border-radius:22px!important}.saas-admin-body .message-list{padding:8px}.saas-admin-body .message-list-item{border-radius:12px;padding:13px 12px;margin:2px 0}.saas-admin-body .message-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}.saas-admin-body .message-metrics a{min-height:74px;padding:13px;border-radius:14px;border:1px solid var(--admin-line);background:#fff}.saas-admin-body .member-access-list{padding:14px 22px 22px}.saas-admin-body .member-access-row{min-height:72px;padding:13px 8px;border-bottom:1px solid #edf1f5}.saas-admin-body .coupon-create-form,.saas-admin-body .invoice-settings-form{padding:26px 28px 30px!important}.saas-admin-body .coupon-list,.saas-admin-body .payment-history,.saas-admin-body .event-log{padding:8px 24px 22px}.saas-admin-body .coupon-row,.saas-admin-body .payment-row,.saas-admin-body .event-log>div{min-height:62px;padding:12px 5px;border-bottom:1px solid #edf1f5}

@media(max-width:1320px){
  .saas-admin-body{--admin-sidebar-w:258px}
  .saas-admin-body .saas-admin-brand-copy{display:none}
  .saas-admin-body .legal-admin-grid{grid-template-columns:1fr}
  .saas-admin-body .saas-plan-grid{grid-template-columns:1fr}
}
@media(max-width:1050px){
  .saas-admin-body .form-grid,.saas-admin-body .saas-capability-grid,.saas-admin-body .legal-policy-grid{grid-template-columns:1fr}
  .saas-admin-body .footer-cms-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saas-admin-body .message-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .saas-admin-body{--admin-sidebar-w:0px}
  .saas-admin-body .saas-admin-sidebar{width:100%;padding:9px 12px;background:#fff}
  .saas-admin-body .saas-admin-brand{min-height:46px;padding:0;border:0;margin:0}.saas-admin-body .saas-admin-logo{width:106px}.saas-admin-body .saas-admin-nav{padding:0}.saas-admin-body .saas-admin-nav-group a{min-height:38px;padding:7px 9px;border-radius:10px;white-space:nowrap}.saas-admin-body .saas-admin-main,.saas-admin-body .saas-admin-sidebar~.app-main{margin-left:0!important;padding:24px 16px 50px!important}.saas-admin-body .saas-admin-page-head,.saas-admin-body .app-top{align-items:flex-start;display:grid;gap:16px;margin-bottom:24px!important}.saas-admin-body .saas-admin-page-actions,.saas-admin-body .top-action-group{justify-content:flex-start}.saas-admin-body .saas-stat-grid,.saas-admin-body .legal-stat-grid,.saas-admin-body .saas-stat-grid.compact{grid-template-columns:1fr 1fr}.saas-admin-body .footer-section-head{grid-template-columns:1fr 80px}.saas-admin-body .footer-section-head .check-row,.saas-admin-body .footer-section-head .btn{align-self:center}.saas-admin-body .footer-link-editor,.saas-admin-body .v12-section-switcher,.saas-admin-body .v12-page-buttons,.saas-admin-body .cms-new-page form{grid-template-columns:1fr}.saas-admin-body .legal-policy-card{grid-template-columns:40px minmax(0,1fr)}.saas-admin-body .legal-policy-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #edf1f5;padding-top:10px}.saas-admin-body .admin-form-actions{align-items:flex-start;display:grid}.saas-admin-body .admin-form-actions small{text-align:left}
}
@media(max-width:560px){
  .saas-admin-body .saas-stat-grid,.saas-admin-body .legal-stat-grid,.saas-admin-body .saas-stat-grid.compact,.saas-admin-body .footer-cms-stats,.saas-admin-body .message-metrics{grid-template-columns:1fr}
  .saas-admin-body .content-card,.saas-admin-body .admin-panel-card{border-radius:18px}
  .saas-admin-body .card-head,.saas-admin-body .saas-admin-form,.saas-admin-body .card-form,.saas-admin-body .admin-card-body{padding-left:18px!important;padding-right:18px!important}
  .saas-admin-body .saas-admin-page-head h1,.saas-admin-body .app-top h1{font-size:29px}
  .saas-admin-body .v12-visual-page-intro,.saas-admin-body .v12-page-meta-mini{margin-left:18px;margin-right:18px}.saas-admin-body .v12-edit-visual-btn{margin-left:18px;margin-right:18px;width:calc(100% - 36px)!important}
}

/* =========================================================
   HiLink V13.4 — Public Legal Center (/s/*)
   ========================================================= */
.legal-policy-body{background:#fff;color:#111827}
.legal-policy-body .cms-nav{background:rgba(255,255,255,.94);border-bottom:1px solid #eceff3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.legal-policy-body .cms-main{background:#fff}
.legal-policy-body .cms-hero.cms-section-legal{min-height:0;padding:78px 24px 52px;background:#fff;border-bottom:1px solid #eef0f3}
.legal-policy-body .cms-hero-orb{display:none}
.legal-policy-body .cms-hero-inner{max-width:1060px;margin:0 auto;text-align:left}
.legal-policy-body .cms-breadcrumb{margin:0 0 28px;color:#8b93a1;font-size:12px}
.legal-policy-body .cms-eyebrow{display:inline-flex;margin:0 0 14px;padding:6px 9px;border-radius:999px;background:#f4f3ff;color:#5f57e7;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.legal-policy-body .cms-hero h1{max-width:850px;margin:0;color:#101828;font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.055em;font-weight:800}
.legal-policy-body .cms-hero-inner>p{max-width:760px;margin:22px 0 0;color:#606b7b;font-size:17px;line-height:1.7}
.legal-policy-body .cms-hero-meta{margin-top:24px;display:flex;gap:18px;color:#8b95a4;font-size:11px}.legal-policy-body .cms-hero-meta span{display:inline-flex;align-items:center;gap:6px}
.legal-policy-body .cms-content-wrap{max-width:1060px;margin:0 auto;padding:58px 24px 96px;display:grid;grid-template-columns:220px minmax(0,760px);gap:72px;align-items:start}
.legal-policy-body .cms-side{position:sticky;top:96px;padding:0;border:0;background:transparent;box-shadow:none}.legal-policy-body .cms-side>span{display:block;margin-bottom:12px;color:#98a2b3;font-size:9.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.legal-policy-body .cms-side a{min-height:42px;margin:2px 0;padding:10px 12px;border-radius:10px;color:#6d7787;font-size:12px;font-weight:650;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent}.legal-policy-body .cms-side a:hover{background:#f8f9fb;color:#273244}.legal-policy-body .cms-side a.active{background:#f3f2ff;border-color:#e4e1ff;color:#564ddf}
.legal-policy-body .cms-article{max-width:760px;padding:0;border:0;background:transparent;box-shadow:none}
.legal-policy-body .cms-builder-body{color:#374151;font-size:15.5px;line-height:1.78}
.legal-policy-body .cms-builder-body>div:first-child{margin-top:0}
.legal-policy-body .cms-builder-body h2{margin:50px 0 15px;color:#111827;font-size:25px;line-height:1.28;letter-spacing:-.025em;font-weight:760}.legal-policy-body .cms-builder-body h2:first-of-type{margin-top:34px}.legal-policy-body .cms-builder-body h3{margin:28px 0 10px;color:#1f2937;font-size:18px}.legal-policy-body .cms-builder-body p{margin:0 0 18px}.legal-policy-body .cms-builder-body ul,.legal-policy-body .cms-builder-body ol{margin:10px 0 22px;padding-left:22px}.legal-policy-body .cms-builder-body li{margin:8px 0;padding-left:3px}.legal-policy-body .cms-builder-body a{color:#5147d9;text-decoration:underline;text-decoration-color:#c9c5ff;text-underline-offset:3px}.legal-policy-body .cms-builder-body strong{color:#1f2937}
.legal-policy-body .cms-legal-note{margin:0 0 36px;padding:20px 22px;border:1px solid #e3e0ff;border-radius:14px;background:#f8f7ff;box-shadow:none}.legal-policy-body .cms-legal-note strong{display:block;margin-bottom:7px;color:#5148d7;font-size:12px;letter-spacing:0;text-transform:none}.legal-policy-body .cms-legal-note p{margin:0;color:#657083;font-size:13px;line-height:1.65}
.legal-policy-body .hi-footer{border-top:1px solid #eceff3}
@media(max-width:850px){.legal-policy-body .cms-hero.cms-section-legal{padding:55px 18px 38px}.legal-policy-body .cms-content-wrap{padding:38px 18px 70px;grid-template-columns:1fr;gap:26px}.legal-policy-body .cms-side{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.legal-policy-body .cms-side>span{display:none}.legal-policy-body .cms-side a{white-space:nowrap;min-height:38px;padding:8px 11px;border:1px solid #e8ebf0;background:#fff}.legal-policy-body .cms-hero h1{font-size:42px}.legal-policy-body .cms-hero-inner>p{font-size:15px}.legal-policy-body .cms-builder-body{font-size:14.5px;line-height:1.75}.legal-policy-body .cms-builder-body h2{font-size:22px;margin-top:40px}}

/* =========================================================
   HiLink V13.5 — Control Center 2.0
   Professional admin shell, spacing system & footer workspace
   ========================================================= */
.saas-admin-body{
  --cc-sidebar:276px;
  --cc-topbar:68px;
  --cc-page-max:1480px;
  --cc-bg:#f5f7fb;
  --cc-surface:#ffffff;
  --cc-surface-soft:#f8fafc;
  --cc-border:#e6eaf0;
  --cc-border-strong:#d9dfe8;
  --cc-text:#101828;
  --cc-muted:#667085;
  --cc-faint:#98a2b3;
  --cc-accent:#635bff;
  --cc-accent-soft:#f1f0ff;
  --cc-success:#12b76a;
  --cc-danger:#d92d20;
  --cc-shadow:0 10px 34px rgba(16,24,40,.055);
  --cc-shadow-hover:0 16px 42px rgba(16,24,40,.085);
  margin:0!important;
  min-height:100vh;
  background:var(--cc-bg)!important;
  color:var(--cc-text);
}
.saas-admin-body *{box-sizing:border-box}

/* Sidebar */
.saas-admin-body .saas-admin-sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--cc-sidebar)!important;
  height:100vh!important;
  z-index:1100!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  padding:0 14px 14px!important;
  background:#fff!important;
  border-right:1px solid var(--cc-border)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.saas-admin-body .saas-admin-brand{
  min-height:82px!important;
  margin:0!important;
  padding:17px 8px 15px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border-bottom:1px solid #eef1f5!important;
}
.saas-admin-body .saas-admin-brand>a{display:flex;align-items:center;min-width:0}
.saas-admin-body .saas-admin-logo{width:116px!important;height:auto!important}
.saas-admin-body .saas-admin-brand-copy{margin-left:auto!important;display:grid!important;gap:2px!important;text-align:right!important}
.saas-admin-body .saas-admin-brand-copy span{font-size:9px!important;letter-spacing:.12em!important;color:#667085!important;font-weight:850!important;text-transform:uppercase!important}
.saas-admin-body .saas-admin-brand-copy small{font-size:10px!important;color:#a0a7b3!important;font-weight:650!important}
.saas-admin-body .saas-admin-close{display:none;width:34px;height:34px;border:1px solid var(--cc-border);border-radius:10px;background:#fff;color:#667085;align-items:center;justify-content:center}
.saas-admin-body .saas-admin-nav{
  min-height:0!important;
  padding:17px 2px 20px!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#d6dbe4 transparent;
}
.saas-admin-body .saas-admin-nav-group{margin:0 0 20px!important}
.saas-admin-body .saas-admin-nav-group>small{
  display:block!important;
  margin:0 10px 7px!important;
  color:#98a2b3!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.saas-admin-body .saas-admin-nav-group a{
  position:relative!important;
  min-height:43px!important;
  margin:3px 0!important;
  padding:6px 9px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 8px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#475467!important;
  font-size:12.5px!important;
  font-weight:690!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.saas-admin-body .saas-admin-nav-group a:hover{background:#f7f8fc!important;border-color:#edf0f5!important;color:#273244!important;transform:none!important}
.saas-admin-body .saas-nav-icon{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:#f6f8fb;color:#7b8798;border:1px solid #edf0f4;transition:.16s ease;
}
.saas-admin-body .saas-admin-nav-group a.active{background:linear-gradient(135deg,#f0efff,#f7f6ff)!important;border-color:#ddd9ff!important;color:#4f46d8!important;box-shadow:0 4px 12px rgba(99,91,255,.06)!important}
.saas-admin-body .saas-admin-nav-group a.active .saas-nav-icon{background:#635bff;color:#fff;border-color:#635bff;box-shadow:0 6px 14px rgba(99,91,255,.22)}
.saas-admin-body .saas-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-admin-body .saas-nav-active-dot{width:6px;height:6px;border-radius:50%;background:#635bff;justify-self:end;box-shadow:0 0 0 3px rgba(99,91,255,.10)}
.saas-admin-body .saas-admin-bottom{padding:13px 2px 0!important;border-top:1px solid #eef1f5!important;display:grid!important;gap:5px!important}
.saas-admin-body .saas-admin-user{min-height:56px!important;padding:8px!important;margin:0 0 4px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;border:1px solid var(--cc-border)!important;border-radius:12px!important;background:#fafbfc!important}
.saas-admin-body .saas-admin-user .avatar-sm{width:36px!important;height:36px!important;border-radius:10px!important;background:linear-gradient(135deg,#635bff,#8b83ff)!important;color:#fff!important;font-size:11px!important}
.saas-admin-body .saas-admin-user-copy{display:grid;gap:2px;min-width:0}
.saas-admin-body .saas-admin-user-copy strong{font-size:11.5px!important;color:#253047!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .saas-admin-user-copy small{font-size:9.5px!important;color:#98a2b3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .saas-admin-role{padding:4px 6px;border-radius:999px;background:#f0efff;color:#5e55e7;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.saas-admin-body .saas-admin-bottom>a{min-height:37px!important;padding:7px 10px!important;border-radius:10px!important;color:#667085!important;font-size:11.5px!important;font-weight:650!important;display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important}
.saas-admin-body .saas-admin-bottom>a:hover{background:#f7f8fb!important;color:#344054!important}

/* Global admin toolbar */
.saas-admin-body .saas-admin-globalbar{
  position:fixed;left:var(--cc-sidebar);right:0;top:0;height:var(--cc-topbar);z-index:1050;
  padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:rgba(255,255,255,.94);border-bottom:1px solid var(--cc-border);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.saas-admin-body .saas-global-left,.saas-admin-body .saas-global-actions{display:flex;align-items:center;gap:12px;min-width:0}
.saas-admin-body .saas-admin-menu{display:none;width:38px;height:38px;border:1px solid var(--cc-border);border-radius:10px;background:#fff;color:#667085;align-items:center;justify-content:center}
.saas-admin-body .saas-global-location{display:grid;gap:1px;min-width:0}
.saas-admin-body .saas-global-location small{font-size:9.5px;color:#98a2b3;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.saas-admin-body .saas-global-location strong{font-size:13px;color:#253047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .saas-env-badge{height:25px;padding:0 9px;border-radius:999px;border:1px solid #d8eee1;background:#f4fbf7;color:#257a4b;font-size:9.5px;font-weight:750;display:inline-flex;align-items:center;gap:6px}
.saas-admin-body .saas-env-badge i{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.10)}
.saas-admin-body .saas-global-link{height:36px;padding:0 10px;border:1px solid var(--cc-border);border-radius:10px;background:#fff;color:#596579;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;transition:.16s ease}
.saas-admin-body .saas-global-link:hover{border-color:#d8d4ff;color:#584fe2;background:#fafaff}
.saas-admin-body .saas-global-avatar{width:34px;height:34px;border-radius:10px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.saas-admin-body .saas-admin-backdrop{display:none}

/* Workspace */
.saas-admin-body .saas-admin-main,
.saas-admin-body .saas-admin-sidebar~.app-main{
  margin-left:var(--cc-sidebar)!important;
  padding:calc(var(--cc-topbar) + 34px) 34px 72px!important;
  min-height:100vh!important;
  background:var(--cc-bg)!important;
}
.saas-admin-body .saas-admin-workspace,
.saas-admin-body .app-main>header,
.saas-admin-body .app-main>section,
.saas-admin-body .app-main>div:not(.alert):not(.modal){max-width:var(--cc-page-max)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
.saas-admin-body .saas-admin-content{display:grid!important;gap:28px!important}
.saas-admin-body .saas-admin-page-head,
.saas-admin-body .app-top{
  min-height:114px!important;
  margin:0 0 30px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  background:transparent!important;
  border:0!important;
}
.saas-admin-body .saas-admin-page-copy{max-width:820px!important}
.saas-admin-body .saas-admin-breadcrumb{margin:0 0 12px!important;font-size:10.5px!important}
.saas-admin-body .saas-admin-page-head .eyebrow,.saas-admin-body .app-top .eyebrow{margin:0 0 8px!important;color:#635bff!important;font-size:10px!important;font-weight:850!important;letter-spacing:.12em!important}
.saas-admin-body .saas-admin-page-head h1,.saas-admin-body .app-top h1{margin:0!important;font-size:clamp(31px,2.25vw,40px)!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#101828!important;font-weight:820!important}
.saas-admin-body .saas-admin-page-head p:last-child,.saas-admin-body .app-top>div>p:last-child{max-width:760px!important;margin:11px 0 0!important;color:#667085!important;font-size:14px!important;line-height:1.65!important}
.saas-admin-body .saas-admin-page-actions,.saas-admin-body .top-action-group{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
.saas-admin-body .inline-admin-form{display:inline-flex;margin:0!important}

/* Cards and panels */
.saas-admin-body .content-card,.saas-admin-body .admin-panel-card{
  overflow:hidden!important;
  border:1px solid var(--cc-border)!important;
  border-radius:20px!important;
  background:var(--cc-surface)!important;
  box-shadow:var(--cc-shadow)!important;
}
.saas-admin-body .card-head{
  min-height:92px!important;
  padding:24px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid #edf0f4!important;
  background:#fff!important;
}
.saas-admin-body .card-head h2{margin:0 0 6px!important;font-size:18px!important;line-height:1.28!important;font-weight:790!important;letter-spacing:-.02em!important;color:#101828!important}
.saas-admin-body .card-head p{margin:0!important;max-width:760px!important;color:#7a8495!important;font-size:12.5px!important;line-height:1.6!important}
.saas-admin-body .admin-card-kicker{margin:0 0 6px!important;color:#98a2b3!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.saas-admin-body .admin-card-body{padding:28px 30px 32px!important}
.saas-admin-body .saas-admin-form,.saas-admin-body .card-form,.saas-admin-body .mail-settings-form,.saas-admin-body .coupon-create-form,.saas-admin-body .invoice-settings-form{padding:28px 30px 32px!important;display:grid!important;gap:22px!important}

/* Forms */
.saas-admin-body .saas-admin-form label,.saas-admin-body .card-form label,.saas-admin-body .mail-settings-form label,.saas-admin-body .coupon-create-form label,.saas-admin-body .invoice-settings-form label,.saas-admin-body .homepage-fields label,.saas-admin-body .admin-footer-section-settings label,.saas-admin-body .admin-footer-link-row label,.saas-admin-body .admin-create-page label{display:grid!important;gap:8px!important;color:#344054!important;font-size:11.5px!important;line-height:1.45!important;font-weight:740!important}
.saas-admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.saas-admin-body select,.saas-admin-body textarea{
  min-height:48px!important;
  padding:10px 12px!important;
  border:1px solid #dce2ea!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#182230!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  box-shadow:0 1px 2px rgba(16,24,40,.02)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.saas-admin-body textarea{min-height:126px!important;resize:vertical!important}
.saas-admin-body input:hover,.saas-admin-body select:hover,.saas-admin-body textarea:hover{border-color:#c8d0dc!important}
.saas-admin-body input:focus,.saas-admin-body select:focus,.saas-admin-body textarea:focus{outline:0!important;border-color:#8077ff!important;box-shadow:0 0 0 4px rgba(99,91,255,.085)!important}
.saas-admin-body .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:19px 22px!important}
.saas-admin-body .check-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;color:#596579!important;font-size:11.5px!important;font-weight:650!important}
.saas-admin-body .check-row input[type="checkbox"]{width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px!important;accent-color:#635bff!important}
.saas-admin-body .admin-form-actions{margin-top:4px!important;padding-top:20px!important;border-top:1px solid #edf0f4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:11px!important}

/* Buttons */
.saas-admin-body .btn{min-height:42px!important;padding:9px 15px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:760!important;gap:7px!important;box-shadow:none!important;transition:.16s ease!important}
.saas-admin-body .btn:hover{transform:translateY(-1px)!important}
.saas-admin-body .btn.primary{background:linear-gradient(135deg,#635bff,#746cff)!important;border-color:#635bff!important;color:#fff!important;box-shadow:0 7px 16px rgba(99,91,255,.16)!important}
.saas-admin-body .btn.primary:hover{box-shadow:0 10px 22px rgba(99,91,255,.22)!important}
.saas-admin-body .btn.soft{background:#fff!important;border:1px solid #dfe4ec!important;color:#344054!important}
.saas-admin-body .btn.soft:hover{background:#fafaff!important;border-color:#d3cffd!important;color:#554bd8!important}
.saas-admin-body .btn.ghost{background:#f7f8fa!important;border:1px solid #e8ebf0!important;color:#596579!important}
.saas-admin-body .btn.small{min-height:35px!important;padding:7px 10px!important;font-size:10.5px!important}
.saas-admin-body .icon-btn{width:37px!important;height:37px!important;min-width:37px!important;border-radius:10px!important;border:1px solid #e0e5ec!important;background:#fff!important;color:#667085!important}
.saas-admin-body .icon-btn:hover{background:#f7f6ff!important;border-color:#d7d2ff!important;color:#5c52e5!important}
.saas-admin-body .danger-icon:hover{background:#fff5f4!important;border-color:#f4c7c3!important;color:#c43228!important}

/* Stats and dashboard density */
.saas-admin-body .saas-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
.saas-admin-body .saas-stat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.saas-admin-body .saas-stat-card{min-height:106px!important;padding:20px 21px!important;border:1px solid var(--cc-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 24px rgba(16,24,40,.035)!important;display:flex!important;align-items:center!important;gap:14px!important}
.saas-admin-body .saas-stat-card>span{width:42px!important;height:42px!important;border-radius:12px!important;background:#f1f0ff!important;color:#635bff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.saas-admin-body .saas-stat-card div{display:grid!important;gap:2px!important}.saas-admin-body .saas-stat-card small{font-size:10px!important;color:#8d96a6!important;font-weight:720!important}.saas-admin-body .saas-stat-card strong{font-size:22px!important;line-height:1.1!important;color:#101828!important;letter-spacing:-.03em!important}.saas-admin-body .saas-stat-card p{margin:2px 0 0!important;color:#98a2b3!important;font-size:10px!important;line-height:1.4!important}

/* Tables & lists */
.saas-admin-body table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.saas-admin-body th{padding:12px 15px!important;background:#f8fafc!important;border-bottom:1px solid #e7ebf0!important;color:#667085!important;font-size:9.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:800!important;text-align:left}
.saas-admin-body td{padding:14px 15px!important;border-bottom:1px solid #eef1f4!important;color:#344054!important;vertical-align:middle!important}
.saas-admin-body tbody tr:last-child td{border-bottom:0!important}
.saas-admin-body tbody tr:hover td{background:#fbfcfe!important}
.saas-admin-body .saas-data-table,.saas-admin-body .saas-users-table{overflow:auto!important}
.saas-admin-body .coupon-row,.saas-admin-body .payment-row,.saas-admin-body .member-access-row,.saas-admin-body .event-log>div{min-height:68px!important;padding:14px 8px!important;border-bottom:1px solid #edf0f4!important}

/* Common page grids */
.saas-admin-body .saas-admin-two-col,.saas-admin-body .admin-layout{gap:26px!important;align-items:start!important}
.saas-admin-body .saas-plan-grid{gap:22px!important}
.saas-admin-body .saas-capability-grid{gap:11px!important}
.saas-admin-body .message-center-layout{gap:26px!important}
.saas-admin-body .message-inbox,.saas-admin-body .message-detail{border-radius:20px!important;border-color:var(--cc-border)!important}
.saas-admin-body .message-list-item{padding:14px 13px!important;border-radius:11px!important}
.saas-admin-body .message-metrics{gap:12px!important;margin-bottom:26px!important}
.saas-admin-body .message-metrics a{min-height:78px!important;border-radius:14px!important;border-color:var(--cc-border)!important;background:#fff!important}

/* Website & footer 2.0 */
.saas-admin-body .admin-footer-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.saas-admin-body .admin-footer-nav-card{overflow:visible!important}
.saas-admin-body .admin-footer-sections{padding:22px 24px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.saas-admin-body .admin-footer-section{min-width:0;padding:17px;border:1px solid var(--cc-border);border-radius:16px;background:#fbfcfe;display:grid;gap:15px}
.saas-admin-body .admin-footer-section.is-locked{background:linear-gradient(180deg,#fbfaff,#fff);border-color:#dedaff}
.saas-admin-body .admin-footer-section-title{display:flex;align-items:center;gap:11px;min-width:0}
.saas-admin-body .admin-footer-section-title>div{min-width:0;flex:1}
.saas-admin-body .admin-footer-section-title small{display:block;margin-bottom:3px;color:#98a2b3;font-size:8.5px;font-weight:850;letter-spacing:.11em}
.saas-admin-body .admin-footer-section-title h3{margin:0;color:#182230;font-size:14px;font-weight:780}
.saas-admin-body .admin-footer-section-title p{margin:3px 0 0;color:#98a2b3;font-size:9.5px}
.saas-admin-body .admin-footer-section-icon{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid #e5e9ef;color:#635bff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.saas-admin-body .admin-footer-section-settings{padding:13px;border:1px solid #e9edf2;border-radius:12px;background:#fff;display:grid;grid-template-columns:minmax(0,1.3fr) 80px auto auto;gap:10px;align-items:end}
.saas-admin-body .admin-footer-section-settings input,.saas-admin-body .admin-footer-section-settings select{min-height:39px!important;height:39px!important;padding:7px 9px!important}
.saas-admin-body .admin-footer-link-rows{display:grid;gap:8px}
.saas-admin-body .admin-footer-link-row{padding:11px;border:1px solid #e7ebf0;border-radius:12px;background:#fff;display:grid;grid-template-columns:minmax(120px,1.15fr) minmax(110px,.8fr) minmax(110px,.9fr) minmax(140px,1.2fr) 64px auto auto;gap:9px;align-items:end}
.saas-admin-body .admin-footer-link-row input,.saas-admin-body .admin-footer-link-row select{min-height:39px!important;height:39px!important;padding:7px 9px!important;font-size:11px!important}
.saas-admin-body .admin-footer-link-actions{display:flex;align-items:center;gap:5px;padding-bottom:1px}
.saas-admin-body .admin-footer-add{display:flex;margin:0!important}
.saas-admin-body .admin-footer-link-readonly{min-height:55px;padding:10px 11px;border:1px solid #e8e5ff;border-radius:12px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}
.saas-admin-body .admin-footer-link-icon{width:34px;height:34px;border-radius:10px;background:#f0efff;color:#6157ec;display:flex;align-items:center;justify-content:center}
.saas-admin-body .admin-footer-link-readonly div{min-width:0;display:grid;gap:2px}.saas-admin-body .admin-footer-link-readonly strong{font-size:11.5px;color:#273244}.saas-admin-body .admin-footer-link-readonly small{font-size:9.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.saas-admin-body .admin-content-library{overflow:hidden!important}
.saas-admin-body .admin-content-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:430px}
.saas-admin-body .admin-content-sidebar{padding:18px;border-right:1px solid #edf0f4;background:#fbfcfe;display:flex;flex-direction:column;gap:16px}
.saas-admin-body .admin-content-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.saas-admin-body .admin-content-tabs a{min-height:58px;padding:10px;border:1px solid #e4e8ee;border-radius:12px;background:#fff;color:#596579;text-decoration:none;display:flex;align-items:center;gap:9px}
.saas-admin-body .admin-content-tabs a>span{width:32px;height:32px;border-radius:9px;background:#f6f7fa;display:flex;align-items:center;justify-content:center;color:#7c8797}
.saas-admin-body .admin-content-tabs a div{display:grid;gap:1px}.saas-admin-body .admin-content-tabs a strong{font-size:10.5px}.saas-admin-body .admin-content-tabs a small{font-size:8.5px;color:#98a2b3}
.saas-admin-body .admin-content-tabs a.active{background:#f1f0ff;border-color:#d9d4ff;color:#554bdc}.saas-admin-body .admin-content-tabs a.active>span{background:#635bff;color:#fff}
.saas-admin-body .admin-page-list{display:grid;gap:6px}
.saas-admin-body .admin-page-list a{min-height:54px;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:#4c586b;text-decoration:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.saas-admin-body .admin-page-list a:hover{background:#fff;border-color:#e7ebf0}.saas-admin-body .admin-page-list a.active{background:#fff;border-color:#dcd8ff;box-shadow:0 4px 13px rgba(99,91,255,.055)}
.saas-admin-body .admin-page-list a div{min-width:0;display:grid;gap:2px}.saas-admin-body .admin-page-list strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-admin-body .admin-page-list small{font-size:8.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .admin-create-page{margin-top:auto;border-top:1px solid #e9edf2;padding-top:12px}.saas-admin-body .admin-create-page summary{cursor:pointer;color:#5c53e2;font-size:10.5px;font-weight:750;display:flex;align-items:center;gap:6px}.saas-admin-body .admin-create-page form{display:grid;gap:10px;margin-top:12px}
.saas-admin-body .admin-content-editor{padding:30px;display:flex;flex-direction:column;min-width:0}
.saas-admin-body .admin-page-editor-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #edf0f4}
.saas-admin-body .admin-page-editor-head>div{display:grid;gap:6px}.saas-admin-body .admin-page-editor-head h3{margin:2px 0 0;font-size:22px;letter-spacing:-.03em;color:#101828}.saas-admin-body .admin-page-editor-head p{margin:0;color:#98a2b3;font-size:10.5px}
.saas-admin-body .admin-editor-callout{margin:26px 0 16px;padding:20px;border:1px solid #dfdcff;border-radius:15px;background:linear-gradient(135deg,#f5f4ff,#fbfbff);display:flex;gap:14px;align-items:flex-start}.saas-admin-body .admin-editor-callout>span{width:42px;height:42px;border-radius:12px;background:#635bff;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.saas-admin-body .admin-editor-callout strong{display:block;margin-bottom:4px;color:#2c3261;font-size:12px}.saas-admin-body .admin-editor-callout p{margin:0;color:#777f96;font-size:11px;line-height:1.6}
.saas-admin-body .admin-editor-primary{align-self:flex-start;min-width:190px}
.saas-admin-body .admin-page-meta{margin-top:22px;padding-top:20px;border-top:1px solid #edf0f4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.saas-admin-body .admin-page-meta>div{padding:12px;border:1px solid #e8ebf0;border-radius:11px;background:#fafbfc;display:grid;gap:4px}.saas-admin-body .admin-page-meta small{font-size:8.5px;color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.saas-admin-body .admin-page-meta strong{font-size:10.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* More breathing room for crowded legacy admin pages */
.saas-admin-body .homepage-admin-grid,.saas-admin-body .integration-admin-grid,.saas-admin-body .legal-admin-grid{gap:26px!important}
.saas-admin-body .member-access-list,.saas-admin-body .coupon-list,.saas-admin-body .payment-history,.saas-admin-body .event-log{padding:16px 24px 24px!important}
.saas-admin-body .saas-plan-card{border-radius:18px!important;box-shadow:0 8px 28px rgba(16,24,40,.04)!important}
.saas-admin-body .saas-plan-card .card-head{min-height:84px!important}
.saas-admin-body .saas-plan-card>.form-grid,.saas-admin-body .saas-plan-card>.saas-capability-grid{padding-left:26px!important;padding-right:26px!important}

/* Responsive */
@media(max-width:1320px){
  .saas-admin-body{--cc-sidebar:252px;--cc-page-max:1240px}
  .saas-admin-body .saas-admin-brand-copy{display:none!important}
  .saas-admin-body .admin-footer-sections{grid-template-columns:1fr}
  .saas-admin-body .admin-footer-link-row{grid-template-columns:repeat(2,minmax(0,1fr)) 70px auto}
  .saas-admin-body .admin-footer-link-row .order-field{grid-column:auto}.saas-admin-body .admin-footer-link-actions{align-self:end}
}
@media(max-width:1100px){
  .saas-admin-body .form-grid{grid-template-columns:1fr!important}
  .saas-admin-body .saas-admin-two-col,.saas-admin-body .admin-layout{grid-template-columns:1fr!important}
  .saas-admin-body .saas-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .saas-admin-body .admin-content-workspace{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:900px){
  .saas-admin-body{--cc-sidebar:280px;--cc-topbar:62px}
  .saas-admin-body .saas-admin-sidebar{transform:translateX(-102%);transition:transform .2s ease!important;box-shadow:0 18px 45px rgba(16,24,40,.14)!important}
  .saas-admin-body.admin-nav-open .saas-admin-sidebar{transform:translateX(0)}
  .saas-admin-body .saas-admin-close{display:flex}
  .saas-admin-body .saas-admin-brand-copy{display:none!important}
  .saas-admin-body .saas-admin-globalbar{left:0!important;padding:0 16px!important}
  .saas-admin-body .saas-admin-menu{display:flex}
  .saas-admin-body .saas-admin-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(15,23,42,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .saas-admin-body.admin-nav-open .saas-admin-backdrop{display:block}
  .saas-admin-body .saas-admin-main,.saas-admin-body .saas-admin-sidebar~.app-main{margin-left:0!important;padding:calc(var(--cc-topbar) + 26px) 18px 56px!important}
  .saas-admin-body .saas-admin-page-head,.saas-admin-body .app-top{min-height:0!important;display:grid!important;align-items:start!important;gap:16px!important;margin-bottom:24px!important}
  .saas-admin-body .saas-admin-page-actions,.saas-admin-body .top-action-group{justify-content:flex-start!important}
  .saas-admin-body .saas-global-actions .saas-global-link span{display:none}.saas-admin-body .saas-global-actions{gap:7px}
  .saas-admin-body .admin-content-workspace{grid-template-columns:1fr}.saas-admin-body .admin-content-sidebar{border-right:0;border-bottom:1px solid #edf0f4}.saas-admin-body .admin-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saas-admin-body .admin-footer-section-settings{grid-template-columns:1fr 76px}.saas-admin-body .admin-footer-section-settings .check-row,.saas-admin-body .admin-footer-section-settings .btn{align-self:center}
  .saas-admin-body .admin-footer-link-row{grid-template-columns:1fr 1fr}.saas-admin-body .admin-footer-link-actions{justify-content:flex-end}
}
@media(max-width:620px){
  .saas-admin-body .saas-global-location small,.saas-admin-body .saas-env-badge{display:none}.saas-admin-body .saas-global-actions .saas-global-link:nth-child(2){display:none}
  .saas-admin-body .saas-admin-main,.saas-admin-body .saas-admin-sidebar~.app-main{padding-left:12px!important;padding-right:12px!important}
  .saas-admin-body .saas-admin-page-head h1,.saas-admin-body .app-top h1{font-size:29px!important}
  .saas-admin-body .saas-stat-grid,.saas-admin-body .saas-stat-grid.compact,.saas-admin-body .admin-footer-stats{grid-template-columns:1fr!important}
  .saas-admin-body .card-head{padding:20px!important;align-items:flex-start!important;display:grid!important}
  .saas-admin-body .saas-admin-form,.saas-admin-body .card-form,.saas-admin-body .admin-card-body{padding:20px!important}
  .saas-admin-body .admin-footer-sections{padding:15px}.saas-admin-body .admin-footer-section{padding:13px}.saas-admin-body .admin-footer-section-title{align-items:flex-start}.saas-admin-body .admin-footer-section-title .btn{grid-column:1/-1}
  .saas-admin-body .admin-footer-section-settings,.saas-admin-body .admin-footer-link-row{grid-template-columns:1fr}.saas-admin-body .admin-footer-link-actions{justify-content:flex-start}
  .saas-admin-body .admin-content-tabs{grid-template-columns:1fr 1fr}.saas-admin-body .admin-page-list{grid-template-columns:1fr}.saas-admin-body .admin-content-editor{padding:20px}.saas-admin-body .admin-page-editor-head{display:grid}.saas-admin-body .admin-page-meta{grid-template-columns:1fr}
}

/* V13.5 dashboard overview */
.saas-admin-body .admin-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:28px!important}
.saas-admin-body .admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:24px;align-items:start;margin-bottom:24px}
.saas-admin-body .admin-overview-grid.lower{grid-template-columns:repeat(2,minmax(0,1fr))}
.saas-admin-body .admin-health-list{padding:10px 20px 20px;display:grid;gap:4px}
.saas-admin-body .admin-health-list>a{min-height:68px;padding:10px 8px;border-bottom:1px solid #edf0f4;color:#344054;text-decoration:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center}
.saas-admin-body .admin-health-list>a:last-child{border-bottom:0}.saas-admin-body .admin-health-list>a:hover{background:#fafbfc;border-radius:10px}
.saas-admin-body .admin-health-icon{width:38px;height:38px;border-radius:11px;background:#f4f3ff;color:#635bff;display:flex;align-items:center;justify-content:center}
.saas-admin-body .admin-health-list>a>div{display:grid;gap:2px;min-width:0}.saas-admin-body .admin-health-list strong{font-size:11.5px;color:#2f3a4f}.saas-admin-body .admin-health-list small{font-size:9.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .admin-health-status{height:26px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:760;display:inline-flex;align-items:center;gap:5px}.saas-admin-body .admin-health-status i{width:5px;height:5px;border-radius:50%}.saas-admin-body .admin-health-status.ready{background:#f0f9f4;color:#278056}.saas-admin-body .admin-health-status.ready i{background:#12b76a}.saas-admin-body .admin-health-status.attention{background:#fff8ed;color:#a76813}.saas-admin-body .admin-health-status.attention i{background:#f79009}
.saas-admin-body .admin-health-count{font-size:9.5px;color:#667085;font-weight:750;padding:5px 8px;border-radius:999px;background:#f6f7f9}
.saas-admin-body .admin-quick-grid{padding:18px 20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.saas-admin-body .admin-quick-grid>a{min-height:76px;padding:13px;border:1px solid #e6eaf0;border-radius:13px;background:#fff;color:#344054;text-decoration:none;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:11px;align-items:center;transition:.16s ease}
.saas-admin-body .admin-quick-grid>a:hover{border-color:#d7d2ff;box-shadow:0 8px 20px rgba(99,91,255,.06);transform:translateY(-1px)}
.saas-admin-body .admin-quick-grid>a>span{width:38px;height:38px;border-radius:11px;background:#f7f8fa;color:#6b7585;display:flex;align-items:center;justify-content:center}.saas-admin-body .admin-quick-grid>a:hover>span{background:#f0efff;color:#635bff}
.saas-admin-body .admin-quick-grid>a>div{display:grid;gap:3px;min-width:0}.saas-admin-body .admin-quick-grid strong{font-size:11.5px;color:#263246}.saas-admin-body .admin-quick-grid small{font-size:9.5px;color:#98a2b3;line-height:1.4}
.saas-admin-body .admin-overview-list{padding:8px 20px 18px;display:grid}.saas-admin-body .admin-overview-list>a,.saas-admin-body .admin-overview-list>div:not(.empty-inline){min-height:61px;padding:9px 5px;border-bottom:1px solid #eef1f4;color:#344054;text-decoration:none;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center}.saas-admin-body .admin-overview-list>a:last-child,.saas-admin-body .admin-overview-list>div:last-child{border-bottom:0}
.saas-admin-body .admin-overview-list>a>div,.saas-admin-body .admin-overview-list>div>div{min-width:0;display:grid;gap:2px}.saas-admin-body .admin-overview-list strong{font-size:11px}.saas-admin-body .admin-overview-list small{font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-admin-body .admin-overview-list.payments>div{grid-template-columns:34px minmax(0,1fr) auto auto}.saas-admin-body .admin-list-icon{width:34px;height:34px;border-radius:10px;background:#f7f8fa;color:#667085;display:flex;align-items:center;justify-content:center}.saas-admin-body .admin-list-amount{font-size:10.5px!important;color:#344054!important;white-space:nowrap}
.saas-admin-body .admin-attention-card{border-color:#f0dba8!important;background:#fffdf8!important}.saas-admin-body .admin-attention-card .card-head{background:#fffdf8!important;border-bottom:0!important}
@media(max-width:1250px){.saas-admin-body .admin-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saas-admin-body .admin-overview-grid{grid-template-columns:1fr}.saas-admin-body .admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.saas-admin-body .admin-quick-grid>a{grid-template-columns:36px minmax(0,1fr);}.saas-admin-body .admin-quick-grid>a>svg{display:none}}
@media(max-width:900px){.saas-admin-body .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-admin-body .admin-overview-grid.lower{grid-template-columns:1fr}}
@media(max-width:560px){.saas-admin-body .admin-overview-stats,.saas-admin-body .admin-quick-grid{grid-template-columns:1fr!important}.saas-admin-body .admin-overview-list.payments>div{grid-template-columns:34px minmax(0,1fr) auto}.saas-admin-body .admin-overview-list.payments .status-pill{grid-column:2/-1;justify-self:start}.saas-admin-body .admin-health-list>a{grid-template-columns:36px minmax(0,1fr)}.saas-admin-body .admin-health-status,.saas-admin-body .admin-health-count{grid-column:2;justify-self:start}}
.saas-admin-body .saas-env-badge.staging{border-color:#f1dfb8;background:#fffaf0;color:#9a6a18}.saas-admin-body .saas-env-badge.staging i{background:#f79009;box-shadow:0 0 0 3px rgba(247,144,9,.10)}

/* V13.5.1 checkout recovery */
.billing-pending-checkout{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.billing-pending-checkout>div:nth-child(2){min-width:180px;flex:1}.billing-pending-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.billing-pending-actions form{margin:0}.billing-pending-actions .btn{white-space:nowrap}@media(max-width:720px){.billing-pending-actions{width:100%;margin-left:30px}.billing-pending-actions form:first-child{flex:1}.billing-pending-actions .btn{width:100%}}