/* iSocialize — colorful menu icons v3.
 * One SVG per icon as a CSS variable; applied to BOTH the left sidebar
 * (role=menuitem) and the nine-squares header Menu popover (popupMoreMenu),
 * including its Create column. Injected via <link> in the SPA shell. */
:root{
  --iso-ic-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='1' stop-color='%231d6fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M16 3.5 3.5 14.2c-.8.7-.3 2 .8 2h2v11c0 1.1.9 2 2 2h15.4c1.1 0 2-.9 2-2v-11h2c1.1 0 1.6-1.3.8-2L16 3.5z'/%3E%3Cpath fill='%23fff' d='M13 29.2v-7.7c0-.8.7-1.5 1.5-1.5h3c.8 0 1.5.7 1.5 1.5v7.7h-6z'/%3E%3C/svg%3E");
  --iso-ic-marketplace: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff5e7e'/%3E%3Cstop offset='1' stop-color='%23ff9f43'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='1' stop-color='%231d6fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23b)' d='M5 14h22v12c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V14z'/%3E%3Cpath fill='url(%23a)' d='M4.2 5h23.6c.6 0 1.1.4 1.3 1l1.7 5.2c.4 1.3-.5 2.8-1.9 2.8H3.1c-1.4 0-2.3-1.5-1.9-2.8L2.9 6c.2-.6.7-1 1.3-1z'/%3E%3Cpath fill='%23fff' d='M13 28v-7c0-.6.4-1 1-1h4c.6 0 1 .4 1 1v7h-6z'/%3E%3C/svg%3E");
  --iso-ic-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232e8bf7'/%3E%3Cstop offset='1' stop-color='%236a5cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M16 3C8.8 3 3 8.1 3 14.4c0 3.6 1.9 6.8 4.9 8.9V29c0 .8.9 1.3 1.6.8l4-2.6c.8.1 1.6.2 2.5.2 7.2 0 13-5.1 13-11.4S23.2 3 16 3z'/%3E%3Ccircle cx='10.5' cy='14.5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='16' cy='14.5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='21.5' cy='14.5' r='1.8' fill='%23fff'/%3E%3C/svg%3E");
  --iso-ic-advertises: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb74a'/%3E%3Cstop offset='1' stop-color='%23ff6b3d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M27 4.5c0-1.2-1.4-1.9-2.4-1.2l-7.8 5.4c-.5.4-1.2.6-1.8.6H6c-1.7 0-3 1.3-3 3v5.4c0 1.7 1.3 3 3 3h1l2.2 7.2c.2.6.8 1.1 1.4 1.1h2.1c1 0 1.7-1 1.4-1.9l-1.9-6.4h2.8c.6 0 1.3.2 1.8.6l7.8 5.4c1 .7 2.4 0 2.4-1.2v-21z'/%3E%3C/svg%3E");
  --iso-ic-pages: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb300'/%3E%3Cstop offset='1' stop-color='%23ff7043'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='2.5' width='3' height='27' rx='1.5' fill='%23708090'/%3E%3Cpath fill='url(%23g)' d='M11 5h15.5c.9 0 1.4 1 .9 1.7L24 11l3.4 4.3c.5.7 0 1.7-.9 1.7H11V5z'/%3E%3Ccircle cx='7.5' cy='4' r='2.2' fill='%23ffb300'/%3E%3C/svg%3E");
  --iso-ic-groups: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='1' stop-color='%231d6fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='13.5' fill='url(%23g)'/%3E%3Ccircle cx='16' cy='12' r='3.2' fill='%23fff'/%3E%3Ccircle cx='9.8' cy='13.5' r='2.4' fill='%23d6e8ff'/%3E%3Ccircle cx='22.2' cy='13.5' r='2.4' fill='%23d6e8ff'/%3E%3Cpath fill='%23fff' d='M16 16.5c2.8 0 5 2 5.4 4.7.1.7-.5 1.3-1.2 1.3h-8.4c-.7 0-1.3-.6-1.2-1.3.4-2.7 2.6-4.7 5.4-4.7z'/%3E%3Cpath fill='%23d6e8ff' d='M9.8 16.8c.6 0 1.2.1 1.7.4-1 1-1.7 2.3-1.9 3.8H6.4c-.6 0-1.1-.6-1-1.2.5-1.8 2.2-3 4.4-3zM22.2 16.8c2.2 0 3.9 1.2 4.4 3 .1.6-.4 1.2-1 1.2h-3.2c-.2-1.5-.9-2.8-1.9-3.8.5-.3 1.1-.4 1.7-.4z'/%3E%3C/svg%3E");
  --iso-ic-friends: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='1' stop-color='%231d6fe8'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2335dcc3'/%3E%3Cstop offset='1' stop-color='%2300b89a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='11' cy='10.5' r='4.5' fill='url(%23b)'/%3E%3Cpath fill='url(%23b)' d='M11 17c4.3 0 7.8 3 8.4 7.1.1.9-.6 1.9-1.6 1.9H4.2c-1 0-1.7-1-1.6-1.9C3.2 20 6.7 17 11 17z'/%3E%3Ccircle cx='22.5' cy='12' r='3.6' fill='url(%23t)'/%3E%3Cpath fill='url(%23t)' d='M22.5 17.2c3.5 0 6.3 2.4 6.9 5.7.1.9-.6 1.8-1.5 1.8h-5.7c.1-.4.1-.9 0-1.3-.3-2.1-1.3-4-2.8-5.4.9-.5 2-.8 3.1-.8z'/%3E%3C/svg%3E");
  --iso-ic-members: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a86cff'/%3E%3Cstop offset='1' stop-color='%237b3ff2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='9.5' r='4' fill='url(%23v)'/%3E%3Cpath fill='url(%23v)' d='M16 15.5c3.9 0 7.1 2.8 7.7 6.5.1.9-.6 1.8-1.5 1.8H9.8c-.9 0-1.6-.9-1.5-1.8.6-3.7 3.8-6.5 7.7-6.5z'/%3E%3Ccircle cx='6.8' cy='11.5' r='2.8' fill='%23c9a8ff'/%3E%3Cpath fill='%23c9a8ff' d='M6.8 15.7c.8 0 1.6.2 2.3.5-1.3 1.3-2.2 3-2.5 4.9H3.2c-.9 0-1.5-.8-1.3-1.6.6-2.2 2.5-3.8 4.9-3.8z'/%3E%3Ccircle cx='25.2' cy='11.5' r='2.8' fill='%23c9a8ff'/%3E%3Cpath fill='%23c9a8ff' d='M25.2 15.7c2.4 0 4.3 1.6 4.9 3.8.2.8-.4 1.6-1.3 1.6h-3.4c-.3-1.9-1.2-3.6-2.5-4.9.7-.3 1.5-.5 2.3-.5z'/%3E%3C/svg%3E");
  --iso-ic-photos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2345d483'/%3E%3Cstop offset='1' stop-color='%2300a651'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='3.5' width='21' height='17' rx='3' fill='%23a8edc8' transform='rotate(6 18 12)'/%3E%3Crect x='3.5' y='8' width='25' height='20' rx='3' fill='url(%23g)'/%3E%3Ccircle cx='10.5' cy='14.5' r='2.5' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M7 25.5l5.5-6c.4-.5 1.1-.5 1.5 0l3 3.2 4-4.6c.4-.5 1.2-.5 1.6 0l5 5.9c.6.7.1 1.8-.8 1.8H7.8c-.9 0-1.4-1-.8-1.7z' opacity='.95'/%3E%3C/svg%3E");
  --iso-ic-blogs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2335dcc3'/%3E%3Cstop offset='1' stop-color='%230098a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M6 4.5c0-1.1.9-2 2-2h11.5L24 7v20.5c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2v-23z'/%3E%3Cpath fill='%23b2f0e6' d='M19.5 2.5 24 7h-3.5c-.6 0-1-.4-1-1V2.5z'/%3E%3Crect x='9.5' y='12' width='11' height='2' rx='1' fill='%23fff'/%3E%3Crect x='9.5' y='16.5' width='11' height='2' rx='1' fill='%23fff'/%3E%3Crect x='9.5' y='21' width='7' height='2' rx='1' fill='%23fff'/%3E%3Cpath fill='%23ffb300' d='M27.8 13.2l-7.6 7.6-1.2 3.8c-.2.6.4 1.2 1 1l3.8-1.2 7.6-7.6c.8-.8.8-2 0-2.8l-.8-.8c-.8-.8-2-.8-2.8 0z'/%3E%3C/svg%3E");
  --iso-ic-event: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff5e7e'/%3E%3Cstop offset='1' stop-color='%23ff3b30'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='6' width='24' height='23' rx='3' fill='%23f2f5f9'/%3E%3Cpath fill='url(%23g)' d='M4 9c0-1.7 1.3-3 3-3h18c1.7 0 3 1.3 3 3v4H4V9z'/%3E%3Crect x='9' y='2.5' width='3' height='6' rx='1.5' fill='%23475569'/%3E%3Crect x='20' y='2.5' width='3' height='6' rx='1.5' fill='%23475569'/%3E%3Crect x='9' y='17' width='6' height='5' rx='1' fill='%234ba2ff'/%3E%3Crect x='17.5' y='17' width='6' height='5' rx='1' fill='%23cbd5e1'/%3E%3C/svg%3E");
  --iso-ic-videos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='1' stop-color='%236a5cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3.5' y='5.5' width='25' height='21' rx='5' fill='url(%23g)'/%3E%3Cpath fill='%23fff' d='M13.5 11.8c0-.9 1-1.5 1.8-1l7 4.2c.8.5.8 1.6 0 2.1l-7 4.2c-.8.5-1.8-.1-1.8-1v-8.5z'/%3E%3C/svg%3E");
  --iso-ic-live-video: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5252'/%3E%3Cstop offset='1' stop-color='%23d50000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='2.5' y='8' width='18' height='16' rx='4' fill='url(%23g)'/%3E%3Cpath fill='url(%23g)' d='M22 13.5l5.6-3.4c.8-.5 1.9.1 1.9 1.1v9.6c0 1-1.1 1.6-1.9 1.1L22 18.5v-5z'/%3E%3Ccircle cx='8.5' cy='13' r='2' fill='%23fff'/%3E%3Crect x='12' y='18.5' width='6' height='2.5' rx='1.25' fill='%23fff'/%3E%3C/svg%3E");
  --iso-ic-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='17' width='6' height='12' rx='2' fill='%2345d483'/%3E%3Crect x='13' y='8' width='6' height='21' rx='2' fill='%234ba2ff'/%3E%3Crect x='22' y='13' width='6' height='16' rx='2' fill='%23ffb300'/%3E%3Ccircle cx='7' cy='12' r='2.4' fill='%2345d483'/%3E%3Ccircle cx='16' cy='3.8' r='2.4' fill='%234ba2ff'/%3E%3Ccircle cx='25' cy='8.5' r='2.4' fill='%23ffb300'/%3E%3C/svg%3E");
  --iso-ic-quiz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23a86cff'/%3E%3Cstop offset='1' stop-color='%236a50eb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='13.5' fill='url(%23g)'/%3E%3Cpath fill='%23fff' d='M16 7.5c3.3 0 6 2.4 6 5.4 0 2.1-1.2 3.3-2.4 4.2-1.1.9-1.9 1.5-1.9 2.9h-3.4c0-2.6 1.4-3.8 2.6-4.7 1-.8 1.7-1.3 1.7-2.4 0-1.2-1.2-2.1-2.6-2.1s-2.6.9-2.6 2.1h-3.4c0-3 2.7-5.4 6-5.4z'/%3E%3Ccircle cx='16' cy='23.5' r='1.9' fill='%23fff'/%3E%3C/svg%3E");
  --iso-ic-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5e7e'/%3E%3Cstop offset='1' stop-color='%23ff2d8a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M12 25.5V9.2c0-.9.6-1.7 1.5-1.9l11-2.8c1.3-.3 2.5.7 2.5 2v16.1c0 2.5-2 4.4-4.5 4.4S18 25.1 18 22.7s2-4.4 4.5-4.4c.9 0 1.7.2 2.5.7V9.9l-10 2.5v15.2c0 2.5-2 4.4-4.5 4.4S6 30.1 6 27.6s2-4.4 4.5-4.4c.5 0 1 .1 1.5.3z'/%3E%3C/svg%3E");
  --iso-ic-saved: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5e7e'/%3E%3Cstop offset='1' stop-color='%23b132fb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M8 4.5c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v23.4c0 .9-1 1.4-1.7.9L16 23.6l-6.3 5.2c-.7.5-1.7 0-1.7-.9V4.5z'/%3E%3C/svg%3E");
  --iso-ic-forum: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffc94a'/%3E%3Cstop offset='1' stop-color='%23ff9f1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M4 6.5C4 5.1 5.1 4 6.5 4h13C20.9 4 22 5.1 22 6.5v7c0 1.4-1.1 2.5-2.5 2.5H11l-4.6 3.5c-.7.5-1.6 0-1.6-.8L4 6.5z'/%3E%3Cpath fill='%23ffe3b0' d='M24 10h1.5c1.4 0 2.5 1.1 2.5 2.5v7c0 1.4-1.1 2.5-2.5 2.5H24v3.7c0 .8-1 1.3-1.6.8L17.8 23H13c-1.1 0-2-.7-2.4-1.6h8.9c2.5 0 4.5-2 4.5-4.5V10z'/%3E%3C/svg%3E");
  --iso-ic-subscription: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2345d483'/%3E%3Cstop offset='1' stop-color='%23009e54'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='7' width='26' height='18' rx='3' fill='url(%23g)'/%3E%3Crect x='3' y='11' width='26' height='4' fill='%23007a40'/%3E%3Crect x='6.5' y='19' width='9' height='2.5' rx='1.25' fill='%23fff'/%3E%3Ccircle cx='24' cy='20' r='2.4' fill='%23ffd54f'/%3E%3C/svg%3E");
  --iso-ic-gather: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb74a'/%3E%3Cstop offset='1' stop-color='%23ff6b3d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='13.5' fill='url(%23g)'/%3E%3Ccircle cx='12' cy='12.5' r='2.8' fill='%23fff'/%3E%3Ccircle cx='20' cy='12.5' r='2.8' fill='%23ffe3b0'/%3E%3Cpath fill='%23fff' d='M12 16.5c2.4 0 4.4 1.6 4.9 3.9.2.8-.5 1.6-1.3 1.6H8.4c-.8 0-1.5-.8-1.3-1.6.5-2.3 2.5-3.9 4.9-3.9z'/%3E%3Cpath fill='%23ffe3b0' d='M20 16.5c2.4 0 4.4 1.6 4.9 3.9.2.8-.5 1.6-1.3 1.6h-4.4c.1-.5.1-1 0-1.4-.3-1.3-1-2.5-1.9-3.4.8-.5 1.7-.7 2.7-.7z'/%3E%3C/svg%3E");
  --iso-ic-invitations: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236a8bff'/%3E%3Cstop offset='1' stop-color='%236a5cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='7' width='26' height='18' rx='3' fill='url(%23g)'/%3E%3Cpath fill='%23fff' d='M4.2 8.6c-.5-.4-.1-1.1.5-1.1h22.6c.6 0 1 .7.5 1.1l-10.5 8.2c-.8.6-1.8.6-2.6 0L4.2 8.6z' opacity='.92'/%3E%3Ccircle cx='25.5' cy='23' r='5' fill='%23ffb300'/%3E%3Cpath fill='%23fff' d='M25.5 20.5v5M23 23h5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --iso-ic-isocialize-ai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234ba2ff'/%3E%3Cstop offset='.5' stop-color='%238a5cff'/%3E%3Cstop offset='1' stop-color='%23ff5e9e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M16 3.2c.5 0 .9.3 1 .8l1.6 6c.4 1.7 1.7 3 3.4 3.4l6 1.6c.5.1.8.5.8 1s-.3.9-.8 1l-6 1.6c-1.7.4-3 1.7-3.4 3.4l-1.6 6c-.1.5-.5.8-1 .8s-.9-.3-1-.8l-1.6-6c-.4-1.7-1.7-3-3.4-3.4l-6-1.6c-.5-.1-.8-.5-.8-1s.3-.9.8-1l6-1.6c1.7-.4 3-1.7 3.4-3.4l1.6-6c.1-.5.5-.8 1-.8z'/%3E%3Cpath fill='%23ffb300' d='M26 2.2l.8 2.9 2.9.8-2.9.8-.8 2.9-.8-2.9-2.9-.8 2.9-.8z'/%3E%3Cpath fill='%2335dcc3' d='M26.5 22.5l.6 2.2 2.2.6-2.2.6-.6 2.2-.6-2.2-2.2-.6 2.2-.6z'/%3E%3C/svg%3E");
}
/* shared reset: kill glyph + gray circle, show the SVG */
[role="menuitem"][data-testid="home"] .ico,
[role="menuitem"][data-testid="marketplace"] .ico,
[role="menuitem"][data-testid="chat"] .ico,
[role="menuitem"][data-testid="chatplus"] .ico,
[role="menuitem"][data-testid="messages"] .ico,
[role="menuitem"][data-testid="advertises"] .ico,
[role="menuitem"][data-testid="advertise"] .ico,
[role="menuitem"][data-testid="ad"] .ico,
[role="menuitem"][data-testid="pages"] .ico,
[role="menuitem"][data-testid="page"] .ico,
[role="menuitem"][data-testid="groups"] .ico,
[role="menuitem"][data-testid="group"] .ico,
[role="menuitem"][data-testid="friends"] .ico,
[role="menuitem"][data-testid="friend"] .ico,
[role="menuitem"][data-testid="connections"] .ico,
[role="menuitem"][data-testid="members"] .ico,
[role="menuitem"][data-testid="member"] .ico,
[role="menuitem"][data-testid="photos"] .ico,
[role="menuitem"][data-testid="photo"] .ico,
[role="menuitem"][data-testid="blogs"] .ico,
[role="menuitem"][data-testid="blog"] .ico,
[role="menuitem"][data-testid="event"] .ico,
[role="menuitem"][data-testid="events"] .ico,
[role="menuitem"][data-testid="videos"] .ico,
[role="menuitem"][data-testid="video"] .ico,
[role="menuitem"][data-testid="live_video"] .ico,
[role="menuitem"][data-testid="poll"] .ico,
[role="menuitem"][data-testid="polls"] .ico,
[role="menuitem"][data-testid="quiz"] .ico,
[role="menuitem"][data-testid="music"] .ico,
[role="menuitem"][data-testid="saved"] .ico,
[role="menuitem"][data-testid="forum"] .ico,
[role="menuitem"][data-testid="forums"] .ico,
[role="menuitem"][data-testid="subscription"] .ico,
[role="menuitem"][data-testid="gather"] .ico,
[role="menuitem"][data-testid="invitations"] .ico,
[role="menuitem"][data-testid="invitation"] .ico,
[role="menuitem"][data-testid="invite"] .ico,
[data-testid="popupMoreMenu"] [data-testid="home"] .ico,
[data-testid="popupMoreMenu"] [data-testid="marketplace"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chat"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chatplus"] .ico,
[data-testid="popupMoreMenu"] [data-testid="messages"] .ico,
[data-testid="popupMoreMenu"] [data-testid="advertises"] .ico,
[data-testid="popupMoreMenu"] [data-testid="advertise"] .ico,
[data-testid="popupMoreMenu"] [data-testid="ad"] .ico,
[data-testid="popupMoreMenu"] [data-testid="pages"] .ico,
[data-testid="popupMoreMenu"] [data-testid="page"] .ico,
[data-testid="popupMoreMenu"] [data-testid="groups"] .ico,
[data-testid="popupMoreMenu"] [data-testid="group"] .ico,
[data-testid="popupMoreMenu"] [data-testid="friends"] .ico,
[data-testid="popupMoreMenu"] [data-testid="friend"] .ico,
[data-testid="popupMoreMenu"] [data-testid="connections"] .ico,
[data-testid="popupMoreMenu"] [data-testid="members"] .ico,
[data-testid="popupMoreMenu"] [data-testid="member"] .ico,
[data-testid="popupMoreMenu"] [data-testid="photos"] .ico,
[data-testid="popupMoreMenu"] [data-testid="photo"] .ico,
[data-testid="popupMoreMenu"] [data-testid="blogs"] .ico,
[data-testid="popupMoreMenu"] [data-testid="blog"] .ico,
[data-testid="popupMoreMenu"] [data-testid="event"] .ico,
[data-testid="popupMoreMenu"] [data-testid="events"] .ico,
[data-testid="popupMoreMenu"] [data-testid="videos"] .ico,
[data-testid="popupMoreMenu"] [data-testid="video"] .ico,
[data-testid="popupMoreMenu"] [data-testid="live_video"] .ico,
[data-testid="popupMoreMenu"] [data-testid="poll"] .ico,
[data-testid="popupMoreMenu"] [data-testid="polls"] .ico,
[data-testid="popupMoreMenu"] [data-testid="quiz"] .ico,
[data-testid="popupMoreMenu"] [data-testid="music"] .ico,
[data-testid="popupMoreMenu"] [data-testid="saved"] .ico,
[data-testid="popupMoreMenu"] [data-testid="forum"] .ico,
[data-testid="popupMoreMenu"] [data-testid="forums"] .ico,
[data-testid="popupMoreMenu"] [data-testid="subscription"] .ico,
[data-testid="popupMoreMenu"] [data-testid="gather"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invitations"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invitation"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invite"] .ico,
[role="menuitem"][data-testid="isocialize_ai"] .ico,
[data-testid="popupMoreMenu"] [data-testid="isocialize_ai"] .ico{
  font-size:0 !important;
  background-color:transparent !important;
  border-radius:0 !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:26px 26px;
  display:inline-block;
  width:32px !important;
  height:32px !important;
  line-height:32px;
  vertical-align:middle;
}
/* per-icon artwork */
[role="menuitem"][data-testid="home"] .ico,
[data-testid="popupMoreMenu"] [data-testid="home"] .ico{background-image:var(--iso-ic-home)}
[role="menuitem"][data-testid="marketplace"] .ico,
[data-testid="popupMoreMenu"] [data-testid="marketplace"] .ico{background-image:var(--iso-ic-marketplace)}
[role="menuitem"][data-testid="chat"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chat"] .ico,
[role="menuitem"][data-testid="chatplus"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chatplus"] .ico,
[role="menuitem"][data-testid="messages"] .ico,
[data-testid="popupMoreMenu"] [data-testid="messages"] .ico{background-image:var(--iso-ic-chat)}
[role="menuitem"][data-testid="advertises"] .ico,
[data-testid="popupMoreMenu"] [data-testid="advertises"] .ico,
[role="menuitem"][data-testid="advertise"] .ico,
[data-testid="popupMoreMenu"] [data-testid="advertise"] .ico,
[role="menuitem"][data-testid="ad"] .ico,
[data-testid="popupMoreMenu"] [data-testid="ad"] .ico{background-image:var(--iso-ic-advertises)}
[role="menuitem"][data-testid="pages"] .ico,
[data-testid="popupMoreMenu"] [data-testid="pages"] .ico,
[role="menuitem"][data-testid="page"] .ico,
[data-testid="popupMoreMenu"] [data-testid="page"] .ico{background-image:var(--iso-ic-pages)}
[role="menuitem"][data-testid="groups"] .ico,
[data-testid="popupMoreMenu"] [data-testid="groups"] .ico,
[role="menuitem"][data-testid="group"] .ico,
[data-testid="popupMoreMenu"] [data-testid="group"] .ico{background-image:var(--iso-ic-groups)}
[role="menuitem"][data-testid="friends"] .ico,
[data-testid="popupMoreMenu"] [data-testid="friends"] .ico,
[role="menuitem"][data-testid="friend"] .ico,
[data-testid="popupMoreMenu"] [data-testid="friend"] .ico,
[role="menuitem"][data-testid="connections"] .ico,
[data-testid="popupMoreMenu"] [data-testid="connections"] .ico{background-image:var(--iso-ic-friends)}
[role="menuitem"][data-testid="members"] .ico,
[data-testid="popupMoreMenu"] [data-testid="members"] .ico,
[role="menuitem"][data-testid="member"] .ico,
[data-testid="popupMoreMenu"] [data-testid="member"] .ico{background-image:var(--iso-ic-members)}
[role="menuitem"][data-testid="photos"] .ico,
[data-testid="popupMoreMenu"] [data-testid="photos"] .ico,
[role="menuitem"][data-testid="photo"] .ico,
[data-testid="popupMoreMenu"] [data-testid="photo"] .ico{background-image:var(--iso-ic-photos)}
[role="menuitem"][data-testid="blogs"] .ico,
[data-testid="popupMoreMenu"] [data-testid="blogs"] .ico,
[role="menuitem"][data-testid="blog"] .ico,
[data-testid="popupMoreMenu"] [data-testid="blog"] .ico{background-image:var(--iso-ic-blogs)}
[role="menuitem"][data-testid="event"] .ico,
[data-testid="popupMoreMenu"] [data-testid="event"] .ico,
[role="menuitem"][data-testid="events"] .ico,
[data-testid="popupMoreMenu"] [data-testid="events"] .ico{background-image:var(--iso-ic-event)}
[role="menuitem"][data-testid="videos"] .ico,
[data-testid="popupMoreMenu"] [data-testid="videos"] .ico,
[role="menuitem"][data-testid="video"] .ico,
[data-testid="popupMoreMenu"] [data-testid="video"] .ico{background-image:var(--iso-ic-videos)}
[role="menuitem"][data-testid="live_video"] .ico,
[data-testid="popupMoreMenu"] [data-testid="live_video"] .ico{background-image:var(--iso-ic-live-video)}
[role="menuitem"][data-testid="poll"] .ico,
[data-testid="popupMoreMenu"] [data-testid="poll"] .ico,
[role="menuitem"][data-testid="polls"] .ico,
[data-testid="popupMoreMenu"] [data-testid="polls"] .ico{background-image:var(--iso-ic-poll)}
[role="menuitem"][data-testid="quiz"] .ico,
[data-testid="popupMoreMenu"] [data-testid="quiz"] .ico{background-image:var(--iso-ic-quiz)}
[role="menuitem"][data-testid="music"] .ico,
[data-testid="popupMoreMenu"] [data-testid="music"] .ico{background-image:var(--iso-ic-music)}
[role="menuitem"][data-testid="saved"] .ico,
[data-testid="popupMoreMenu"] [data-testid="saved"] .ico{background-image:var(--iso-ic-saved)}
[role="menuitem"][data-testid="forum"] .ico,
[data-testid="popupMoreMenu"] [data-testid="forum"] .ico,
[role="menuitem"][data-testid="forums"] .ico,
[data-testid="popupMoreMenu"] [data-testid="forums"] .ico{background-image:var(--iso-ic-forum)}
[role="menuitem"][data-testid="subscription"] .ico,
[data-testid="popupMoreMenu"] [data-testid="subscription"] .ico{background-image:var(--iso-ic-subscription)}
[role="menuitem"][data-testid="gather"] .ico,
[data-testid="popupMoreMenu"] [data-testid="gather"] .ico{background-image:var(--iso-ic-gather)}
[role="menuitem"][data-testid="invitations"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invitations"] .ico,
[role="menuitem"][data-testid="invitation"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invitation"] .ico,
[role="menuitem"][data-testid="invite"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invite"] .ico{background-image:var(--iso-ic-invitations)}
[role="menuitem"][data-testid="isocialize_ai"] .ico,
[data-testid="popupMoreMenu"] [data-testid="isocialize_ai"] .ico{background-image:var(--iso-ic-isocialize-ai)}

/* ---- v8: account dropdown icons, FLAT colorful style ---- */
:root{
  --iso-ac-account-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%2394A3B8'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23475569'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M27.2%2018.1c.1-.7.2-1.4.2-2.1s-.1-1.4-.2-2.1l2.8-2.1c.3-.2.4-.6.2-1l-2.7-4.6c-.2-.3-.6-.5-.9-.3l-3.2%201.4c-1.1-.8-2.3-1.5-3.6-2l-.4-3.5c-.1-.4-.4-.6-.8-.6h-5.3c-.4%200-.7.2-.8.6l-.4%203.5c-1.3.5-2.5%201.1-3.6%202L5.3%205.9c-.3-.1-.7%200-.9.3L1.7%2010.8c-.2.3-.1.7.2%201l2.8%202.1c-.1.7-.2%201.4-.2%202.1s.1%201.4.2%202.1l-2.8%202.1c-.3.2-.4.6-.2%201l2.7%204.6c.2.3.6.5.9.3l3.2-1.4c1.1.8%202.3%201.5%203.6%202l.4%203.5c.1.4.4.6.8.6h5.3c.4%200%20.7-.2.8-.6l.4-3.5c1.3-.5%202.5-1.1%203.6-2l3.2%201.4c.3.1.7%200%20.9-.3l2.7-4.6c.2-.3.1-.7-.2-1l-2.8-2zM16%2020.5c-2.5%200-4.5-2-4.5-4.5s2-4.5%204.5-4.5%204.5%202%204.5%204.5-2%204.5-4.5%204.5z'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-language: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%234BA2FF%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%231D6FE8%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%2712.5%27%20fill%3D%27url%28%23g%29%27%2F%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.5%27%20opacity%3D%27.95%27%3E%3Cellipse%20cx%3D%2716%27%20cy%3D%2716%27%20rx%3D%275.4%27%20ry%3D%2712.5%27%2F%3E%3Cpath%20d%3D%27M16%203.5v25M3.6%2012.6h24.8M3.6%2019.4h24.8%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --iso-ac-ewallet: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%2345D483'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23009E54'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'4'%20y%3D'8'%20width%3D'24'%20height%3D'17'%20rx%3D'3'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M20.5%2014H28v5h-7.5c-1.4%200-2.5-1.1-2.5-2.5s1.1-2.5%202.5-2.5z'%20opacity%3D'.95'%2F%3E%3Ccircle%20cx%3D'21.3'%20cy%3D'16.5'%20r%3D'1.2'%20fill%3D'url(%23g)'%2F%3E%3Crect%20x%3D'4'%20y%3D'10.8'%20width%3D'24'%20height%3D'2.6'%20fill%3D'%23fff'%20opacity%3D'.25'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-activity-points: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23FFC94A'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23FF9F1A'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M16%204.8l3.2%206.5%207.2%201c.7.1%201%201%20.5%201.5l-5.2%205.1%201.2%207.2c.1.7-.6%201.3-1.3%201l-6.4-3.4-6.4%203.4c-.7.3-1.4-.2-1.3-1l1.2-7.2-5.2-5.1c-.5-.5-.2-1.4.5-1.5l7.2-1L14.8%204.8c.3-.7%201.1-.7%201.4%200z'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-scheduled-posts: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%234BA2FF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231D6FE8'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'16'%20cy%3D'16'%20r%3D'12'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20stroke%3D'%23fff'%20stroke-width%3D'2.6'%20stroke-linecap%3D'round'%20fill%3D'none'%20d%3D'M16%209.5V16l4.5%203'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-create-tour: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23A86CFF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%237B3FF2'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M16%203.5c-5%200-9%204-9%209%200%206.1%207.4%2014.2%208.2%2015%20.4.5%201.2.5%201.6%200%20.8-.8%208.2-8.9%208.2-15%200-5-4-9-9-9zm0%2012.3c-1.9%200-3.5-1.6-3.5-3.5s1.6-3.5%203.5-3.5%203.5%201.6%203.5%203.5-1.6%203.5-3.5%203.5z'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-dark-mode: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23818CF8'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%234F46E5'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M24.4%2020c-6.2%200-11.3-5.1-11.3-11.3%200-1.6.3-3.2%201-4.6C9%205.5%205.3%2010.2%205.3%2015.7c0%206.6%205.4%2012%2012%2012%205%200%209.3-3%2011.2-7.4-1.3.5-2.7.7-4.1.7z'%2F%3E%3Ccircle%20cx%3D'24.5'%20cy%3D'6.5'%20r%3D'1.7'%20fill%3D'url(%23g)'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'11'%20r%3D'1.2'%20fill%3D'url(%23g)'%20opacity%3D'.5'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-chooseThemes: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23FF5E7E'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23B132FB'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'4'%20y%3D'5.5'%20width%3D'24'%20height%3D'16'%20rx%3D'2.6'%20fill%3D'url(%23g)'%2F%3E%3Crect%20x%3D'12'%20y%3D'24'%20width%3D'8'%20height%3D'2.6'%20rx%3D'1.3'%20fill%3D'url(%23g)'%20opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'11'%20r%3D'2.2'%20fill%3D'%23fff'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'14.5'%20r%3D'2.2'%20fill%3D'%23fff'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'22.5'%20cy%3D'10.5'%20r%3D'2.2'%20fill%3D'%23fff'%20opacity%3D'.7'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-todo-list: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%232DD4BF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%230D9488'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'6'%20y%3D'4'%20width%3D'20'%20height%3D'24'%20rx%3D'3'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20stroke%3D'%23fff'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20fill%3D'none'%20d%3D'M10.5%2011.5l1.8%201.8%203.4-3.6'%2F%3E%3Crect%20x%3D'18'%20y%3D'10.5'%20width%3D'5'%20height%3D'2.2'%20rx%3D'1.1'%20fill%3D'%23fff'%2F%3E%3Cpath%20stroke%3D'%23fff'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20fill%3D'none'%20d%3D'M10.5%2019l1.8%201.8%203.4-3.6'%2F%3E%3Crect%20x%3D'18'%20y%3D'18'%20width%3D'5'%20height%3D'2.2'%20rx%3D'1.1'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-editor-mode: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%238B5CF6'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%236D28D9'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M16%204C9.4%204%204%209.4%204%2016s5.4%2012%2012%2012c1.1%200%202-.9%202-2%200-.5-.2-1-.5-1.3-.3-.4-.5-.8-.5-1.3%200-1.1.9-2%202-2h2.4c3.6%200%206.6-3%206.6-6.6C28%208.1%2022.6%204%2016%204zm-6%2012c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202zm4-5.3c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202zm6.7%200c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202z'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-admincp: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%2364748B'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231E293B'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'4'%20y%3D'9.5'%20width%3D'24'%20height%3D'16'%20rx%3D'2.6'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M12%209.5V7.3C12%206%2013%205%2014.3%205h3.4C19%205%2020%206%2020%207.3v2.2h-2.6V7.6h-2.8v1.9H12z'%2F%3E%3Crect%20x%3D'4'%20y%3D'14'%20width%3D'24'%20height%3D'2.6'%20fill%3D'%23fff'%20opacity%3D'.3'%2F%3E%3C%2Fsvg%3E");
  --iso-ac-logout: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23FF6B6B'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23D32F2F'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M14%205h-5C7.3%205%206%206.3%206%208v16c0%201.7%201.3%203%203%203h5c.8%200%201.4-.6%201.4-1.4S14.8%2024.2%2014%2024.2H9c-.1%200-.2-.1-.2-.2V8c0-.1.1-.2.2-.2h5c.8%200%201.4-.6%201.4-1.4S14.8%205%2014%205z'%2F%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M26.6%2015l-5.5-5.5c-.5-.5-1.4-.5-1.9%200s-.5%201.4%200%201.9l3.1%203.1H12c-.8%200-1.4.6-1.4%201.4s.6%201.4%201.4%201.4h10.3l-3.1%203.1c-.5.5-.5%201.4%200%201.9.3.3.6.4%201%20.4s.7-.1%201-.4l5.5-5.5c.5-.5.5-1.3-.1-1.8z'%2F%3E%3C%2Fsvg%3E");
}
.MuiPopover-paper [data-testid="account_settings"] .ico,
[role="tooltip"] [data-testid="account_settings"] .ico,
[data-testid="popupMoreMenu"] [data-testid="account_settings"] .ico,
.MuiDrawer-paper [data-testid="account_settings"] .ico,
.MuiPopover-paper [data-testid="language"] .ico,
[role="tooltip"] [data-testid="language"] .ico,
[data-testid="popupMoreMenu"] [data-testid="language"] .ico,
.MuiDrawer-paper [data-testid="language"] .ico,
.MuiPopover-paper [data-testid="ewallet"] .ico,
[role="tooltip"] [data-testid="ewallet"] .ico,
[data-testid="popupMoreMenu"] [data-testid="ewallet"] .ico,
.MuiDrawer-paper [data-testid="ewallet"] .ico,
.MuiPopover-paper [data-testid="activity_points"] .ico,
[role="tooltip"] [data-testid="activity_points"] .ico,
[data-testid="popupMoreMenu"] [data-testid="activity_points"] .ico,
.MuiDrawer-paper [data-testid="activity_points"] .ico,
.MuiPopover-paper [data-testid="scheduled_posts"] .ico,
[role="tooltip"] [data-testid="scheduled_posts"] .ico,
[data-testid="popupMoreMenu"] [data-testid="scheduled_posts"] .ico,
.MuiDrawer-paper [data-testid="scheduled_posts"] .ico,
.MuiPopover-paper [data-testid="create_tour"] .ico,
[role="tooltip"] [data-testid="create_tour"] .ico,
[data-testid="popupMoreMenu"] [data-testid="create_tour"] .ico,
.MuiDrawer-paper [data-testid="create_tour"] .ico,
.MuiPopover-paper [data-testid="dark_mode"] .ico,
[role="tooltip"] [data-testid="dark_mode"] .ico,
[data-testid="popupMoreMenu"] [data-testid="dark_mode"] .ico,
.MuiDrawer-paper [data-testid="dark_mode"] .ico,
.MuiPopover-paper [data-testid="chooseThemes"] .ico,
[role="tooltip"] [data-testid="chooseThemes"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chooseThemes"] .ico,
.MuiDrawer-paper [data-testid="chooseThemes"] .ico,
.MuiPopover-paper [data-testid="todo_list"] .ico,
[role="tooltip"] [data-testid="todo_list"] .ico,
[data-testid="popupMoreMenu"] [data-testid="todo_list"] .ico,
.MuiDrawer-paper [data-testid="todo_list"] .ico,
.MuiPopover-paper [data-testid="toggle-control"] .ico,
[role="tooltip"] [data-testid="toggle-control"] .ico,
[data-testid="popupMoreMenu"] [data-testid="toggle-control"] .ico,
.MuiDrawer-paper [data-testid="toggle-control"] .ico,
.MuiPopover-paper [data-testid="admincp"] .ico,
[role="tooltip"] [data-testid="admincp"] .ico,
[data-testid="popupMoreMenu"] [data-testid="admincp"] .ico,
.MuiDrawer-paper [data-testid="admincp"] .ico,
.MuiPopover-paper [data-testid="logout"] .ico,
[role="tooltip"] [data-testid="logout"] .ico,
[data-testid="popupMoreMenu"] [data-testid="logout"] .ico,
.MuiDrawer-paper [data-testid="logout"] .ico{
  font-size:0 !important;
  background-color:transparent !important;
  border-radius:0 !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:26px 26px;
  display:inline-block;
  width:32px !important;
  height:32px !important;
  line-height:32px;
  vertical-align:middle;
}
.MuiPopover-paper [data-testid="account_settings"] .ico,
[role="tooltip"] [data-testid="account_settings"] .ico,
[data-testid="popupMoreMenu"] [data-testid="account_settings"] .ico,
.MuiDrawer-paper [data-testid="account_settings"] .ico{background-image:var(--iso-ac-account-settings)}
.MuiPopover-paper [data-testid="language"] .ico,
[role="tooltip"] [data-testid="language"] .ico,
[data-testid="popupMoreMenu"] [data-testid="language"] .ico,
.MuiDrawer-paper [data-testid="language"] .ico{background-image:var(--iso-ac-language)}
.MuiPopover-paper [data-testid="ewallet"] .ico,
[role="tooltip"] [data-testid="ewallet"] .ico,
[data-testid="popupMoreMenu"] [data-testid="ewallet"] .ico,
.MuiDrawer-paper [data-testid="ewallet"] .ico{background-image:var(--iso-ac-ewallet)}
.MuiPopover-paper [data-testid="activity_points"] .ico,
[role="tooltip"] [data-testid="activity_points"] .ico,
[data-testid="popupMoreMenu"] [data-testid="activity_points"] .ico,
.MuiDrawer-paper [data-testid="activity_points"] .ico{background-image:var(--iso-ac-activity-points)}
.MuiPopover-paper [data-testid="scheduled_posts"] .ico,
[role="tooltip"] [data-testid="scheduled_posts"] .ico,
[data-testid="popupMoreMenu"] [data-testid="scheduled_posts"] .ico,
.MuiDrawer-paper [data-testid="scheduled_posts"] .ico{background-image:var(--iso-ac-scheduled-posts)}
.MuiPopover-paper [data-testid="create_tour"] .ico,
[role="tooltip"] [data-testid="create_tour"] .ico,
[data-testid="popupMoreMenu"] [data-testid="create_tour"] .ico,
.MuiDrawer-paper [data-testid="create_tour"] .ico{background-image:var(--iso-ac-create-tour)}
.MuiPopover-paper [data-testid="dark_mode"] .ico,
[role="tooltip"] [data-testid="dark_mode"] .ico,
[data-testid="popupMoreMenu"] [data-testid="dark_mode"] .ico,
.MuiDrawer-paper [data-testid="dark_mode"] .ico{background-image:var(--iso-ac-dark-mode)}
.MuiPopover-paper [data-testid="chooseThemes"] .ico,
[role="tooltip"] [data-testid="chooseThemes"] .ico,
[data-testid="popupMoreMenu"] [data-testid="chooseThemes"] .ico,
.MuiDrawer-paper [data-testid="chooseThemes"] .ico{background-image:var(--iso-ac-chooseThemes)}
.MuiPopover-paper [data-testid="todo_list"] .ico,
[role="tooltip"] [data-testid="todo_list"] .ico,
[data-testid="popupMoreMenu"] [data-testid="todo_list"] .ico,
.MuiDrawer-paper [data-testid="todo_list"] .ico{background-image:var(--iso-ac-todo-list)}
.MuiPopover-paper [data-testid="toggle-control"] .ico,
[role="tooltip"] [data-testid="toggle-control"] .ico,
[data-testid="popupMoreMenu"] [data-testid="toggle-control"] .ico,
.MuiDrawer-paper [data-testid="toggle-control"] .ico{background-image:var(--iso-ac-editor-mode)}
.MuiPopover-paper [data-testid="admincp"] .ico,
[role="tooltip"] [data-testid="admincp"] .ico,
[data-testid="popupMoreMenu"] [data-testid="admincp"] .ico,
.MuiDrawer-paper [data-testid="admincp"] .ico{background-image:var(--iso-ac-admincp)}
.MuiPopover-paper [data-testid="logout"] .ico,
[role="tooltip"] [data-testid="logout"] .ico,
[data-testid="popupMoreMenu"] [data-testid="logout"] .ico,
.MuiDrawer-paper [data-testid="logout"] .ico{background-image:var(--iso-ac-logout)}

/* ---- v9: account dropdown — no circles (sidebar look) + class fallbacks ---- */
:root{--iso-ac-account-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23B9C6DB'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%237A8BA8'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M27.2%2018.1c.1-.7.2-1.4.2-2.1s-.1-1.4-.2-2.1l2.8-2.1c.3-.2.4-.6.2-1l-2.7-4.6c-.2-.3-.6-.5-.9-.3l-3.2%201.4c-1.1-.8-2.3-1.5-3.6-2l-.4-3.5c-.1-.4-.4-.6-.8-.6h-5.3c-.4%200-.7.2-.8.6l-.4%203.5c-1.3.5-2.5%201.1-3.6%202L5.3%205.9c-.3-.1-.7%200-.9.3L1.7%2010.8c-.2.3-.1.7.2%201l2.8%202.1c-.1.7-.2%201.4-.2%202.1s.1%201.4.2%202.1l-2.8%202.1c-.3.2-.4.6-.2%201l2.7%204.6c.2.3.6.5.9.3l3.2-1.4c1.1.8%202.3%201.5%203.6%202l.4%203.5c.1.4.4.6.8.6h5.3c.4%200%20.7-.2.8-.6l.4-3.5c1.3-.5%202.5-1.1%203.6-2l3.2%201.4c.3.1.7%200%20.9-.3l2.7-4.6c.2-.3.1-.7-.2-1l-2.8-2zM16%2020.5c-2.5%200-4.5-2-4.5-4.5s2-4.5%204.5-4.5%204.5%202%204.5%204.5-2%204.5-4.5%204.5z'%2F%3E%3C%2Fsvg%3E");}
.MuiPopover-paper .ico.ico-gear,
[role="tooltip"] .ico.ico-gear,
[data-testid="popupMoreMenu"] .ico.ico-gear,
.MuiDrawer-paper .ico.ico-gear,
.MuiPopover-paper .ico.ico-language,
[role="tooltip"] .ico.ico-language,
[data-testid="popupMoreMenu"] .ico.ico-language,
.MuiDrawer-paper .ico.ico-language,
.MuiPopover-paper .ico.ico-money-bag,
[role="tooltip"] .ico.ico-money-bag,
[data-testid="popupMoreMenu"] .ico.ico-money-bag,
.MuiDrawer-paper .ico.ico-money-bag,
.MuiPopover-paper .ico.ico-star-circle,
[role="tooltip"] .ico.ico-star-circle,
[data-testid="popupMoreMenu"] .ico.ico-star-circle,
.MuiDrawer-paper .ico.ico-star-circle,
.MuiPopover-paper .ico.ico-clock,
[role="tooltip"] .ico.ico-clock,
[data-testid="popupMoreMenu"] .ico.ico-clock,
.MuiDrawer-paper .ico.ico-clock,
.MuiPopover-paper .ico.ico-tourguide,
[role="tooltip"] .ico.ico-tourguide,
[data-testid="popupMoreMenu"] .ico.ico-tourguide,
.MuiDrawer-paper .ico.ico-tourguide,
.MuiPopover-paper .ico.ico-contrast,
[role="tooltip"] .ico.ico-contrast,
[data-testid="popupMoreMenu"] .ico.ico-contrast,
.MuiDrawer-paper .ico.ico-contrast,
.MuiPopover-paper .ico.ico-desktop-text,
[role="tooltip"] .ico.ico-desktop-text,
[data-testid="popupMoreMenu"] .ico.ico-desktop-text,
.MuiDrawer-paper .ico.ico-desktop-text,
.MuiPopover-paper .ico.ico-list-o,
[role="tooltip"] .ico.ico-list-o,
[data-testid="popupMoreMenu"] .ico.ico-list-o,
.MuiDrawer-paper .ico.ico-list-o,
.MuiPopover-paper .ico.ico-color-palette,
[role="tooltip"] .ico.ico-color-palette,
[data-testid="popupMoreMenu"] .ico.ico-color-palette,
.MuiDrawer-paper .ico.ico-color-palette,
.MuiPopover-paper .ico.ico-businessman,
[role="tooltip"] .ico.ico-businessman,
[data-testid="popupMoreMenu"] .ico.ico-businessman,
.MuiDrawer-paper .ico.ico-businessman,
.MuiPopover-paper .ico.ico-signout,
[role="tooltip"] .ico.ico-signout,
[data-testid="popupMoreMenu"] .ico.ico-signout,
.MuiDrawer-paper .ico.ico-signout{
  font-size:0 !important;
  background-color:transparent !important;
  border-radius:0 !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:27px 27px;
  display:inline-block;
  width:32px !important;
  height:32px !important;
  line-height:32px;
  vertical-align:middle;
}
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-gear),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-gear),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-gear),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-gear),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-language),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-language),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-language),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-language),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-money-bag),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-money-bag),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-money-bag),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-money-bag),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-star-circle),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-star-circle),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-star-circle),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-star-circle),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-clock),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-clock),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-clock),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-clock),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-tourguide),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-tourguide),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-tourguide),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-tourguide),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-contrast),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-contrast),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-contrast),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-contrast),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-desktop-text),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-desktop-text),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-desktop-text),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-desktop-text),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-list-o),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-list-o),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-list-o),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-list-o),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-color-palette),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-color-palette),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-color-palette),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-color-palette),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-businessman),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-businessman),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-businessman),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-businessman),
.MuiPopover-paper .MuiAvatar-root:has(.ico.ico-signout),
[role="tooltip"] .MuiAvatar-root:has(.ico.ico-signout),
[data-testid="popupMoreMenu"] .MuiAvatar-root:has(.ico.ico-signout),
.MuiDrawer-paper .MuiAvatar-root:has(.ico.ico-signout){background-color:transparent !important}
.MuiPopover-paper .ico.ico-gear,
[role="tooltip"] .ico.ico-gear,
[data-testid="popupMoreMenu"] .ico.ico-gear,
.MuiDrawer-paper .ico.ico-gear{background-image:var(--iso-ac-account-settings)}
.MuiPopover-paper .ico.ico-language,
[role="tooltip"] .ico.ico-language,
[data-testid="popupMoreMenu"] .ico.ico-language,
.MuiDrawer-paper .ico.ico-language{background-image:var(--iso-ac-language)}
.MuiPopover-paper .ico.ico-money-bag,
[role="tooltip"] .ico.ico-money-bag,
[data-testid="popupMoreMenu"] .ico.ico-money-bag,
.MuiDrawer-paper .ico.ico-money-bag{background-image:var(--iso-ac-ewallet)}
.MuiPopover-paper .ico.ico-star-circle,
[role="tooltip"] .ico.ico-star-circle,
[data-testid="popupMoreMenu"] .ico.ico-star-circle,
.MuiDrawer-paper .ico.ico-star-circle{background-image:var(--iso-ac-activity-points)}
.MuiPopover-paper .ico.ico-clock,
[role="tooltip"] .ico.ico-clock,
[data-testid="popupMoreMenu"] .ico.ico-clock,
.MuiDrawer-paper .ico.ico-clock{background-image:var(--iso-ac-scheduled-posts)}
.MuiPopover-paper .ico.ico-tourguide,
[role="tooltip"] .ico.ico-tourguide,
[data-testid="popupMoreMenu"] .ico.ico-tourguide,
.MuiDrawer-paper .ico.ico-tourguide{background-image:var(--iso-ac-create-tour)}
.MuiPopover-paper .ico.ico-contrast,
[role="tooltip"] .ico.ico-contrast,
[data-testid="popupMoreMenu"] .ico.ico-contrast,
.MuiDrawer-paper .ico.ico-contrast{background-image:var(--iso-ac-dark-mode)}
.MuiPopover-paper .ico.ico-desktop-text,
[role="tooltip"] .ico.ico-desktop-text,
[data-testid="popupMoreMenu"] .ico.ico-desktop-text,
.MuiDrawer-paper .ico.ico-desktop-text{background-image:var(--iso-ac-chooseThemes)}
.MuiPopover-paper .ico.ico-list-o,
[role="tooltip"] .ico.ico-list-o,
[data-testid="popupMoreMenu"] .ico.ico-list-o,
.MuiDrawer-paper .ico.ico-list-o{background-image:var(--iso-ac-todo-list)}
.MuiPopover-paper .ico.ico-color-palette,
[role="tooltip"] .ico.ico-color-palette,
[data-testid="popupMoreMenu"] .ico.ico-color-palette,
.MuiDrawer-paper .ico.ico-color-palette{background-image:var(--iso-ac-editor-mode)}
.MuiPopover-paper .ico.ico-businessman,
[role="tooltip"] .ico.ico-businessman,
[data-testid="popupMoreMenu"] .ico.ico-businessman,
.MuiDrawer-paper .ico.ico-businessman{background-image:var(--iso-ac-admincp)}
.MuiPopover-paper .ico.ico-signout,
[role="tooltip"] .ico.ico-signout,
[data-testid="popupMoreMenu"] .ico.ico-signout,
.MuiDrawer-paper .ico.ico-signout{background-image:var(--iso-ac-logout)}

