/* Q-One v0.5 — Social Icon Styling Engine + Font Awesome Brands + Motion + Typography */
:root{--v03-font:"Readex Pro","Cairo",system-ui,sans-serif}
.v03-dashboard{font-family:var(--v03-font)}
.v03-dashboard .side-nav i,.v03-dashboard .icon-btn i{font-size:18px;line-height:1}
.v03-dashboard .side-nav a>span{display:grid;place-items:center}

/* Activity template library */
.activity-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 20px;max-height:420px;overflow:auto;padding:1px 3px 3px;scrollbar-width:thin}
.activity-template{border:1px solid var(--line);border-radius:15px;background:#fff;padding:8px;text-align:right;min-width:0;transition:.18s var(--ease);color:var(--text)}
.activity-template:hover{transform:translateY(-2px);border-color:#cfd3de;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.activity-template.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(117,87,255,.1)}
.activity-template b{display:block;font-size:10px;margin-top:7px}.activity-template small{display:block;font-size:8px;color:#9297a4;direction:ltr;text-align:left;margin-top:2px}
.activity-preview{height:72px;border-radius:11px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;isolation:isolate}
.activity-preview::before,.activity-preview::after{content:"";position:absolute;border-radius:999px;filter:blur(2px);opacity:.72;z-index:-1;animation:activityBlob 4.8s ease-in-out infinite alternate}
.activity-preview::before{width:55px;height:55px;left:-8px;top:-13px;background:rgba(255,255,255,.2)}
.activity-preview::after{width:45px;height:45px;right:-5px;bottom:-12px;background:rgba(255,255,255,.15);animation-delay:-1.7s}
.activity-preview i{font-size:27px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:activityIcon 3.6s ease-in-out infinite}
.scene-none{background:linear-gradient(145deg,#eceef3,#d7d9e1);color:#6f7480}.scene-none::before,.scene-none::after{display:none}.scene-none i{animation:none}
.scene-restaurant{background:linear-gradient(145deg,#291007,#8f2f12 62%,#f59e0b)}
.scene-cafe{background:linear-gradient(145deg,#1d130e,#70513c 62%,#c58f62)}
.scene-bakery{background:linear-gradient(145deg,#f9e6c7,#c67e45);color:#653c1f}
.scene-medical{background:linear-gradient(145deg,#032631,#0e7380 62%,#54d6c0)}
.scene-dental{background:linear-gradient(145deg,#071b2d,#2b6fc5 62%,#8ec5ff)}
.scene-beauty{background:linear-gradient(145deg,#321126,#b8407d 62%,#f5b3d2)}
.scene-fashion{background:linear-gradient(145deg,#111116,#443954 62%,#c4a8f7)}
.scene-realestate{background:linear-gradient(145deg,#0d1a16,#315e4b 62%,#c8a563)}
.scene-automotive{background:linear-gradient(145deg,#07090d,#273954 62%,#e83f4b)}
.scene-fitness{background:linear-gradient(145deg,#071109,#136235 62%,#a7e840);color:#efffd8}
.scene-education{background:linear-gradient(145deg,#0d1733,#3657b1 62%,#f0c74c)}
.scene-technology{background:linear-gradient(145deg,#060914,#183467 62%,#00d4ff)}
.scene-gaming{background:linear-gradient(145deg,#0a0611,#5e1b98 62%,#00e6c6)}
.scene-photography{background:linear-gradient(145deg,#111318,#4b5563 62%,#e9a63b)}
.scene-travel{background:linear-gradient(145deg,#071a2d,#1b6eb1 62%,#7bd3fa)}
.scene-ecommerce{background:linear-gradient(145deg,#1b0b1c,#8b2e77 62%,#ffc857)}
.scene-business{background:linear-gradient(145deg,#07101a,#23446d 62%,#9cb8dd)}
.scene-events{background:linear-gradient(145deg,#1c0a2c,#7c3aed 55%,#f59e0b)}
.scene-hotel{background:linear-gradient(145deg,#0b1420,#315b7d 62%,#c9a65e)}
.scene-controls{margin-top:0!important}
@keyframes activityBlob{to{transform:translate(14px,10px) scale(1.18)}}
@keyframes activityIcon{50%{transform:translateY(-4px) rotate(-2deg)}}

/* Scene layer inside profile */
.activity-motion-layer{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:.9}
.activity-motion-layer.scene-none{display:none}
.activity-motion-layer .scene-icon{position:absolute;right:-7%;top:9%;width:54%;height:54%;display:grid;place-items:center;font-size:min(36vw,210px);line-height:1;opacity:.085;color:var(--scene-fg,#fff);transform:rotate(-8deg);filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 35%,transparent))}
.activity-motion-layer .scene-orb{position:absolute;border-radius:999px;filter:blur(18px);mix-blend-mode:screen;opacity:.26;background:var(--scene-orb,var(--accent))}
.activity-motion-layer .scene-orb.o1{width:210px;height:210px;left:-72px;top:18%;animation:qSceneFloat1 8s ease-in-out infinite}
.activity-motion-layer .scene-orb.o2{width:170px;height:170px;right:-60px;bottom:10%;background:var(--bg3);animation:qSceneFloat2 10s ease-in-out infinite}
.activity-motion-layer .scene-ring{position:absolute;width:240px;height:240px;border:1px solid rgb(var(--text-rgb)/.11);border-radius:50%;left:50%;bottom:-145px;transform:translateX(-50%);animation:qSceneSpin 22s linear infinite}
.activity-motion-layer .scene-ring::after{content:"";position:absolute;inset:28px;border:1px dashed rgb(var(--text-rgb)/.08);border-radius:inherit}
.activity-motion-layer .scene-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgb(var(--text-rgb)/.15) 0 1px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 28%,transparent 88%);opacity:.18;animation:qScenePan 18s linear infinite}
.qone-profile.scene-motion-off .activity-motion-layer *{animation-play-state:paused!important}
.qone-profile.scene-speed-slow .activity-motion-layer *{animation-duration:calc(var(--scene-base,8s) * 1.5)!important}
.qone-profile.scene-speed-fast .activity-motion-layer *{animation-duration:calc(var(--scene-base,8s) * .68)!important}
@keyframes qSceneFloat1{50%{transform:translate(52px,-28px) scale(1.18)}}
@keyframes qSceneFloat2{50%{transform:translate(-45px,24px) scale(.86)}}
@keyframes qSceneSpin{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes qScenePan{to{background-position:56px 84px}}

/* Per-activity scene accent nuances */
.qone-profile.scene-restaurant{--scene-orb:#fb923c}.qone-profile.scene-cafe{--scene-orb:#c08457}.qone-profile.scene-bakery{--scene-orb:#f3b66c}.qone-profile.scene-medical{--scene-orb:#2dd4bf}.qone-profile.scene-dental{--scene-orb:#60a5fa}.qone-profile.scene-beauty{--scene-orb:#f472b6}.qone-profile.scene-fashion{--scene-orb:#c4b5fd}.qone-profile.scene-realestate{--scene-orb:#d4a94c}.qone-profile.scene-automotive{--scene-orb:#ef4444}.qone-profile.scene-fitness{--scene-orb:#a3e635}.qone-profile.scene-education{--scene-orb:#facc15}.qone-profile.scene-technology{--scene-orb:#22d3ee}.qone-profile.scene-gaming{--scene-orb:#c084fc}.qone-profile.scene-photography{--scene-orb:#f59e0b}.qone-profile.scene-travel{--scene-orb:#38bdf8}.qone-profile.scene-ecommerce{--scene-orb:#f0abfc}.qone-profile.scene-business{--scene-orb:#93c5fd}.qone-profile.scene-events{--scene-orb:#fb7185}.qone-profile.scene-hotel{--scene-orb:#eab308}

/* Bilingual font presets */
.qone-profile.font-readex{--profile-font:"Readex Pro","Cairo",sans-serif}
.qone-profile.font-cairo{--profile-font:"Cairo","Readex Pro",sans-serif}
.qone-profile.font-tajawal{--profile-font:"Tajawal","Readex Pro",sans-serif}
.qone-profile.font-plex{--profile-font:"IBM Plex Sans Arabic","Segoe UI",sans-serif}
.qone-profile.font-noto{--profile-font:"Noto Sans Arabic","Segoe UI",sans-serif}
.qone-profile.font-alexandria{--profile-font:"Alexandria","Readex Pro",sans-serif}
.qone-profile.font-kufi{--profile-font:"Noto Kufi Arabic","Readex Pro",sans-serif}
.qone-profile.font-changa{--profile-font:"Changa","Readex Pro",sans-serif}
.qone-profile.font-elmessiri{--profile-font:"El Messiri","Readex Pro",serif}
/* old v0.2 states map visually to bilingual choices */
.qone-profile.font-modern{--profile-font:"Readex Pro","Cairo",sans-serif}.qone-profile.font-clean{--profile-font:"IBM Plex Sans Arabic","Segoe UI",sans-serif}.qone-profile.font-editorial{--profile-font:"El Messiri",Georgia,serif}.qone-profile.font-rounded{--profile-font:"Cairo","Readex Pro",sans-serif}

/* Font Awesome rendering */
.qone-profile .social-icon i{font-size:19px;line-height:1}.v03-public-body .social-icon i{font-size:21px}
.link-type-icon i{font-size:19px}.mini-action i{font-size:14px}.profile-link em i,.public-link em i{font-size:15px}
.platform-grid strong{display:grid;place-items:center}.platform-grid strong i{font-size:21px}
.activity-preview i{font-size:22px}

/* Full Font Awesome Free picker: Brands + Solid + Regular */
.fa-picker-field{border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.fa-picker-head{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.fa-picker-head input{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;direction:ltr;text-align:left}
.selected-icon-chip{height:42px;border:1px solid var(--line);border-radius:12px;background:#fafafd;display:flex;align-items:center;gap:8px;padding:0 12px;color:#4e5360}
.selected-icon-chip i{font-size:18px;min-width:18px;text-align:center}.selected-icon-chip b{font-size:9px;direction:ltr;font-weight:700}
.icon-category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.icon-category-tabs button{height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 10px;font:700 9px/1 var(--app-font);color:#6b707b;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.14s var(--ease)}
.icon-category-tabs button:hover{background:#faf9ff;border-color:#c9c5d8}.icon-category-tabs button.active{background:#18191d;color:#fff;border-color:#18191d}
.fa-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px;max-height:250px;overflow:auto;padding:2px;scrollbar-width:thin}
.fa-icon-grid button{height:47px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#565c68;display:grid;place-items:center;transition:.14s var(--ease);cursor:pointer}
.fa-icon-grid button:hover{border-color:#bfc4d0;background:#faf9ff;transform:translateY(-1px)}.fa-icon-grid button.active{border-color:var(--primary);background:#f4f1ff;color:var(--primary);box-shadow:0 0 0 2px rgba(117,87,255,.08)}
.fa-icon-grid button i{font-size:19px}.fa-library-note{display:block;margin-top:7px;color:#9196a2;font-size:9px;line-height:1.7}
.link-dialog.divider-mode .link-only-field,.link-dialog.divider-mode .fa-picker-field,.link-dialog.divider-mode .dialog-toggles label:first-child{display:none}
.link-editor-item.divider-editor{background:#fbfbfd;border-style:dashed}.link-editor-item.divider-editor .link-type-icon{background:#f0f1f5}.link-editor-item.divider-editor .feature-btn{display:none}

/* Optional dividers */
.qone-profile{--divider-opacity:.42;--divider-width:82%}
.qone-profile .profile-divider{grid-column:1/-1;width:var(--divider-width);margin:2px auto;min-height:18px;display:flex;align-items:center;gap:9px;color:rgb(var(--muted-rgb)/.5);font-size:9px;position:relative;z-index:2}
.qone-profile .profile-divider::before,.qone-profile .profile-divider::after{content:"";height:1px;flex:1;border-top:1px solid rgb(var(--text-rgb)/var(--divider-opacity))}
.qone-profile .profile-divider.no-label::after{display:none}.qone-profile .profile-divider.no-label::before{width:100%}
.qone-profile.divider-dashed .profile-divider::before,.qone-profile.divider-dashed .profile-divider::after{border-top-style:dashed}
.qone-profile.divider-dotted .profile-divider::before,.qone-profile.divider-dotted .profile-divider::after{border-top-style:dotted}
.qone-profile.divider-gradient .profile-divider::before,.qone-profile.divider-gradient .profile-divider::after{border:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,rgb(var(--text-rgb)/.3)),transparent)}
.qone-profile.divider-glow .profile-divider::before,.qone-profile.divider-glow .profile-divider::after{border:0;height:1px;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}

/* Scroll reveal engine */
.qone-profile [data-reveal]{transition-property:opacity,transform,filter;transition-duration:var(--reveal-duration,650ms);transition-timing-function:cubic-bezier(.2,.78,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:transform,opacity,filter}
.qone-profile [data-reveal]:not(.is-visible){opacity:0}
.qone-profile [data-reveal="fade-up"]:not(.is-visible){transform:translateY(24px)}
.qone-profile [data-reveal="fade-down"]:not(.is-visible){transform:translateY(-24px)}
.qone-profile [data-reveal="fade-right"]:not(.is-visible){transform:translateX(-28px)}
.qone-profile [data-reveal="fade-left"]:not(.is-visible){transform:translateX(28px)}
.qone-profile [data-reveal="zoom"]:not(.is-visible){transform:scale(.86)}
.qone-profile [data-reveal="blur"]:not(.is-visible){transform:translateY(10px);filter:blur(12px)}
.qone-profile [data-reveal="flip"]{transform-origin:center bottom;perspective:700px}.qone-profile [data-reveal="flip"]:not(.is-visible){transform:perspective(700px) rotateX(17deg) translateY(16px)}
.qone-profile [data-reveal="bounce"]:not(.is-visible){transform:translateY(34px) scale(.95)}
.qone-profile [data-reveal="bounce"].is-visible{animation:qRevealBounce calc(var(--reveal-duration,650ms) * 1.05) cubic-bezier(.19,.8,.24,1.12) both}
.qone-profile [data-reveal].is-visible{opacity:1;transform:none;filter:none}
@keyframes qRevealBounce{0%{opacity:0;transform:translateY(34px) scale(.95)}70%{opacity:1;transform:translateY(-5px) scale(1.01)}100%{opacity:1;transform:none}}

/* Extra looping motion presets */
.qone-profile.motion-breathe .profile-header{animation:qBreathe 4.8s ease-in-out infinite}.qone-profile.motion-breathe .profile-link:nth-of-type(3n){animation:qSoftPulse 5.2s ease-in-out infinite}
.qone-profile.motion-drift .avatar-orbit{animation:qDrift 7s ease-in-out infinite}.qone-profile.motion-drift .profile-link:nth-of-type(even){animation:qDriftLink 7.8s ease-in-out infinite}
@keyframes qBreathe{50%{transform:scale(1.018)}}@keyframes qSoftPulse{50%{filter:brightness(1.08)}}@keyframes qDrift{25%{transform:translate(3px,-4px) rotate(1deg)}75%{transform:translate(-3px,2px) rotate(-1deg)}}@keyframes qDriftLink{50%{transform:translateX(-2px)}}

/* public layering */
.v03-public-body .public-top,.v03-public-body .public-identity,.v03-public-body .micro-stats,.v03-public-body .public-links,.v03-public-body .public-footer{position:relative;z-index:2}
.v03-public-body .public-action i{font-size:18px;line-height:1}

@media(prefers-reduced-motion:reduce){.activity-preview::before,.activity-preview::after,.activity-preview i,.activity-motion-layer *,.qone-profile [data-reveal],.qone-profile.motion-breathe *,.qone-profile.motion-drift *{animation:none!important;transition:none!important}.qone-profile [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}}
@media(max-width:1280px){.activity-template-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.activity-template-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:720px){.activity-template-grid{grid-template-columns:repeat(3,1fr);margin-inline:14px}.fa-icon-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:520px){.activity-template-grid{grid-template-columns:repeat(2,1fr)}.fa-picker-head{grid-template-columns:1fr}.selected-icon-chip{justify-content:center}.fa-icon-grid{grid-template-columns:repeat(5,1fr)}}
/* Avoid transform conflicts between continuous link motion and scroll reveal */
.qone-profile .profile-link[data-reveal]:not([data-reveal="bounce"]),.qone-profile .public-link[data-reveal]:not([data-reveal="bounce"]){animation:none}

/* v0.4.1 — Block Editor viewport-safe scrolling */
.link-dialog{
  max-height:calc(100dvh - 24px);
  overflow:hidden;
}
.link-dialog form{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  max-height:calc(100dvh - 24px);
  min-height:0;
}
.link-dialog .dialog-head,
.link-dialog .dialog-actions{
  position:relative;
  z-index:5;
  flex-shrink:0;
  background:#fff;
}
.link-dialog .dialog-actions{background:#fafafd}
.link-dialog .dialog-body{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.link-dialog .dialog-body::-webkit-scrollbar{width:9px}
.link-dialog .dialog-body::-webkit-scrollbar-track{background:transparent}
.link-dialog .dialog-body::-webkit-scrollbar-thumb{background:#d8dae2;border:3px solid transparent;border-radius:999px;background-clip:padding-box}
.link-dialog .dialog-body::-webkit-scrollbar-thumb:hover{background:#bfc3ce;border:3px solid transparent;background-clip:padding-box}

@media(max-width:720px){
  .link-dialog{
    width:calc(100% - 16px);
    max-height:calc(100dvh - 16px);
    border-radius:22px;
  }
  .link-dialog form{max-height:calc(100dvh - 16px)}
  .link-dialog .dialog-body{padding-bottom:24px}
}

/* =========================================================
   Q-One v0.5 — Social Icon Styling Engine
   ========================================================= */
.qone-profile{
  --social-icon-size:21px;
  --social-container-size:42px;
  --social-gap:10px;
}

/* Dedicated social row */
.qone-profile .social-row{
  position:relative;
  z-index:3;
  display:none;
  flex-wrap:wrap;
  gap:var(--social-gap);
  margin:13px 0 17px;
  align-items:center;
}
.qone-profile.social-align-center .social-row{justify-content:center}
.qone-profile.social-align-start .social-row{justify-content:flex-start}
.qone-profile.social-align-end .social-row{justify-content:flex-end}
.qone-profile .social-row-item{
  --brand-color:var(--accent);
  --brand-contrast:#fff;
  width:var(--social-container-size);
  height:var(--social-container-size);
  display:grid;
  place-items:center;
  position:relative;
  flex:0 0 auto;
  text-decoration:none;
  color:rgb(var(--text-rgb));
  background:rgb(var(--surface-rgb)/.11);
  border:1px solid rgb(var(--text-rgb)/.10);
  box-shadow:0 8px 22px rgb(0 0 0/.08);
  backdrop-filter:blur(min(var(--blur),18px));
  -webkit-backdrop-filter:blur(min(var(--blur),18px));
  transition:transform .22s cubic-bezier(.2,.78,.2,1),background-color .22s,color .22s,border-color .22s,box-shadow .22s,filter .22s;
}
.qone-profile .social-row-item i,
.qone-profile .brand-link .social-icon i{
  font-size:var(--social-icon-size)!important;
  line-height:1;
}

/* Social shape */
.qone-profile.social-shape-circle .social-row-item,
.qone-profile.social-shape-circle .brand-link .social-icon{border-radius:50%!important}
.qone-profile.social-shape-squircle .social-row-item,
.qone-profile.social-shape-squircle .brand-link .social-icon{border-radius:28%!important}
.qone-profile.social-shape-rounded .social-row-item,
.qone-profile.social-shape-rounded .brand-link .social-icon{border-radius:12px!important}
.qone-profile.social-shape-square .social-row-item,
.qone-profile.social-shape-square .brand-link .social-icon{border-radius:3px!important}

/* Brand icons inside ordinary link blocks */
.qone-profile .brand-link{grid-template-columns:var(--social-container-size) minmax(0,1fr) 24px!important}
.qone-profile .brand-link .social-icon{
  width:var(--social-container-size)!important;
  height:var(--social-container-size)!important;
  transition:transform .22s cubic-bezier(.2,.78,.2,1),background-color .22s,color .22s,border-color .22s,box-shadow .22s,filter .22s;
}

/* Color modes */
.qone-profile.social-color-mono .social-row-item,
.qone-profile.social-color-mono .brand-link .social-icon{color:rgb(var(--text-rgb))}
.qone-profile.social-color-brand .social-row-item,
.qone-profile.social-color-brand .brand-link .social-icon{color:var(--brand-color)}
.qone-profile.social-color-accent .social-row-item,
.qone-profile.social-color-accent .brand-link .social-icon{color:var(--accent)}
.qone-profile.social-color-duotone .social-row-item,
.qone-profile.social-color-duotone .brand-link .social-icon{
  color:var(--brand-color);
  background:color-mix(in srgb,var(--brand-color) 15%,transparent)!important;
  border-color:color-mix(in srgb,var(--brand-color) 26%,transparent)!important;
}

/* Container styles */
.qone-profile.social-container-soft:not(.social-color-duotone) .social-row-item,
.qone-profile.social-container-soft:not(.social-color-duotone) .brand-link .social-icon{
  background:rgb(var(--surface-rgb)/.13)!important;
  border-color:rgb(var(--text-rgb)/.08)!important;
}
.qone-profile.social-container-outline:not(.social-color-duotone) .social-row-item,
.qone-profile.social-container-outline:not(.social-color-duotone) .brand-link .social-icon{
  background:transparent!important;
  border:1px solid currentColor!important;
  box-shadow:none!important;
}
.qone-profile.social-container-glass:not(.social-color-duotone) .social-row-item,
.qone-profile.social-container-glass:not(.social-color-duotone) .brand-link .social-icon{
  background:rgb(var(--surface-rgb)/.10)!important;
  border-color:rgb(var(--text-rgb)/.16)!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255/.16),0 8px 24px rgb(0 0 0/.10)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.qone-profile.social-container-bare .social-row-item,
.qone-profile.social-container-bare .brand-link .social-icon{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.qone-profile.social-container-solid.social-color-brand .social-row-item,
.qone-profile.social-container-solid.social-color-brand .brand-link .social-icon{
  background:var(--brand-color)!important;color:var(--brand-contrast)!important;border-color:transparent!important;
}
.qone-profile.social-container-solid.social-color-accent .social-row-item,
.qone-profile.social-container-solid.social-color-accent .brand-link .social-icon{
  background:var(--accent)!important;color:#fff!important;border-color:transparent!important;
}
.qone-profile.social-container-solid.social-color-mono .social-row-item,
.qone-profile.social-container-solid.social-color-mono .brand-link .social-icon{
  background:rgb(var(--text-rgb))!important;color:rgb(var(--surface-rgb))!important;border-color:transparent!important;
}
.qone-profile.social-container-solid.social-color-duotone .social-row-item,
.qone-profile.social-container-solid.social-color-duotone .brand-link .social-icon{
  background:var(--brand-color)!important;color:var(--brand-contrast)!important;border-color:transparent!important;
}

/* Hover interactions */
.qone-profile.social-hover-lift .social-row-item:hover{transform:translateY(-4px)}
.qone-profile.social-hover-lift .brand-link:hover .social-icon{transform:translateY(-3px)}
.qone-profile.social-hover-scale .social-row-item:hover{transform:scale(1.10)}
.qone-profile.social-hover-scale .brand-link:hover .social-icon{transform:scale(1.10)}
.qone-profile.social-hover-glow .social-row-item:hover,
.qone-profile.social-hover-glow .brand-link:hover .social-icon{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-color) 18%,transparent),0 0 28px color-mix(in srgb,var(--brand-color) 42%,transparent)!important;filter:saturate(1.1)}
.qone-profile.social-hover-rotate .social-row-item:hover{transform:rotate(8deg) scale(1.04)}
.qone-profile.social-hover-rotate .brand-link:hover .social-icon{transform:rotate(8deg) scale(1.04)}

/* Continuous social motion */
.qone-profile.social-motion-pulse .social-row-item,
.qone-profile.social-motion-pulse .brand-link .social-icon{animation:qSocialPulse 3.2s ease-in-out infinite}
.qone-profile.social-motion-float .social-row-item,
.qone-profile.social-motion-float .brand-link .social-icon{animation:qSocialFloat 4.2s ease-in-out infinite}
.qone-profile.social-motion-wave .social-row-item{animation:qSocialWave 4s ease-in-out infinite;animation-delay:calc(var(--social-index,0) * 100ms)}
.qone-profile.social-motion-wave .brand-link .social-icon{animation:qSocialWave 4s ease-in-out infinite}
@keyframes qSocialPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes qSocialFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes qSocialWave{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}60%{transform:translateY(1px)}}

/* Social style control preview in dashboard */
.social-style-preview{
  --social-icon-size:21px;--social-container-size:42px;--social-gap:10px;--accent:#7557ff;
  margin-top:15px;min-height:76px;border:1px dashed var(--line);border-radius:16px;background:#fafafd;display:flex;align-items:center;justify-content:center;gap:var(--social-gap);padding:14px;
}
.social-style-preview span{
  width:var(--social-container-size);height:var(--social-container-size);display:grid;place-items:center;border:1px solid #e4e5ea;background:#fff;color:#60646f;border-radius:50%;transition:.2s var(--ease);box-shadow:0 7px 18px rgba(20,20,25,.06)
}
.social-style-preview span i{font-size:var(--social-icon-size)}
.social-style-preview.social-shape-squircle span{border-radius:28%}.social-style-preview.social-shape-rounded span{border-radius:12px}.social-style-preview.social-shape-square span{border-radius:3px}
.social-style-preview.social-color-brand span,.social-style-preview.social-color-duotone span{color:var(--brand-color)}.social-style-preview.social-color-accent span{color:var(--accent)}
.social-style-preview.social-color-duotone span{background:color-mix(in srgb,var(--brand-color) 15%,#fff);border-color:color-mix(in srgb,var(--brand-color) 28%,#fff)}
.social-style-preview.social-container-outline:not(.social-color-duotone) span{background:transparent;border-color:currentColor}.social-style-preview.social-container-bare span{background:transparent;border-color:transparent;box-shadow:none}.social-style-preview.social-container-glass:not(.social-color-duotone) span{background:rgba(255,255,255,.58);backdrop-filter:blur(10px)}
.social-style-preview.social-container-solid.social-color-brand span{background:var(--brand-color);color:#fff;border-color:transparent}.social-style-preview.social-container-solid.social-color-accent span{background:var(--accent);color:#fff;border-color:transparent}.social-style-preview.social-container-solid.social-color-mono span{background:#202126;color:#fff;border-color:transparent}.social-style-preview.social-container-solid.social-color-duotone span{background:var(--brand-color);color:#fff;border-color:transparent}
.social-style-preview.social-hover-lift span:hover{transform:translateY(-4px)}.social-style-preview.social-hover-scale span:hover{transform:scale(1.1)}.social-style-preview.social-hover-rotate span:hover{transform:rotate(8deg)}.social-style-preview.social-hover-glow span:hover{box-shadow:0 0 24px color-mix(in srgb,var(--brand-color) 42%,transparent)}
.social-style-preview.social-motion-pulse span{animation:qSocialPulse 3.2s ease-in-out infinite}.social-style-preview.social-motion-float span{animation:qSocialFloat 4.2s ease-in-out infinite}.social-style-preview.social-motion-wave span{animation:qSocialWave 4s ease-in-out infinite}.social-style-preview.social-motion-wave span:nth-child(2){animation-delay:.1s}.social-style-preview.social-motion-wave span:nth-child(3){animation-delay:.2s}.social-style-preview.social-motion-wave span:nth-child(4){animation-delay:.3s}

/* Social row positioning on public profile */
.v03-public-body .social-row{max-width:650px;margin-inline:auto}

@media(max-width:520px){
  .qone-profile .social-row{margin-top:10px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .qone-profile .social-row-item,.qone-profile .brand-link .social-icon,.social-style-preview span{animation:none!important;transition:none!important}
}