/* 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,#6d28d9 0%,#db2777 52%,#f59e0b 100%);
  box-shadow:0 20px 50px -16px rgba(219,39,119,.55),0 4px 16px rgba(109,40,217,.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)}
@media(min-width:961px){.iso-reels-fab{right:22px;bottom:150px;top:auto;transform:none;flex-direction:column;justify-content:center;gap:1px;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:.04em}.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}
.iso-reel-rail{position:absolute;z-index:3;right:max(14px,calc(50% - 240px));bottom:40px;display:flex;flex-direction:column;gap:18px;align-items:center}
.iso-reel-btn{background:none;border:none;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:inherit;text-decoration:none}
.iso-reel-btn .ic{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:22px;line-height:1;transition:background .15s,transform .15s}
.iso-reel-btn:hover .ic{background:rgba(255,255,255,.24)}.iso-reel-btn:active .ic{transform:scale(.9)}
.iso-reel-btn .n{font-size:12px;font-weight:700}
.iso-reel-btn.like .ic{background:linear-gradient(135deg,#ff6b9d,#ff416c)}
.iso-reel-btn.like.on .ic{background:linear-gradient(135deg,#ff5b8a,#ff2d6f);transform:scale(1.08)}
.iso-reel-btn.comment .ic{background:linear-gradient(135deg,#4facfe,#00c6ff)}
.iso-reel-btn.share .ic{background:linear-gradient(135deg,#43e97b,#38f9d7)}
.iso-reel-btn.mute .ic{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}
.iso-reel-btn.open .ic{background:linear-gradient(135deg,#22d3ee,#2563eb)}
.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}
.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,#fff1f1);color:#dc2626;border:1.5px solid #ef4444;text-shadow:none;box-shadow:0 1px 3px rgba(220,38,38,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.iso-pill-cond:hover{box-shadow:0 3px 10px rgba(220,38,38,.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;}
}

@media (min-width: 1400px) {
  [data-testid="detailview marketplace"] { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; }
}