/* ---- v10: top app-bar header icons ---- */
:root{
  --iso-hdr-chat: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%233E8BFF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%236A5CFF'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M16%204C9%204%203.5%208.9%203.5%2015c0%203.5%201.8%206.6%204.7%208.6V28c0%20.8.9%201.3%201.6.8l3.8-2.5c.8.1%201.6.2%202.4.2%207%200%2012.5-4.9%2012.5-11S23%204%2016%204z'%2F%3E%3Ccircle%20cx%3D'10.8'%20cy%3D'15'%20r%3D'1.7'%20fill%3D'%23fff'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'15'%20r%3D'1.7'%20fill%3D'%23fff'%2F%3E%3Ccircle%20cx%3D'21.2'%20cy%3D'15'%20r%3D'1.7'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  --iso-hdr-bell: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23FFC94A'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23FF9F1A'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M24.5%2021.5v-7c0-4.1-2.9-7.5-6.8-8.3v-.9c0-.9-.8-1.7-1.7-1.7s-1.7.8-1.7%201.7v.9c-3.9.8-6.8%204.2-6.8%208.3v7L5%2024v1.2h22V24l-2.5-2.5z'%2F%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M16%2028.7c1.6%200%202.9-1.2%203.1-2.7h-6.2c.2%201.5%201.5%202.7%203.1%202.7z'%2F%3E%3C%2Fsvg%3E");
  --iso-hdr-friend: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%234BA2FF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231D6FE8'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'13.5'%20cy%3D'11'%20r%3D'4.6'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20fill%3D'url(%23g)'%20d%3D'M13.5%2017.5c4.4%200%208%203%208.6%207.2.1.9-.6%201.8-1.6%201.8H6.5c-1%200-1.7-.9-1.6-1.8.6-4.2%204.2-7.2%208.6-7.2z'%2F%3E%3Ccircle%20cx%3D'24.5'%20cy%3D'12.5'%20r%3D'4.6'%20fill%3D'%232DD4BF'%2F%3E%3Cpath%20stroke%3D'%23fff'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20d%3D'M24.5%2010.2v4.6M22.2%2012.5h4.6'%2F%3E%3C%2Fsvg%3E");
}
.MuiAppBar-root .ico.ico-comment-o,
.MuiAppBar-root .ico.ico-comments-o,
.MuiAppBar-root .ico.ico-bell2-o,
.MuiAppBar-root .ico.ico-bell-o,
.MuiAppBar-root .ico.ico-user1-plus-o,
.MuiAppBar-root .ico.ico-user2-plus-o,
.MuiAppBar-root .ico.ico-user-plus,
.MuiAppBar-root .ico.ico-add-friend{
  font-size:0 !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
  display:inline-block;
  width:28px !important;
  height:28px !important;
  vertical-align:middle;
}
.MuiAppBar-root .ico.ico-comment-o,
.MuiAppBar-root .ico.ico-comments-o{background-image:var(--iso-hdr-chat)}
.MuiAppBar-root .ico.ico-bell2-o,
.MuiAppBar-root .ico.ico-bell-o{background-image:var(--iso-hdr-bell)}
.MuiAppBar-root .ico.ico-user1-plus-o,
.MuiAppBar-root .ico.ico-user2-plus-o,
.MuiAppBar-root .ico.ico-user-plus,
.MuiAppBar-root .ico.ico-add-friend{background-image:var(--iso-hdr-friend);background-size:30px 30px}

