/* * IIM GLASS MASTER — LOCKED VISUAL-ONLY LAYER * Lock: 2026.09.12-C * * PURPOSE * Restore the visible frosted-glass depth intended by the v0.3.17/v0.3.18 * member UI without altering its approved geometry. * * ABSOLUTE RULE * This file may change ONLY paint/compositing properties: background, * border-color, box-shadow, backdrop-filter and -webkit-backdrop-filter. * It must NEVER define width/height, min/max dimensions, padding, margin, * font metrics, positioning, display/grid/flex, transforms or breakpoints. */ /* Shared frosted surface foundation. Component-specific color remains below. */ body.iim-member-surface .iim-glass, body.iim-member-auth-surface .iim-glass { box-shadow: inset 0 1px 0 rgba(255,255,255,.075), inset 0 -1px 0 rgba(255,255,255,.018), 0 20px 58px rgba(0,0,0,.28) !important; backdrop-filter: blur(18px) saturate(132%) !important; -webkit-backdrop-filter: blur(18px) saturate(132%) !important; } /* Member navigation — dark glass, not a solid black bar. */ body.iim-member-surface .iim-member-topbar { background: linear-gradient(180deg,rgba(3,10,19,.82),rgba(3,9,17,.72)) !important; border-color: rgba(118,166,224,.18) !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.025), 0 12px 34px rgba(0,0,0,.22) !important; backdrop-filter: blur(20px) saturate(125%) !important; -webkit-backdrop-filter: blur(20px) saturate(125%) !important; } body.iim-member-surface .iim-member-menu a.active { background: linear-gradient(135deg,rgba(121,77,210,.30),rgba(68,43,122,.24)) !important; border-color: rgba(199,167,255,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 9px 26px rgba(70,42,135,.20) !important; backdrop-filter: blur(14px) saturate(135%) !important; -webkit-backdrop-filter: blur(14px) saturate(135%) !important; } body.iim-member-surface .iim-member-more-menu { background: linear-gradient(145deg,rgba(8,22,43,.82),rgba(25,17,53,.78)) !important; border-color: rgba(199,167,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 48px rgba(0,0,0,.34) !important; backdrop-filter: blur(20px) saturate(135%) !important; -webkit-backdrop-filter: blur(20px) saturate(135%) !important; } /* Member Portal hero status / quote. */ body.iim-member-surface .iim-dashboard-status { background: radial-gradient(circle at 13% 0%,rgba(76,158,255,.13),transparent 38%), linear-gradient(145deg,rgba(10,37,70,.58),rgba(7,20,41,.43)) !important; border-color: rgba(86,158,236,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 62px rgba(0,0,0,.28), 0 0 28px rgba(35,118,212,.045) !important; backdrop-filter: blur(20px) saturate(138%) !important; -webkit-backdrop-filter: blur(20px) saturate(138%) !important; } body.iim-member-surface .iim-dashboard-quote { background: radial-gradient(circle at 20% 0%,rgba(155,109,240,.18),transparent 42%), linear-gradient(155deg,rgba(48,34,98,.52),rgba(8,23,44,.42)) !important; border-color: rgba(195,160,255,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 58px rgba(0,0,0,.25), 0 0 28px rgba(111,66,193,.05) !important; backdrop-filter: blur(20px) saturate(140%) !important; -webkit-backdrop-filter: blur(20px) saturate(140%) !important; } /* Four main portal action cards. */ body.iim-member-surface .iim-dashboard-quick { background: radial-gradient(circle at 12% 0%,rgba(68,157,255,.15),transparent 40%), linear-gradient(145deg,rgba(9,42,80,.55),rgba(7,22,45,.38)) !important; border-color: rgba(62,149,241,.44) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 18px 48px rgba(0,0,0,.25), 0 0 24px rgba(35,118,212,.045) !important; backdrop-filter: blur(18px) saturate(140%) !important; -webkit-backdrop-filter: blur(18px) saturate(140%) !important; } body.iim-member-surface .iim-dashboard-quick:nth-child(even) { background: radial-gradient(circle at 12% 0%,rgba(164,111,255,.17),transparent 40%), linear-gradient(145deg,rgba(43,27,91,.55),rgba(9,23,49,.39)) !important; border-color: rgba(167,111,244,.48) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 18px 48px rgba(0,0,0,.25), 0 0 24px rgba(111,66,193,.055) !important; } /* Portal lower information panels and bottom CTA. */ body.iim-member-surface .iim-dashboard-panel { background: radial-gradient(circle at 14% 0%,rgba(69,147,233,.10),transparent 42%), linear-gradient(145deg,rgba(8,32,61,.54),rgba(6,18,37,.38)) !important; border-color: rgba(77,145,218,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.24) !important; backdrop-filter: blur(18px) saturate(130%) !important; -webkit-backdrop-filter: blur(18px) saturate(130%) !important; } body.iim-member-surface .iim-dashboard-panel-head { background: linear-gradient(90deg,rgba(111,66,193,.17),rgba(240,196,65,.018)) !important; border-color: rgba(255,255,255,.095) !important; } body.iim-member-surface .iim-dashboard-bottom { background: radial-gradient(circle at 8% 50%,rgba(155,109,240,.14),transparent 34%), linear-gradient(90deg,rgba(60,31,107,.50),rgba(8,39,72,.42)) !important; border-color: rgba(166,111,238,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 18px 48px rgba(0,0,0,.24) !important; backdrop-filter: blur(18px) saturate(138%) !important; -webkit-backdrop-filter: blur(18px) saturate(138%) !important; } /* v0.3.18 app pages: Core Library, Templates, Community, Billing, etc. */ body.iim-member-surface .iim-app-status { background: radial-gradient(circle at 13% 0%,rgba(76,158,255,.13),transparent 38%), linear-gradient(145deg,rgba(10,37,70,.58),rgba(7,20,41,.43)) !important; border-color: rgba(86,158,236,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 62px rgba(0,0,0,.27) !important; backdrop-filter: blur(20px) saturate(138%) !important; -webkit-backdrop-filter: blur(20px) saturate(138%) !important; } body.iim-member-surface .iim-app-quote { background: radial-gradient(circle at 20% 0%,rgba(155,109,240,.18),transparent 42%), linear-gradient(155deg,rgba(48,34,98,.52),rgba(8,23,44,.42)) !important; border-color: rgba(195,160,255,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 58px rgba(0,0,0,.25) !important; backdrop-filter: blur(20px) saturate(140%) !important; -webkit-backdrop-filter: blur(20px) saturate(140%) !important; } body.iim-member-surface .iim-resource-card, body.iim-member-surface .iim-billing-card { background: radial-gradient(circle at 12% 0%,rgba(68,157,255,.11),transparent 42%), linear-gradient(145deg,rgba(9,36,68,.55),rgba(7,21,43,.39)) !important; border-color: rgba(66,143,226,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 18px 48px rgba(0,0,0,.24) !important; backdrop-filter: blur(18px) saturate(132%) !important; -webkit-backdrop-filter: blur(18px) saturate(132%) !important; } body.iim-member-surface .iim-resource-card:nth-child(even), body.iim-member-surface .iim-billing-card:nth-child(even) { background: radial-gradient(circle at 12% 0%,rgba(164,111,255,.13),transparent 42%), linear-gradient(145deg,rgba(40,26,86,.54),rgba(8,22,46,.40)) !important; border-color: rgba(163,111,237,.38) !important; } /* Ultimate Member profile: keep the underlying cover/profile imagery present through glass. */ body.iim-member-surface .um-profile { background: radial-gradient(circle at 15% 0%,rgba(87,159,236,.09),transparent 42%), linear-gradient(135deg,rgba(13,31,58,.52),rgba(31,20,65,.42),rgba(7,18,36,.36)) !important; border-color: rgba(183,205,233,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 24px 70px rgba(0,0,0,.30) !important; backdrop-filter: blur(20px) saturate(135%) !important; -webkit-backdrop-filter: blur(20px) saturate(135%) !important; } body.iim-member-surface .um-profile-nav, body.iim-member-surface .iim-um-profile-nav { background: linear-gradient(135deg,rgba(14,26,49,.66),rgba(35,22,73,.58)) !important; border-color: rgba(194,161,245,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 38px rgba(0,0,0,.25) !important; backdrop-filter: blur(16px) saturate(135%) !important; -webkit-backdrop-filter: blur(16px) saturate(135%) !important; }