/* ---- v11: friend-requests header icon (real class: ico-user-man-plus-o) ---- */
.MuiAppBar-root .ico.ico-user-man-plus-o{
  font-size:0 !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:30px 30px;
  display:inline-block;
  width:28px !important;
  height:28px !important;
  vertical-align:middle;
  background-image:var(--iso-hdr-friend);
}

/* ---- v15: account dropdown is a Popper (.MuiAppBarAccountMenu-root), NOT a Popover.
 * The custom gradient SVGs already apply to the .ico, but each sits inside a gray
 * circular wrapper (.MuiListItemIcon-root: bg #e0dddd + border-radius:50%).
 * Flatten that wrapper so the icons render premium/flat like the left sidebar. ---- */
.MuiAppBarAccountMenu-root .MuiListItemIcon-root,
.MuiPopper-root .MuiAppBarAccountMenu-root .MuiListItemIcon-root{
  background-color:transparent !important;
  background:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* belt-and-suspenders: ensure the .ico reset + SVGs reach this Popper container too */
.MuiAppBarAccountMenu-root .MuiListItemIcon-root .ico{
  font-size:0 !important;background-color:transparent !important;border-radius:0 !important;
  background-repeat:no-repeat;background-position:center;background-size:26px 26px;
  width:32px !important;height:32px !important;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
}
.MuiAppBarAccountMenu-root [data-testid="account_settings"] .ico{background-image:var(--iso-ac-account-settings)}
.MuiAppBarAccountMenu-root [data-testid="language"] .ico{background-image:var(--iso-ac-language)}
.MuiAppBarAccountMenu-root [data-testid="ewallet"] .ico{background-image:var(--iso-ac-ewallet)}
.MuiAppBarAccountMenu-root [data-testid="activity_points"] .ico{background-image:var(--iso-ac-activity-points)}
.MuiAppBarAccountMenu-root [data-testid="scheduled_posts"] .ico{background-image:var(--iso-ac-scheduled-posts)}
.MuiAppBarAccountMenu-root [data-testid="create_tour"] .ico{background-image:var(--iso-ac-create-tour)}
.MuiAppBarAccountMenu-root [data-testid="dark_mode"] .ico{background-image:var(--iso-ac-dark-mode)}
.MuiAppBarAccountMenu-root [data-testid="chooseThemes"] .ico{background-image:var(--iso-ac-chooseThemes)}
.MuiAppBarAccountMenu-root [data-testid="todo_list"] .ico{background-image:var(--iso-ac-todo-list)}
.MuiAppBarAccountMenu-root [data-testid="admincp"] .ico{background-image:var(--iso-ac-admincp)}
.MuiAppBarAccountMenu-root [data-testid="logout"] .ico{background-image:var(--iso-ac-logout)}

/* ---- v16: PREMIUM polish for account-dropdown icons — depth, presence, hover ---- */
.MuiAppBarAccountMenu-root .MuiListItemIcon-root{ margin-right:6px !important; min-width:34px !important; }
.MuiAppBarAccountMenu-root .MuiListItemIcon-root .ico{
  background-size:28px 28px !important;
  filter:drop-shadow(0 1px 2px rgba(15,23,42,.16));
  transition:transform .16s cubic-bezier(.2,.8,.2,1), filter .16s ease;
}
.MuiAppBarAccountMenu-root .MuiListItem-root:hover .ico,
.MuiAppBarAccountMenu-root [role="menuitem"]:hover .ico{
  transform:scale(1.14);
  filter:drop-shadow(0 3px 7px rgba(15,23,42,.30));
}

/* ---- v17: "Sell on iSocialize" left-sidebar (core.primaryMenu) item — money-bag icon ---- */
:root{--iso-ic-sell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2336d97b'/%3E%3Cstop offset='1' stop-color='%230a9d54'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%231f7a45' d='M11.5 4.5h9c.6 0 .9.7.5 1.2L18.5 9h-5L10.9 5.7c-.4-.5-.1-1.2.6-1.2z'/%3E%3Cpath fill='url(%23s)' d='M16 8.5c-3.4 0-9 5.2-9 11.4C7 24.7 11 27.5 16 27.5s9-2.8 9-7.6c0-6.2-5.6-11.4-9-11.4z'/%3E%3Ctext x='16' y='23' font-family='Arial,sans-serif' font-size='13' font-weight='bold' fill='%23fff' text-anchor='middle'%3E$%3C/text%3E%3C/svg%3E");}
[role="menuitem"][data-testid="sell"] .ico,
[data-testid="popupMoreMenu"] [data-testid="sell"] .ico{
  font-size:0 !important;background-color:transparent !important;border-radius:0 !important;
  background-repeat:no-repeat;background-position:center;background-size:27px 27px;
  display:inline-block;width:32px !important;height:32px !important;line-height:32px;vertical-align:middle;
  background-image:var(--iso-ic-sell);
}
/* ---- "Invite & Earn" left-sidebar (core.primaryMenu) item — gift/reward icon ---- */
:root{--iso-ic-invite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='gf' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fbbf24'/%3E%3Cstop offset='1' stop-color='%23f97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='7' y='13' width='18' height='13' rx='1.6' fill='url(%23gf)'/%3E%3Crect x='6' y='10' width='20' height='4.6' rx='1.3' fill='%23ea580c'/%3E%3Crect x='14.4' y='10' width='3.2' height='16' fill='%23ec4899'/%3E%3Cpath d='M16 10c-1-2.6-5.2-3-5.2-.4 0 1.7 3.1 1.8 5.2 .4z' fill='%23ec4899'/%3E%3Cpath d='M16 10c1-2.6 5.2-3 5.2-.4 0 1.7-3.1 1.8-5.2 .4z' fill='%23ec4899'/%3E%3Ccircle cx='16' cy='10' r='1.5' fill='%23db2777'/%3E%3C/svg%3E");}
[role="menuitem"][data-testid="invite"] .ico,
[data-testid="popupMoreMenu"] [data-testid="invite"] .ico{
  font-size:0 !important;background-color:transparent !important;border-radius:0 !important;
  background-repeat:no-repeat;background-position:center;background-size:27px 27px;
  display:inline-block;width:32px !important;height:32px !important;line-height:32px;vertical-align:middle;
  background-image:var(--iso-ic-invite);
}
/* "Activity Points" left-sidebar item — gold coin + star */
:root{--iso-ic-activitypoint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='ap' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fde047'/%3E%3Cstop offset='1' stop-color='%23f59e0b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='12' fill='url(%23ap)'/%3E%3Cpath d='M16 8.6l2.2 4.5 5 .7-3.6 3.5.9 4.9L16 19.9l-4.5 2.3.9-4.9L8.8 13.8l5-.7z' fill='%23fff'/%3E%3C/svg%3E");}
[role="menuitem"][data-testid="activitypoint"] .ico,
[data-testid="popupMoreMenu"] [data-testid="activitypoint"] .ico{
  font-size:0 !important;background-color:transparent !important;border-radius:0 !important;
  background-repeat:no-repeat;background-position:center;background-size:27px 27px;
  display:inline-block;width:32px !important;height:32px !important;line-height:32px;vertical-align:middle;
  background-image:var(--iso-ic-activitypoint);
}
/* "My Reviews" left-sidebar item — gold speech bubble + star */
:root{--iso-ic-myreviews: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='rv' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fbbf24'/%3E%3Cstop offset='1' stop-color='%23f59e0b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6 5h20a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H14l-6 5v-5H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3z' fill='url(%23rv)'/%3E%3Cpath d='M16 9l1.6 3.3 3.6.5-2.6 2.5.6 3.6L16 17.6l-3.2 1.7.6-3.6-2.6-2.5 3.6-.5z' fill='%23fff'/%3E%3C/svg%3E");}
[role="menuitem"][data-testid="my_reviews"] .ico,
[data-testid="popupMoreMenu"] [data-testid="my_reviews"] .ico{
  font-size:0 !important;background-color:transparent !important;border-radius:0 !important;
  background-repeat:no-repeat;background-position:center;background-size:27px 27px;
  display:inline-block;width:32px !important;height:32px !important;line-height:32px;vertical-align:middle;
  background-image:var(--iso-ic-myreviews);
}
/* ── v22: PREMIUM "Invite & Earn" reward hero (injected by iso-pills.js on /invite) ──
   Live, per-account-type points (from invite-points.php → apt_settings) shown in glass
   tiles with a count-up, an animated sheen, floating gift + sparkles. Self-contained
   gradient surface → looks great over BOTH light and dark page themes. */
.iso-invite-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:20px;
  margin:6px 0 22px;padding:22px 26px;border-radius:22px;color:#fff;
  background:linear-gradient(110deg,#06b6d4 0%,#2563eb 52%,#1d4ed8 100%);
  box-shadow:0 20px 50px -16px rgba(37,99,235,.55),0 4px 16px rgba(6,182,212,.35),inset 0 1px 0 rgba(255,255,255,.30);}
/* depth highlights */
.iso-invite-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 150% at 88% -25%,rgba(255,255,255,.34),transparent 55%),
             radial-gradient(90% 120% at 0% 125%,rgba(255,255,255,.16),transparent 55%);}
/* animated diagonal sheen */
.iso-invite-hero::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-35%;width:36%;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);filter:blur(3px);
  animation:isoIhSheen 5.5s ease-in-out infinite;}
@keyframes isoIhSheen{0%,18%{left:-35%}58%,100%{left:130%}}
/* sparkles */
.iso-ih-sp{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:0 0 9px 2px rgba(255,255,255,.85);opacity:0;animation:isoIhSpark 3.4s ease-in-out infinite;}
.iso-ih-sp.s1{top:17%;left:53%;animation-delay:.1s}.iso-ih-sp.s2{top:64%;left:45%;width:5px;height:5px;animation-delay:1.2s}
.iso-ih-sp.s3{top:28%;right:7%;width:6px;height:6px;animation-delay:2s}.iso-ih-sp.s4{top:72%;right:17%;width:4px;height:4px;animation-delay:.7s}
@keyframes isoIhSpark{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}}
/* gift disc */
.iso-ih-ic{position:relative;z-index:2;flex:0 0 auto;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.38);
  box-shadow:0 8px 20px -6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45);animation:isoIhFloat 4s ease-in-out infinite;}
.iso-ih-ic span{font-size:34px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));}
@keyframes isoIhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* text + tiles */
.iso-ih-main{position:relative;z-index:2;min-width:0;flex:1 1 auto;}
.iso-ih-kick{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.88;margin-bottom:3px;}
.iso-invite-hero-h{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;text-shadow:0 1px 10px rgba(0,0,0,.18);}
.iso-ih-tiles{display:flex;flex-wrap:wrap;gap:10px;}
.iso-ih-tile{display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:14px;
  background:rgba(255,255,255,.17);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.32);}
.iso-ih-num{font-size:27px;font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.iso-ih-tile2 .iso-ih-num{font-size:22px;}
.iso-ih-lbl{font-size:12px;font-weight:600;opacity:.95;line-height:1.18;}
.iso-ih-load,.iso-ih-tagline{font-size:13.5px;font-weight:600;opacity:.95;}
@media(max-width:560px){.iso-invite-hero{gap:15px;padding:18px;border-radius:18px}.iso-ih-ic{width:52px;height:52px}.iso-ih-ic span{font-size:28px}
  .iso-invite-hero-h{font-size:18px}.iso-ih-num{font-size:22px}.iso-ih-tile{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.iso-invite-hero::after,.iso-ih-sp,.iso-ih-ic{animation:none}.iso-ih-sp{opacity:.55}}
/* legacy fallbacks (older injected markup) */
.iso-invite-hero-ic{font-size:34px;line-height:1;flex:0 0 auto;}
.iso-invite-hero-s{font-size:13.5px;font-weight:600;opacity:.96;margin-top:3px;}.iso-invite-hero-s b{font-weight:800;}

/* ── v23: /video alternating LONG / SHORT shelves (injected by iso-video.js) ──
   Theme-aware: long cards inherit page text color; short cards carry their own dark
   overlay so white text always reads — works on both the light and dark video page. */
.iso-vfeed{margin:0 0 10px}
/* category chip bar (YouTube-style) */
.iso-vpills{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 16px;margin:0 0 4px;scrollbar-width:none}
.iso-vpills::-webkit-scrollbar{display:none}
.iso-vpill{flex:0 0 auto;border:1px solid rgba(120,160,255,.20);background:rgba(140,160,200,.13);color:inherit;font-family:inherit;font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.iso-vpill:hover{background:rgba(140,160,200,.24)}
.iso-vpill.on{background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;border-color:transparent;font-weight:700}
.iso-vempty{padding:42px 6px;color:inherit;opacity:.66;font-size:15px;font-weight:500}
.iso-vshelf{margin:0 0 28px}
.iso-vh{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 13px;display:flex;align-items:center;gap:9px;color:inherit}
.iso-vh-sh{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;font-size:11px;line-height:1}
.iso-vrow{display:flex;gap:15px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.iso-vrow::-webkit-scrollbar{height:8px}.iso-vrow::-webkit-scrollbar-thumb{background:rgba(140,160,200,.35);border-radius:5px}.iso-vrow::-webkit-scrollbar-track{background:transparent}
/* long (16:9) card */
.iso-vc{flex:0 0 264px;max-width:264px;scroll-snap-align:start;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .16s}
.iso-vc:hover{transform:translateY(-3px)}
.iso-vc-th{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:rgba(140,160,200,.18);display:block}
.iso-vc-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.iso-vc:hover .iso-vc-th img{transform:scale(1.05)}
.iso-vc-dur{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.82);color:#fff;font-size:11.5px;font-weight:700;padding:2px 6px;border-radius:6px;line-height:1.3}
.iso-vc-meta{padding:10px 2px 0;display:flex;flex-direction:column;gap:3px}
.iso-vc-title{font-size:14px;font-weight:700;line-height:1.32;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iso-vc-sub{font-size:12.5px;color:inherit;opacity:.62;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* short (9:16) card */
.iso-vs{position:relative;flex:0 0 168px;max-width:168px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;scroll-snap-align:start;background:#0c1020;color:#fff;text-decoration:none;display:block;box-shadow:0 10px 26px -14px rgba(10,16,40,.6);transition:transform .16s,box-shadow .16s}
.iso-vs:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px rgba(10,16,40,.8)}
.iso-vs-th{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.iso-vs-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,18,.86) 4%,rgba(5,8,18,.05) 52%)}
.iso-vs-tag{position:absolute;top:9px;left:9px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;padding:3px 8px;border-radius:7px;box-shadow:0 2px 8px rgba(37,99,235,.45)}
.iso-vs-title{position:absolute;left:11px;right:11px;bottom:30px;z-index:2;font-size:13px;font-weight:700;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.iso-vs-v{position:absolute;left:11px;bottom:10px;z-index:2;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.92)}
@media(max-width:600px){.iso-vc{flex-basis:220px}.iso-vs{flex-basis:140px}.iso-vh{font-size:17px}}
@media(prefers-reduced-motion:reduce){.iso-vc,.iso-vs,.iso-vc-th img{transition:none}}

/* ── v26: /video page chrome — desktop header/nav safety + compact mobile ──────
   Scoped to html.iso-vp-page (set by iso-video.js syncPageClass() while on the
   /video listing) so NOTHING here can affect /marketplace, /, or any other page.
   (a) DESKTOP SAFETY: guarantee the global header bar + the left section sidebar
       always render on /video — defends against the iso-video.js FOUC-prep ever
       leaving site chrome hidden (prep only targets blockListOf* video grids, but
       this belt-and-suspenders makes the menu header impossible to lose).
   (b) MOBILE COMPACT: the /video mobile stack (48px global header + a chunky 64px
       "Videos" section-title row + roomy block headers) eats ~115px before any
       video. Tighten the header, logo, the section-title row, and block headers so
       the page feels minimal. Section-title row is pinned via :has() on the STABLE
       blockListOfFeaturedVideos testid (not emotion hashes) so it survives rebuilds. */

/* (a) Desktop safety — never let the header bar or left section nav get hidden on /video. */
html.iso-vp-page [data-testid="container.header"],
html.iso-vp-page header,
html.iso-vp-page [data-testid="layoutSlotSide"]{visibility:visible!important}
html.iso-vp-page [data-testid="container.header"]{display:block!important}

/* (b) Mobile compaction — phones only, /video only. */
@media(max-width:600px){
  /* Smaller logo so the top strip reads compact (mobile logo link is <a href="/">). */
  html.iso-vp-page [data-testid="container.header"] a[href="/"] img,
  html.iso-vp-page [data-testid="container.header"] a[href="https://isocialize.me"] img{width:24px!important;height:24px!important}
  /* Condense the empty 64px "Videos" section-title spacer bar that sits above the feed
     (it reserves room for the page's fixed sub-header; halving it pulls content up). */
  html.iso-vp-page [data-testid="layoutSlotMain"] div:has(> [data-testid="blockListOfFeaturedVideos"]) > div:first-child{height:40px!important;min-height:0!important}
  /* Tighten the native block headers ("Featured Videos" / "Popular Videos"). */
  html.iso-vp-page [data-testid="blockHeader"]{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
  html.iso-vp-page [data-testid="blockHeader"] [data-testid="blockTitle"]{font-size:16px!important;line-height:1.25!important}
  /* Our injected feed: smaller shelf headings + tighter pills on phones. */
  html.iso-vp-page .iso-vpills{padding-bottom:10px}
  html.iso-vp-page .iso-vpill{font-size:12.5px;padding:6px 13px}
  html.iso-vp-page .iso-vh{font-size:16px;margin-bottom:9px}
}

/* ── v26b: injected GLOBAL app-nav on /video (iso-video.js injectVnav) ─────────
   /video's per-page layout replaces the site-wide app-nav (Home / Activity Points /
   Marketplace / …) with a VIDEO category menu, so iso-video.js PREPENDS the global
   links back as #iso-vnav at the top of the sidebar. Styled to read like MetaFox's
   own menu items (icon + label, hover tint) using the theme .ico glyph font. Scoped
   to html.iso-vp-page #iso-vnav so it can never affect any other page; the node is
   removed on nav away so nothing leaks. Brand = iSocialize cyan→blue. */
html.iso-vp-page #iso-vnav.iso-vnav{margin:0 0 10px;padding:8px 8px 10px;border-bottom:1px solid rgba(127,127,127,.16)}
html.iso-vp-page #iso-vnav .iso-vnav-head{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.55;padding:2px 10px 8px}
html.iso-vp-page #iso-vnav .iso-vnav-item{display:flex;align-items:center;gap:13px;padding:9px 10px;border-radius:10px;color:inherit;text-decoration:none;font-size:14.5px;font-weight:600;line-height:1.2;transition:background .14s,color .14s}
html.iso-vp-page #iso-vnav .iso-vnav-item:hover{background:linear-gradient(120deg,rgba(34,211,238,.14),rgba(37,99,235,.14));color:#2563eb}
/* v61: /video #iso-vnav now uses the SAME full-color artwork as the main sidebar
   (was a flat cyan->blue gradient on the glyph font -> every icon looked identical).
   Each item carries data-iso-key (set by iso-video.js); map it to its --iso-ic-* SVG. */
html.iso-vp-page #iso-vnav .iso-vnav-ico{font-size:0;width:24px;height:24px;flex:0 0 auto;background-color:transparent;background-image:none;-webkit-text-fill-color:initial;-webkit-background-clip:border-box;background-clip:border-box;background-repeat:no-repeat;background-position:center;background-size:22px 22px}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="home"] .iso-vnav-ico{background-image:var(--iso-ic-home)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="activity"] .iso-vnav-ico{background-image:var(--iso-ic-activitypoint)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="invite"] .iso-vnav-ico{background-image:var(--iso-ic-invite)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="ai"] .iso-vnav-ico{background-image:var(--iso-ic-isocialize-ai);background-size:24px 24px}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="marketplace"] .iso-vnav-ico{background-image:var(--iso-ic-marketplace)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="friends"] .iso-vnav-ico{background-image:var(--iso-ic-friends);background-size:24px 24px}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="sell"] .iso-vnav-ico{background-image:var(--iso-ic-sell)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="videos"] .iso-vnav-ico{background-image:var(--iso-ic-videos)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="live"] .iso-vnav-ico{background-image:var(--iso-ic-live-video)}
html.iso-vp-page #iso-vnav .iso-vnav-item[data-iso-key="reviews"] .iso-vnav-ico{background-image:var(--iso-ic-myreviews)}
html.iso-vp-page #iso-vnav .iso-vnav-lbl{flex:1 1 auto}
@media(max-width:600px){
  html.iso-vp-page #iso-vnav .iso-vnav-item{font-size:14px;padding:8px 10px;gap:11px}
  html.iso-vp-page #iso-vnav .iso-vnav-head{padding:2px 10px 6px}
}

/* ── v24: full-screen vertical video scroll player (iso-reels.js) ── */
html.iso-reels-lock{overflow:hidden}
.iso-reels-fab{position:fixed;z-index:2147483000;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;font-family:inherit;font-weight:800;font-size:14px;box-shadow:0 10px 30px -8px rgba(37,99,235,.7),0 2px 6px rgba(0,0,0,.3);transition:transform .15s}
.iso-reels-fab .ic{font-size:15px;line-height:0;display:inline-flex}
.iso-reels-fab .ic svg{display:block}
.iso-reels-fab:active{transform:scale(.97)}
/* v70: uniform 56px circle (was a 63px-tall pill) so the right-rail FABs share one size + even spacing */
@media(min-width:961px){.iso-reels-fab{right:22px;bottom:150px;top:auto;transform:none;flex-direction:column;justify-content:center;gap:2px;width:56px;height:56px;padding:0;border-radius:16px}.iso-reels-fab .ic{font-size:17px}.iso-reels-fab .lbl{font-size:10.5px;letter-spacing:.01em;line-height:1}.iso-reels-fab:hover{transform:scale(1.06)}}
/* v75: mobile FAB stacked above the cart FAB via PURE CSS that mirrors iso-cart.js's own
   breakpoints - 601-960px: cart bottom:20/right:20/56px -> Vidz bottom:88; <=600px: cart
   bottom:78/right:16/52px -> Vidz bottom:142. No JS positioning on mobile = no load-time
   snap/jitter and no overlap. KEEP IN SYNC with iso-cart.js's .iso-cart-fab rules. */
@media(max-width:960px){.iso-reels-fab{left:auto;right:20px;bottom:88px;transform:none;flex-direction:column;justify-content:center;gap:0;width:56px;height:56px;padding:0;border-radius:50%}.iso-reels-fab .ic{font-size:18px}.iso-reels-fab .lbl{font-size:8.5px;letter-spacing:.01em;line-height:1;margin-top:1px}.iso-reels-fab:hover{transform:scale(1.05)}.iso-reels-fab:active{transform:scale(.96)}}
@media(max-width:600px){.iso-reels-fab{right:16px;bottom:142px;width:52px;height:52px}.iso-reels-fab .ic{font-size:17px}}
.iso-reels{position:fixed;inset:0;z-index:2147483600;background:#000;display:none;opacity:0;transition:opacity .2s}
.iso-reels.open{display:block;opacity:1}
.iso-reels-stage{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.iso-reels-stage::-webkit-scrollbar{display:none}
.iso-reel{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}
/* v25: card wrapper around the video (bg+video+ov+info+shop). Mobile = full-screen;
   desktop (iso-reels.js) sizes it to a fixed 9:16 card so the rail/info hug it. */
.iso-reel-card{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.iso-reel-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(34px) brightness(.45);transform:scale(1.15)}
.iso-reel video{position:relative;z-index:1;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;background:transparent}
.iso-reel-ov{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.6) 2%,transparent 28%)}
.iso-reel-info{position:absolute;z-index:3;left:max(18px,calc(50% - 300px));right:96px;bottom:34px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.iso-reel-ch{font-weight:800;font-size:16px;margin-bottom:6px}
.iso-reel-title{font-size:14.5px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:560px}
/* ── UNIFIED BRAND ACTION RAIL (iSocialize logo gradient #56D8F8→#2EA5F7→#0A66E8) ── */
.iso-reel-rail{position:absolute;z-index:3;right:max(14px,calc(50% - 240px));bottom:40px;display:flex;flex-direction:column;gap:20px;align-items:center}
.iso-reel-btn{background:none;border:none;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;text-decoration:none}
.iso-reel-btn .ic{position:relative;width:56px;height:56px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:24px;line-height:1;background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.38),rgba(255,255,255,0) 55%),linear-gradient(140deg,#56D8F8 0%,#2EA5F7 52%,#0A66E8 100%);box-shadow:0 10px 24px -8px rgba(10,102,232,.6),inset 0 -7px 15px -7px rgba(4,26,74,.55);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,filter .16s}
/* rim light as a MASKED GRADIENT border: bright at top (light source), fading to a DARK edge at the bottom — a flat all-white border lit the bottom rim and read as a stray white mark */
.iso-reel-btn .ic::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.1) 44%,rgba(4,18,48,.34) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.iso-reel-btn .ic svg{position:relative;width:26px;height:26px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
.iso-reel-btn:hover .ic{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 30px -8px rgba(10,102,232,.7),inset 0 -7px 15px -7px rgba(4,26,74,.55)}
.iso-reel-btn:active .ic{transform:scale(.92);filter:brightness(.97)}
.iso-reel-btn .n{font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.45)}
/* all actions share the one brand identity (base rule above); the two state-colors below only ever show AFTER you act */
.iso-reel-btn.like.on .ic{background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.4),rgba(255,255,255,0) 55%),linear-gradient(140deg,#ff7eb3,#ff2d6f 60%,#e11d63);box-shadow:0 12px 28px -8px rgba(255,45,111,.6),inset 0 1px 0 rgba(255,255,255,.6);transform:scale(1.06)}
/* saved = warm gold pop (universal bookmark-saved signal), distinct from like-red */
.iso-reel-btn.save.on .ic{background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.45),rgba(255,255,255,0) 55%),linear-gradient(140deg,#ffe08a,#f5a623 60%,#e8890b);box-shadow:0 12px 28px -8px rgba(245,166,35,.6),inset 0 1px 0 rgba(255,255,255,.6);transform:scale(1.06)}
.iso-reels-close{position:absolute;z-index:5;top:14px;right:16px;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.iso-reels-close:hover{background:rgba(255,255,255,.28)}
.iso-reels-nav{position:absolute;z-index:5;right:24px;width:62px;height:62px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.13);color:#fff;font-size:28px;line-height:1;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none}
.iso-reels-nav.up{top:calc(50% - 73px)}.iso-reels-nav.down{top:calc(50% + 11px)}
.iso-reels-nav:hover{background:rgba(255,255,255,.26)}
@media(min-width:961px){.iso-reels-nav{display:block}}
.iso-reels-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#cdd6e8;font-size:17px;font-weight:600;line-height:1.6;padding:24px}
/* shoppable chip — ONLY rendered when a marketplace product is explicitly tagged to the video */
.iso-reel-shop{position:absolute;z-index:4;left:max(18px,calc(50% - 300px));bottom:98px;max-width:320px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(10,16,32,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);text-decoration:none}
.iso-reel-shop img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:#222}
.iso-reel-shop-tx{display:flex;flex-direction:column;min-width:0}
.iso-reel-shop-tx .t{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.iso-reel-shop-tx .p{color:#5dffb0;font-size:13px;font-weight:800}
.iso-reel-shop-cta{margin-left:auto;background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;font-weight:800;font-size:12.5px;padding:7px 13px;border-radius:10px;white-space:nowrap}

/* ── v25: creator "Tag a product" control (iso-tag.js, owner-only on /video/play) ── */
.iso-tag-fab{position:fixed;z-index:2147483000;left:20px;bottom:20px;border:none;cursor:pointer;background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff;font-family:inherit;font-weight:800;font-size:13.5px;padding:11px 16px;border-radius:999px;box-shadow:0 8px 24px -8px rgba(37,99,235,.7);display:inline-flex;align-items:center;gap:7px}
.iso-tag-fab:hover{filter:brightness(1.06)}
.iso-tag-modal{position:fixed;inset:0;z-index:2147483600;background:rgba(4,8,16,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}
.iso-tag-box{background:#0f1830;color:#eef3ff;border:1px solid rgba(120,160,255,.2);border-radius:18px;width:100%;max-width:440px;max-height:84vh;overflow:auto;padding:22px;position:relative}
.iso-tag-box h3{margin:0 0 4px;font-size:20px;font-weight:800;font-family:"Bricolage Grotesque",inherit}
.iso-tag-sub{margin:0 0 14px;color:#9fb0d4;font-size:13.5px}
.iso-tag-x{position:absolute;top:12px;right:14px;background:none;border:none;color:#9fb0d4;font-size:26px;cursor:pointer;line-height:1}
.iso-tag-sec{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7387b0;margin:14px 0 8px}
.iso-tag-item{display:flex;align-items:center;gap:11px;padding:8px;border-radius:12px;border:1px solid rgba(120,160,255,.13);margin-bottom:8px;background:rgba(140,160,200,.06)}
.iso-tag-item img,.iso-tag-item .ph{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;background:#1a2540}
.iso-tag-item .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.iso-tag-item .tx b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iso-tag-item .tx i{font-style:normal;color:#5dffb0;font-weight:800;font-size:13px}
.iso-tag-act{flex:none;border:none;cursor:pointer;font-weight:800;font-size:12.5px;padding:8px 14px;border-radius:9px}
.iso-tag-act.add{background:linear-gradient(120deg,#22d3ee,#2563eb);color:#fff}
.iso-tag-act.remove{background:rgba(255,90,120,.18);color:#ff9bb0}
.iso-tag-empty{color:#9fb0d4;font-size:14px;padding:14px 0}.iso-tag-empty a{color:#5dd0ff}
/* filled gradient globe to match the other filled icons (was a thin outline) */
:root{--iso-ac-language: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%234BA2FF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231D6FE8'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'16'%20cy%3D'16'%20r%3D'12'%20fill%3D'url(%23g)'%2F%3E%3Cg%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D'M4.5%2016h23M16%204.2v23.6'%2F%3E%3Cellipse%20cx%3D'16'%20cy%3D'16'%20rx%3D'5.2'%20ry%3D'12'%2F%3E%3Cpath%20d%3D'M6.5%2011.5h19M6.5%2020.5h19'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

/* ---- v18: account dropdown — map by ico-CLASS (testids are inconsistently cased:
        "Language", "Dark Mode" never matched the lowercase testid rules → showed defaults).
        Also a cleaner globe + crisper logout. (.ico reset comes from the v15 block.) ---- */
:root{
  --iso-ac-language: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'lg'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%234BA2FF'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231D6FE8'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'16'%20cy%3D'16'%20r%3D'12'%20fill%3D'url(%23lg)'%2F%3E%3Cg%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4.6%2016H27.4'%2F%3E%3Cellipse%20cx%3D'16'%20cy%3D'16'%20rx%3D'5.6'%20ry%3D'11.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --iso-ac-logout: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'lo'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23FF6B6B'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23E0382F'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D'url(%23lo)'%20d%3D'M14%205H8C6.3%205%205%206.3%205%208v16c0%201.7%201.3%203%203%203h6c.8%200%201.5-.7%201.5-1.5S14.8%2024%2014%2024H8.2c-.1%200-.2-.1-.2-.2V8.2c0-.1.1-.2.2-.2H14c.8%200%201.5-.7%201.5-1.5S14.8%205%2014%205z'%2F%3E%3Cpath%20fill%3D'url(%23lo)'%20d%3D'M27%2015.5l-5.3-5.3c-.6-.6-1.5-.6-2.1%200s-.6%201.5%200%202.1l2.8%202.8H13c-.8%200-1.5.7-1.5%201.5s.7%201.5%201.5%201.5h9.4l-2.8%202.8c-.6.6-.6%201.5%200%202.1.3.3.7.4%201.1.4s.8-.1%201.1-.4l5.3-5.3c.5-.6.5-1.5-.1-2z'%2F%3E%3C%2Fsvg%3E");
}
.MuiAppBarAccountMenu-root .ico.ico-gear{background-image:var(--iso-ac-account-settings)}
.MuiAppBarAccountMenu-root .ico.ico-language{background-image:var(--iso-ac-language)}
.MuiAppBarAccountMenu-root .ico.ico-money-bag{background-image:var(--iso-ac-ewallet)}
.MuiAppBarAccountMenu-root .ico.ico-star-circle{background-image:var(--iso-ac-activity-points)}
.MuiAppBarAccountMenu-root .ico.ico-clock{background-image:var(--iso-ac-scheduled-posts)}
.MuiAppBarAccountMenu-root .ico.ico-tourguide{background-image:var(--iso-ac-create-tour)}
.MuiAppBarAccountMenu-root .ico.ico-contrast{background-image:var(--iso-ac-dark-mode)}
.MuiAppBarAccountMenu-root .ico.ico-color-palette{background-image:var(--iso-ac-chooseThemes)}
.MuiAppBarAccountMenu-root .ico.ico-list-o{background-image:var(--iso-ac-todo-list)}
.MuiAppBarAccountMenu-root .ico.ico-desktop-text{background-image:var(--iso-ac-editor-mode)}
.MuiAppBarAccountMenu-root .ico.ico-signout{background-image:var(--iso-ac-logout)}

/* ---- v21: PREMIUM marketplace timeline product card (embedview) ----
 * Re-orders + spaces the embed content into a proper product card:
 * Title → pills → bold price (hero) → muted/clamped description → stats. */
.iso-mk-card{display:flex !important;flex-direction:column !important;align-items:flex-start;gap:0}
.iso-mk-card .iso-mk-title{order:1;margin:0;width:100%}
.iso-mk-card .iso-pill-row{order:2}
.iso-mk-card .iso-mk-price{order:3}
.iso-mk-card .iso-mk-desc{order:4;width:100%}
.iso-mk-card .iso-mk-stat{order:5;width:100%}
/* spacing rhythm */
.iso-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 0}
.iso-pill-row-grid{margin:7px 0 4px;gap:6px}
.iso-pill-row-grid .iso-pill{font-size:11px;padding:4px 9px}
/* MOBILE ONLY (<=600px): the narrow 3-col phone grid clipped the pills' rounded ends → constrain each
   pill to the card width + truncate the overflow (clean rounded pill, no broken edge). DESKTOP/tablet
   cards are wide enough to show the FULL text, so the fit/ellipsis is NOT applied there (no "…" dots). */
@media(max-width:600px){
  .iso-pill-row-grid{gap:5px;max-width:100%}
  .iso-pill-row-grid .iso-pill{display:inline-block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:10px;padding:4px 8px;letter-spacing:0}
}
.iso-mk-card .iso-mk-price{margin:13px 0 0}
.iso-mk-card .iso-mk-desc{margin:10px 0 0}
.iso-mk-card .iso-mk-stat{margin:12px 0 0}
/* title — strong, tight */
.iso-mk-card .iso-mk-title a{font-weight:800 !important;letter-spacing:-.01em;line-height:1.25}
/* price = the hero */
.iso-mk-card .iso-mk-price,.iso-mk-card .iso-mk-price *{font-size:19px !important;font-weight:800 !important;letter-spacing:-.01em;color:#16a34a !important}
/* description — secondary: muted, smaller, max 2 lines */
.iso-mk-card .iso-mk-desc,.iso-mk-card .iso-mk-desc *{font-size:13px !important;line-height:1.45 !important;opacity:.7}
.iso-mk-card .iso-mk-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* pills — clean modern chips, legible on light + dark, color = function.
   Hierarchy rule: the PRICE is the hero, so pills stay calm (no loud glow). */
.iso-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;line-height:1;padding:7px 13px;border-radius:999px;white-space:nowrap;letter-spacing:.015em;border:1px solid transparent;box-shadow:0 1px 2px rgba(15,23,42,.12);transition:transform .15s ease,box-shadow .15s ease}
.iso-pill:hover{transform:translateY(-1px)}
/* condition NEW (+Refurbished) — classic price-tag: WHITE bg + RED text + red outline.
   Red border keeps it legible on light backgrounds too (won't vanish like plain white). */
.iso-pill-cond{background:linear-gradient(145deg,#ffffff,#eff6ff);color:#2563eb;border:1.5px solid #3b82f6;text-shadow:none;box-shadow:0 1px 3px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.iso-pill-cond:hover{box-shadow:0 3px 10px rgba(37,99,235,.34),inset 0 1px 0 rgba(255,255,255,.9)}
/* USED / catch-all — green→orange "thrift": eco-value (green) + warm bargain (orange). White text. */
.iso-pill-other{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:rgba(255,255,255,.22);text-shadow:0 1px 1px rgba(6,59,40,.35);box-shadow:0 2px 7px rgba(22,163,74,.32),inset 0 1px 0 rgba(255,255,255,.30)}
.iso-pill-other:hover{box-shadow:0 4px 12px rgba(22,163,74,.44),inset 0 1px 0 rgba(255,255,255,.30)}
/* Fast shipping / Online — green = available/go; CALM (no big glow) so price stays hero */
.iso-pill-ships{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border-color:rgba(255,255,255,.20);text-shadow:0 1px 1px rgba(12,74,110,.30);box-shadow:0 1px 3px rgba(37,99,235,.30)}
/* Local pickup — iSocialize brand cyan→blue = trust / place; calm */
.iso-pill-local{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:rgba(255,255,255,.22);text-shadow:0 1px 1px rgba(6,59,40,.35);box-shadow:0 1px 3px rgba(22,163,74,.32)}
/* Local & Online (both) — green→blue gradient (local-green + online-blue combined) */
.iso-pill-both{background:linear-gradient(90deg,#22c55e 0%,#16a34a 40%,#2563eb 100%);color:#fff;border-color:rgba(255,255,255,.22);text-shadow:0 1px 1px rgba(8,40,70,.38);box-shadow:0 1px 3px rgba(37,99,235,.30)}
/* Popularity / urgency — WARM amber (yellow attention + orange urgency = the 90s price-burst,
   modernized). Reserved for high-engagement items; injected by iso-pills.js when warranted. */
.iso-pill-hot{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border-color:rgba(255,255,255,.22);text-shadow:0 1px 1px rgba(124,45,18,.35);box-shadow:0 2px 7px rgba(234,88,12,.38),inset 0 1px 0 rgba(255,255,255,.30)}
.iso-pill-hot:hover{box-shadow:0 4px 12px rgba(234,88,12,.50),inset 0 1px 0 rgba(255,255,255,.30)}
/* SALE / discount — loud red price-burst (strongest commerce cue, leads the pill row).
   Matches the visual weight of .iso-pill-hot but in deal-red. Injected server-side as "🏷️ N% Off". */
.iso-pill-sale{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;border:0;text-shadow:0 1px 1px rgba(127,29,29,.40);box-shadow:0 2px 7px rgba(220,38,38,.40),inset 0 1px 0 rgba(255,255,255,.28)}
.iso-pill-sale:hover{box-shadow:0 4px 12px rgba(220,38,38,.52),inset 0 1px 0 rgba(255,255,255,.28)}
/* Amazon-style sale price: discounted (hero green) · -N% (red) · was (struck-through grey). */
.iso-sale-now{font-weight:800;color:#16a34a}
.iso-sale-pct{display:inline-block;background:#CC0C39;color:#fff;font-weight:800;font-size:.7em;padding:2px 5px;border-radius:4px;margin:0 7px;vertical-align:middle;letter-spacing:.02em;line-height:1}
.iso-sale-was{display:block;margin-top:1px;color:#9aa0aa;text-decoration:line-through;font-weight:600;font-size:.9em}
/* Feed price element forces all children green !important; re-assert sale part colors there. */
.iso-mk-card .iso-mk-price .iso-sale-now{color:#16a34a !important}
.iso-mk-card .iso-mk-price .iso-sale-pct{background:#CC0C39 !important;color:#fff !important;font-size:.7em !important}
.iso-mk-card .iso-mk-price .iso-sale-was{color:#9aa0aa !important;font-size:.9em !important;font-weight:600 !important}

/* =========================================================================================
   JET BLACK — this is simply how DARK MODE looks. It is gated on `html.iso-jet-on`, which the JS
   adds ONLY when MetaFox itself is rendering dark (detected from the body text colour, which we do
   NOT override). So MetaFox's own Dark Mode menu (On/Off/Auto) is the single control: Off/light →
   class absent → clean light theme (no black-on-black); On/Auto-dark → pure-black X "Lights out".
   ========================================================================================= */
html.iso-jet-on body,
html.iso-jet-on .MuiAppBar-root,
html.iso-jet-on .MuiDrawer-paper,
html.iso-jet-on .MuiPaper-root,
html.iso-jet-on .MuiCard-root { background-color: #000 !important; background-image: none !important; }
/* panels/cards get a hairline border so they still read on pure black (chrome surfaces excluded) */
html.iso-jet-on .MuiPaper-root:not(.MuiAppBar-root):not(.MuiDrawer-paper) { border: 1px solid #1f2327 !important; }
/* inputs / selects / date pickers: pure black with a visible hairline */
html.iso-jet-on .MuiOutlinedInput-root,
html.iso-jet-on .MuiFilledInput-root,
html.iso-jet-on .MuiInputBase-root { background-color: #000 !important; }
html.iso-jet-on .MuiOutlinedInput-notchedOutline { border-color: #2f3336 !important; }
/* READABILITY: keep input text + placeholders light so nothing is hidden on black */
html.iso-jet-on .MuiInputBase-input { color: #e7e9ea !important; -webkit-text-fill-color: #e7e9ea !important; }
html.iso-jet-on .MuiInputBase-input::placeholder { color: #8b8e93 !important; -webkit-text-fill-color: #8b8e93 !important; opacity: 1 !important; }
/* JS-tagged grey containers (MuiBox/MuiGrid panels with no stable class) → black too */
html.iso-jet-on .iso-blk { background-color: #000 !important; }
/* our own injected dark cards → pure black + hairline (buy box, reviews) */
html.iso-jet-on .iso-cart-btns.iso-cart-dark { background: #000 !important; border-color: #26292e !important; }
html.iso-jet-on .iso-rv.dark { background: #000 !important; }
html.iso-jet-on .MuiDivider-root { border-color: rgba(255,255,255,.10) !important; }

/* Fix: language switcher hit-target — MUI SVG arrow has pointer-events:none by default,
   making the ▼ area dead. Make the whole .iso-langsw container reliably clickable. */
.iso-langsw { cursor: pointer !important; }
.iso-langsw svg { pointer-events: auto !important; }

/* MetaFox loading spinners: jet black in dark mode.
   (a) data-testid="loadingIndicator" — initial React mount spinner (white bg, full-screen).
   (b) ltr-dp8kyk — in-page navigation overlay (white 50% opacity → reads as gray on dark bg).
   Both become pure black when jet-black mode is active or OS is in dark mode. */
html.iso-jet-on [data-testid="loadingIndicator"],
html.iso-jet-on .ltr-dp8kyk { background: #000 !important; opacity: 1 !important; }
@media (prefers-color-scheme: dark) {
  [data-testid="loadingIndicator"],
  .ltr-dp8kyk { background: #000 !important; opacity: 1 !important; }
}

/* iSocialize search-bar polish — round + de-box the header search (all pages) 2026-06-24 */
[data-testid="formSearch"]{background:transparent !important;border-radius:0 !important;box-shadow:none !important}
[data-testid="formSearch"] form{border-radius:999px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;transition:background .15s,border-color .15s}
[data-testid="formSearch"] form:focus-within{background:rgba(255,255,255,.11) !important;border-color:rgba(255,255,255,.22) !important}
[data-testid="formSearch"] .MuiInputBase-root{background:transparent !important;border-radius:999px !important;border:0 !important}
[data-testid="formSearch"] *:focus{outline:none !important}
[data-testid="formSearch"] .MuiInputBase-root:before,[data-testid="formSearch"] .MuiInputBase-root:after,[data-testid="formSearch"] .MuiInput-underline:before,[data-testid="formSearch"] .MuiInput-underline:after{display:none !important;border:0 !important;content:none !important}
[data-testid="formSearch"] > .MuiBox-root{border-radius:14px !important;margin-top:8px;background:#0f0f10 !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 14px 40px rgba(0,0,0,.5);overflow:hidden;padding:8px 6px}

/* low-stock urgency pill (iso-pills stockPass) 2026-06-24 */
.iso-pill.iso-pill-stock{background:linear-gradient(120deg,#ff4d4f,#d4380d) !important;color:#fff !important;font-weight:800}
.iso-pill.iso-pill-stock .iso-pill-ic{filter:none}

/* ── Firefox-only layout fix (added 2026-06-26) ───────────────────────────────────────────
   FIREFOX renders the MuiGrid main slot (zeroMinWidth, no explicit grid width) without
   flex-growing to fill the space beside the 25% side-nav → page content pushed LEFT with empty
   space on the right (Chrome fills it fine). Force the main slot + detail view to fill.
   @-moz-document scopes this to Firefox ONLY — Chrome/Safari never apply it. */
@-moz-document url-prefix() {
  [data-testid="layoutSlotMain"]{flex:1 1 0% !important;min-width:0 !important;max-width:100% !important;}
  [data-testid="detailview marketplace"]{width:100% !important;}
}

/* v70: wide-screen polish — center the marketplace DETAIL content (was crunched left on big monitors).
 * Scoped to the marketplace detail testid; only >=1400px (smaller screens already fill -> no regression). */
@media (min-width: 1400px) {
  [data-testid="detailview marketplace"] { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; }
}

/* iso-header-search-v78: header Search pill polish — native 12%-white border was too faint on the dark
   header (looked "cut" at the bottom curve). Strengthen border + bg + a touch more height so it reads as
   a crisp, complete pill. Scoped via the search icon (locale-independent). */
header form:has(.ico-search-o){
  border:1px solid rgba(255,255,255,.3) !important;
  background:rgba(255,255,255,.08) !important;
  min-height:36px !important;
}

/* ── NATIVE CHAT "+" COMPOSER FAB → made to belong with the brand-glass FAB dock: same circle + the
   iSocialize gradient/rim as the video-feed rail + FABs. Targeted via the STABLE `.ico-comment-plus-o`
   icon class (NOT the hashed ltr-* classes), so it survives a MetaFox rebuild. Pure CSS (:has()
   re-matches on every React re-render). Size (56/64) is set by iso-fabalign.js. The iS-AI chatbot bubble
   is NOT styled here anymore — it is HIDDEN from the dock by iso-fabalign.js (hideLauncherBot); styling
   the avatar globally would also distort the bot's avatar INSIDE the messenger. ── */
:where(a,div,button):has(> .ico-comment-plus-o){
  width:56px !important;height:56px !important;position:relative;border:0 !important;display:grid !important;place-items:center !important;
  background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.38),rgba(255,255,255,0) 55%),linear-gradient(140deg,#56D8F8,#2EA5F7 52%,#0A66E8) !important;
  box-shadow:0 10px 24px -8px rgba(10,102,232,.6),inset 0 -7px 15px -7px rgba(4,26,74,.55) !important;
}
:where(a,div,button):has(> .ico-comment-plus-o)::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.1) 44%,rgba(4,18,48,.34));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ico-comment-plus-o{color:#fff !important;font-size:28px !important;line-height:1 !important}

/* ── CREATE POST composer — turn the cramped, unlabeled icon cluster into a clean COLORED + LABELED
   action row (Tag · Photo · Location · Poll · Schedule). Scoped to the modal (`[role="dialog"]`) and
   the STABLE MetaFox `ico-*` classes (not the hashed emotion classes) → survives a MetaFox rebuild.
   Pure CSS: labels via ::after, icons colorized, each button becomes an icon+label chip. ── */
[role="dialog"] .ico-user1-plus-o{color:#2ea5f7 !important;font-size:20px !important}
[role="dialog"] .ico-photos-alt-o{color:#22c55e !important;font-size:20px !important}
[role="dialog"] .ico-checkin-o{color:#ef4444 !important;font-size:20px !important}
[role="dialog"] .ico-barchart-o{color:#f59e0b !important;font-size:20px !important}
[role="dialog"] .ico-clock-o{color:#a855f7 !important;font-size:20px !important}
[role="dialog"] .ico-smile-o{color:#eab308 !important}
/* Privacy ("Public/Friends/...") dropdown → match the brand-blue glass chips (was a grey pill) */
[role="dialog"] button:has(.ico-globe):has(.ico-caret-down){position:relative !important;background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.28),rgba(255,255,255,0) 60%),linear-gradient(140deg,#56D8F8,#2EA5F7 52%,#0A66E8) !important;color:#fff !important;border:0 !important;box-shadow:0 5px 14px -5px rgba(10,102,232,.55),inset 0 -4px 10px -6px rgba(4,26,74,.5) !important}
[role="dialog"] button:has(.ico-globe):has(.ico-caret-down) .ico-globe,[role="dialog"] button:has(.ico-globe):has(.ico-caret-down) .ico-caret-down,[role="dialog"] button:has(.ico-globe):has(.ico-caret-down) span{color:#fff !important;text-shadow:0 1px 2px rgba(0,20,60,.4) !important}
[role="dialog"] button:has(.ico-user1-plus-o),[role="dialog"] button:has(.ico-photos-alt-o),[role="dialog"] button:has(.ico-checkin-o),[role="dialog"] button:has(.ico-barchart-o),[role="dialog"] button:has(.ico-clock-o){display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:70px !important;height:auto !important;padding:9px 2px !important;border-radius:12px !important;background:rgba(255,255,255,.05) !important}
[role="dialog"] button:has(.ico-user1-plus-o)::after{content:"Tag"}
[role="dialog"] button:has(.ico-photos-alt-o)::after{content:"Photo"}
[role="dialog"] button:has(.ico-checkin-o)::after{content:"Location"}
[role="dialog"] button:has(.ico-barchart-o)::after{content:"Poll"}
[role="dialog"] button:has(.ico-clock-o)::after{content:"Schedule"}
[role="dialog"] button:has(.ico-user1-plus-o)::after,[role="dialog"] button:has(.ico-photos-alt-o)::after,[role="dialog"] button:has(.ico-checkin-o)::after,[role="dialog"] button:has(.ico-barchart-o)::after,[role="dialog"] button:has(.ico-clock-o)::after{font-size:11px;font-weight:600;color:#aeb6c2;line-height:1;letter-spacing:.01em}
/* COMPOSER FOOTER LAYOUT — the action chips + the iSocialize-AI chip grouped on the LEFT, and the
   Post button as the final CTA on the RIGHT. Marker classes (.iso-cmp-actions/-ai/-post/-footer) are
   added structurally by iso-compose.js (survives a MetaFox rebuild). */
.iso-cmp-footer{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important}
.iso-cmp-actions{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;order:1 !important}
.iso-cmp-ai{order:2 !important;margin-right:auto !important}   /* AI sits right after the chips; pushes Post to the far right */
.iso-cmp-post{order:3 !important}
/* iSocialize AI → a CHIP matching the action chips (iS logo icon + "AI" label; long text hidden via font-size:0 + ::after) */
.iso-cmp-ai{display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:70px !important;height:auto !important;padding:9px 2px !important;border-radius:12px !important;background:rgba(255,255,255,.06) !important;box-shadow:none !important;border:0 !important;font-size:0 !important}
.iso-cmp-ai img{width:20px !important;height:20px !important;border-radius:5px !important}
.iso-cmp-ai::after{content:"AI" !important;font-size:11px !important;font-weight:700 !important;color:#4aa3ff !important;line-height:1 !important;letter-spacing:.02em}
/* MOBILE (<=600px): chips become a FULL-WIDTH EQUAL-width row on top; AI + Post on the row below (Post
   right). The toolbar's real flex items are the <span> WRAPPERS — flex THOSE for even widths so the
   button fills its wrapper → icon + label stay centered/aligned. */
/* MOBILE (<=900px, matches the mobile-footer breakpoint): ICON-ONLY chips — hide labels + compact 48px
   brand-glass squares so they align cleanly and fit any modal width (labels overflowed/wrapped on
   narrow phones). Chips + AI grouped left; Post is the CTA on the right. */
@media(max-width:900px){
  .iso-cmp-footer{justify-content:flex-start !important;gap:9px !important;align-items:center !important}
  [role="dialog"] button:has(.ico-user1-plus-o)::after,[role="dialog"] button:has(.ico-photos-alt-o)::after,[role="dialog"] button:has(.ico-checkin-o)::after,[role="dialog"] button:has(.ico-barchart-o)::after,[role="dialog"] button:has(.ico-clock-o)::after,.iso-cmp-ai::after{display:none !important}
  [role="dialog"] button:has(.ico-user1-plus-o),[role="dialog"] button:has(.ico-photos-alt-o),[role="dialog"] button:has(.ico-checkin-o),[role="dialog"] button:has(.ico-barchart-o),[role="dialog"] button:has(.ico-clock-o),.iso-cmp-ai{width:44px !important;min-width:44px !important;height:44px !important;padding:0 !important;border-radius:12px !important;gap:0 !important;flex:0 0 auto !important;margin-right:0 !important;display:grid !important;place-items:center !important}
  /* the flex-column centering left the glyph 6px off-centre once the label was hidden → grid perfectly centres it */
  [role="dialog"] .iso-cmp-actions button [class*="ico-"]{margin:0 !important;display:block !important;text-align:center !important}
  .iso-cmp-actions{flex:0 0 auto !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:7px !important;width:auto !important}
  .iso-cmp-actions>span{flex:0 0 auto !important;width:44px !important;display:flex !important}
  [role="dialog"] .iso-cmp-actions span button{width:44px !important;height:44px !important;padding:0 !important;min-width:44px !important}
  .iso-cmp-ai img{width:26px !important;height:26px !important}
  .iso-cmp-post{margin-left:auto !important}
}
/* PREMIUM — MATCH the video-feed rail / FAB dock: iSocialize logo-gradient GLASS, top-light masked rim,
   brand shadow, WHITE icons + labels. The AI chip keeps its iS logo + a touch brighter glow to stay distinct. */
[role="dialog"] button:has(.ico-user1-plus-o),[role="dialog"] button:has(.ico-photos-alt-o),[role="dialog"] button:has(.ico-checkin-o),[role="dialog"] button:has(.ico-barchart-o),[role="dialog"] button:has(.ico-clock-o),.iso-cmp-ai{position:relative !important;background:radial-gradient(120% 85% at 50% 0%,rgba(255,255,255,.28),rgba(255,255,255,0) 58%),linear-gradient(140deg,#56D8F8,#2EA5F7 52%,#0A66E8) !important;border:0 !important;box-shadow:0 8px 20px -6px rgba(10,102,232,.55),inset 0 -6px 14px -7px rgba(4,26,74,.5) !important;transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s !important}
[role="dialog"] button:has(.ico-user1-plus-o)::before,[role="dialog"] button:has(.ico-photos-alt-o)::before,[role="dialog"] button:has(.ico-checkin-o)::before,[role="dialog"] button:has(.ico-barchart-o)::before,[role="dialog"] button:has(.ico-clock-o)::before,.iso-cmp-ai::before{content:"" !important;position:absolute !important;inset:0 !important;border-radius:12px !important;padding:1px !important;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.12) 45%,rgba(4,18,48,.3)) !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;pointer-events:none !important}
[role="dialog"] button:has(.ico-user1-plus-o):hover,[role="dialog"] button:has(.ico-photos-alt-o):hover,[role="dialog"] button:has(.ico-checkin-o):hover,[role="dialog"] button:has(.ico-barchart-o):hover,[role="dialog"] button:has(.ico-clock-o):hover,.iso-cmp-ai:hover{transform:translateY(-2px) !important;filter:brightness(1.06) !important}
[role="dialog"] .iso-cmp-actions .ico-user1-plus-o,[role="dialog"] .iso-cmp-actions .ico-photos-alt-o,[role="dialog"] .iso-cmp-actions .ico-checkin-o,[role="dialog"] .iso-cmp-actions .ico-barchart-o,[role="dialog"] .iso-cmp-actions .ico-clock-o{color:#fff !important}
[role="dialog"] button:has(.ico-user1-plus-o)::after,[role="dialog"] button:has(.ico-photos-alt-o)::after,[role="dialog"] button:has(.ico-checkin-o)::after,[role="dialog"] button:has(.ico-barchart-o)::after,[role="dialog"] button:has(.ico-clock-o)::after,.iso-cmp-ai::after{color:#fff !important;text-shadow:0 1px 2px rgba(0,20,60,.45) !important}
.iso-cmp-ai{box-shadow:0 8px 22px -6px rgba(37,99,235,.7),inset 0 -6px 14px -7px rgba(4,26,74,.5),0 0 0 1px rgba(150,200,255,.25) !important}
.iso-cmp-post{border-radius:13px !important;font-weight:800 !important;letter-spacing:.02em !important;box-shadow:0 4px 14px -4px rgba(0,0,0,.5) !important;transition:filter .15s,transform .12s !important}
.iso-cmp-post:hover{filter:brightness(1.08) !important}.iso-cmp-post:active{transform:scale(.98) !important}

/* ═══ Marketplace listing cards — v103, 2026-08-28 ════════════════════════════
   MOBILE: phones rendered 3 listings per row at ~110px, so every title, price
   and location truncated. MetaFox hardcodes MuiGrid-grid-xs-4 (4/12 = 3-up) and
   `xs` applies at EVERY width, so it never drops to 2-up. There is no
   grid-template-columns in our CSS to override — the column count lives in
   MetaFox's compiled React bundle, and the AdminCP editor does not expose a
   vendor component's MUI breakpoint props.
   Verified at a TRUE xs viewport (innerWidth 500, matchMedia xs = true):
   154px -> 232px cards, 2 per row, zero clipped elements. Measuring at 606px
   silently tests the `sm` layout instead — MUI's xs breakpoint ends at 600px.

   ALL WIDTHS: pills removed, rows aligned, price made neutral and dominant.
   Catalog data behind the pill removal (measured 2026-08-28):
     free_shipping  9,739 of 9,815 = 99.2%   -> true for the whole catalog
     availability   'both' 5,710 · 'online' 4,105 · local-only 0
                    -> every listing ships, so "Local & Online" says nothing
   A badge true for everything is decoration. Pickup belongs in a filter and on
   the detail page; condition survives as quiet meta text.

   Scoped with :has() to grids/cards that actually contain listing links, so
   other MUI grids on the site are untouched. Browsers without :has() keep the
   old layout — it degrades to today's behaviour, never worse. (:has() is
   already used ~100x elsewhere in this file.)
   ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 599.95px) {
  .MuiGrid-container:has(a[href*="/marketplace/"]) > .MuiGrid-item.MuiGrid-grid-xs-4 {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
}

/* the photo is the hero — soften the frame so the goods carry the colour */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media {
  border-radius: 14px !important;
  overflow: hidden !important;
}
/* all three pills go, at every width */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .iso-pill { display: none !important; }

/* title held at exactly two lines, so every price in a row shares one baseline.
   MetaFox already clamps to 2 lines but lets the container collapse to 1 line's
   height, which is what threw the rows out of alignment. */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-title {
  height: 42px !important;
  overflow: hidden !important;
}
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-title .MuiTypography-h4 {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
  letter-spacing: -.005em !important;
  opacity: .93 !important;
}

/* PRICE — the decision, so it outweighs the title (both were 18px/700).
   Neutral, the way Amazon sets it: red is for a reduction, not for every item.
   Three theme signals are in play here — the iso-theme.js cookie class, the
   data-theme attribute, and the OS preference — so all three are covered, with
   an explicit light override so a light choice beats a dark OS. */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 27px !important;
  letter-spacing: -.022em !important;
  font-variant-numeric: tabular-nums !important;
  color: #0f1419 !important;
}
@media (prefers-color-scheme: dark) {
  .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw { color: #ffffff !important; }
}
html.iso-jet-on .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw,
:root[data-theme="dark"] .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw {
  color: #ffffff !important;
}
html.iso-light-on .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw {
  color: #0f1419 !important;
}

/* ═══ Marketplace card polish — v104, 2026-08-28 ══════════════════════════════
   Professional-marketplace pass on top of v103. Verified live at desktop width.
   ────────────────────────────────────────────────────────────────────────── */

/* the whole card reads as one tappable object, so the grid feels like a product
   surface rather than a list of loose parts */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .iso-blk {
  border-radius: 16px !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
@media (hover: hover) {
  .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .iso-blk:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px -12px rgba(0,0,0,.55) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .iso-blk { transition: none !important; }
}

/* product shots sit on a consistent neutral tile. Sellers upload cut-outs on white,
   photos on every other ground; against a black page those became hard rectangles of
   clashing brightness. One tile per theme makes the grid read as a set. */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media { background: #f2f4f7 !important; }
@media (prefers-color-scheme: dark) {
  .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media { background: #171c24 !important; }
}
html.iso-jet-on .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media,
:root[data-theme="dark"] .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media {
  background: #171c24 !important;
}
html.iso-light-on .MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-media {
  background: #f2f4f7 !important;
}

/* the ⋮ overflow menu is a management affordance, not a shopping one — it belongs on
   the owner's own listing, not on every tile of a browse grid */
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .MuiIconButton-root { display: none !important; }

/* ═══ FAB gutter — v105, 2026-08-28 ═══════════════════════════════════════════
   The floating rail (cart · vidz · AI · share · composer) is position:fixed on the
   right edge, and the listing grid ran the full width underneath it — measured at
   1440px: the rail occupies the right 93px, the grid extended 62px past that, so
   FOUR cards per row sat under the buttons with their titles and prices covered.

   The fix is NOT to move the rail. `iso-fabalign.js` writes position/inset inline
   with !important, and — measured — even an inline
   `transform: translateX(96px) !important` does not move these elements at all
   (left edge 1347px before and after; cause unidentified). So instead of fighting
   the dock, the grid reserves the space the dock occupies.

   104px = 58px FAB + 20px right offset + breathing room. Verified at 1440px:
   grid right edge 1305 vs rail left 1347 — 42px clearance, zero cards under the
   rail, still 4 per row at 220px.

   Desktop only. On a 390px phone the rail is 93px of a 390px viewport — a quarter
   of the screen — so reserving it there would crush the cards. Mobile overlap is
   still open and needs the rail itself to change (fewer buttons, or a horizontal
   arrangement above the tab bar).
   ────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) {
  .MuiGrid-container:has(> .MuiGrid-item.MuiGrid-grid-md-3 a[href*="/marketplace/"]) {
    padding-right: 104px !important;
  }
}

/* ═══ Price always fits · roomier cards — v107, 2026-08-28 ═══════════════════
   v106 stopped the price wrapping with `nowrap`, which turned a two-line price
   into a CLIPPED one ("$ 100.00 USI"). Measured cause: the price element was
   129px inside a 118px parent — it was already overflowing; nowrap just made it
   visible. Two fixes, and the order matters.

   1. ROOT CAUSE — cards were too narrow. MetaFox uses `MuiGrid-grid-md-3`
      (3/12 = 25% = four per row) from 900px up, so at 1208px cards were 166px.
      Three per row between 900-1400px gives 221px cards, and everything fits.

   2. SAFETY NET — the price sizes against ITS CARD, not the viewport, via a
      container query on .ItemView-text. So it stays legible whatever the column
      count, and can never overflow again. clamp() floors at 13px and caps at
      21px; the ellipsis is a last resort that should never trigger.

   Do NOT "fix" this by stripping the " USD" suffix: the catalog is genuinely
   multi-currency (USD-only 6,567 · JPY+USD 2,163 · EUR+GBP+JPY+USD 935 ·
   JPY-only 63), so the suffix is what identifies the currency.

   Verified at 1208px: 3 per row, 221px cards, price 19.9px (larger than the 15px
   title, so hierarchy holds), zero clipped prices, title truncation halved.
   ────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) and (max-width: 1399.95px) {
  .MuiGrid-item.MuiGrid-grid-md-3:has(a[href*="/marketplace/"]) {
    flex-basis: 33.3333% !important;
    max-width:  33.3333% !important;
  }
}

.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ItemView-text {
  container-type: inline-size !important;
}
.MuiGrid-item:is(.MuiGrid-grid-xs-4, .MuiGrid-grid-md-3):has(a[href*="/marketplace/"]) .ltr-zhobfw {
  font-size: clamp(13px, 11.5cqi, 21px) !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ═══ Scope correction, done properly — v109, 2026-08-28 ══════════════════════
   v108 tried to scope these rules by replacing the selector PREFIX with two
   comma-separated selectors. That silently detached the descendant part of every
   rule:

     .MuiGrid-item:has(...) .iso-pill { display:none }
   became
     .MuiGrid-item.MuiGrid-grid-xs-4:has(...),                <-- the WHOLE CARD
     .MuiGrid-item.MuiGrid-grid-md-3:has(...) .iso-pill { display:none }

   ...so `display:none` hit the entire marketplace card on phones. The grid loaded
   48 listings and rendered ZERO images — it looked like the API had failed, and
   it had not.

   Fixed with `:is()` so the scope stays a SINGLE compound selector and every
   descendant stays attached. Same intent as v108 (browse cards carry a column
   class: xs-4 on phones, md-3 on desktop; timeline feed items are xs-12 only),
   without the comma hazard.

   Lesson: never scope by string-replacing a selector prefix across a stylesheet.
   Use :is() / :where() so the compound stays one unit.
   ────────────────────────────────────────────────────────────────────────── */