/* Rounded, quiet brand icons. Form labels, values and hidden states stay intact. */
.mnc-brand-icon{display:inline-block;vertical-align:middle;flex-shrink:0;overflow:visible;max-width:100%;pointer-events:none;stroke:var(--mnc-icon-ink,#69409a)}
.mnc-icon-slot{display:grid!important;place-items:center!important;line-height:1!important}
.mnc-inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 22px;width:22px;height:22px;margin-right:8px;pointer-events:none}
.mnc-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;vertical-align:-5px;margin-right:9px;pointer-events:none}
.mnc-heading-icon .mnc-brand-icon{width:25px;height:25px}
.profile-mini-manage.mnc-has-icon,.catalog-heart.mnc-has-icon{display:grid;place-items:center}.profile-mini-manage .mnc-brand-icon,.catalog-heart .mnc-brand-icon{width:22px;height:22px}
.catalog-heart.mnc-has-icon{background:var(--card,#fff)}
.home-finance-glance small.mnc-has-icon{display:flex;align-items:center}.home-finance-glance small>.mnc-inline-icon{width:17px;height:17px;flex-basis:17px;margin-right:6px}.home-finance-glance small>.mnc-inline-icon .mnc-brand-icon{width:17px;height:17px}
.mnc-has-icon.primary>.mnc-inline-icon>.mnc-brand-icon,.simple-main-action>.mnc-icon-slot>.mnc-brand-icon{stroke:#fff;filter:none}
.mnc-has-icon.primary>.mnc-inline-icon>.mnc-brand-icon [fill]:not([fill=none]),.simple-main-action>.mnc-icon-slot>.mnc-brand-icon [fill]:not([fill=none]){fill:rgba(255,255,255,.17)}
.topbar-actions .mnc-brand-icon{width:25px;height:25px}.topbar-actions .mnc-has-icon{display:grid;place-items:center}
.bottom-nav .mnc-icon-slot{width:30px;height:30px;margin:0 auto 2px}.bottom-nav .mnc-brand-icon{width:28px;height:28px}.bottom-nav button{min-height:56px}.bottom-nav button:not(.active) .mnc-brand-icon{stroke:#806b94}.bottom-nav button.active .mnc-icon-slot{background:#f4e8fc;border-radius:10px;box-shadow:0 1px 3px #69409a0a}
.simple-quick-grid .mnc-icon-slot{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#fff4dd,#f6e9ff);margin-bottom:12px}.simple-quick-grid .mnc-brand-icon{width:31px;height:31px}
.simple-main-action>.mnc-icon-slot{width:46px;height:46px}.simple-main-action>.mnc-icon-slot .mnc-brand-icon{width:31px;height:31px}
.more-hub-item .mnc-brand-icon{width:27px;height:27px}.more-hub-area-icon .mnc-brand-icon{width:28px;height:28px}
.more-hub-filter .mnc-inline-icon,.more-hub-back .mnc-inline-icon{width:18px;height:18px;flex-basis:18px;margin-right:6px}.more-hub-filter .mnc-brand-icon,.more-hub-back .mnc-brand-icon{width:18px;height:18px}
.notice.notice-button.mnc-has-icon{display:grid;grid-template-columns:27px minmax(0,1fr);column-gap:10px;align-items:start}.notice.notice-button.mnc-has-icon>.mnc-inline-icon{grid-column:1;grid-row:1/3;margin:2px 0 0}.notice.notice-button.mnc-has-icon>b,.notice.notice-button.mnc-has-icon>span:not(.mnc-inline-icon){grid-column:2}
.ps-model>.mnc-inline-icon,.ps-draft>.mnc-inline-icon{position:relative;align-self:start;margin:0 0 7px}.ps-model>.mnc-inline-icon .mnc-brand-icon,.ps-draft>.mnc-inline-icon .mnc-brand-icon{width:26px;height:26px}
.mnc-empty-icon{display:grid!important;place-items:center;min-width:64px;min-height:64px;margin:0 auto 9px;border-radius:22px;background:linear-gradient(135deg,#fff3df,#f3e8fe)}
.empty::before,.more-hub-empty::before{content:"";display:block;width:38px;height:38px;background:url("../brand/icons/heart.svg") center/contain no-repeat;margin:0 auto 9px;font-size:0}
.empty:has([data-mnc-icon])::before,.more-hub-empty:has([data-mnc-icon])::before{content:none;display:none}
.section-title h2::after,.section-title h3::after{content:"";display:inline-block;width:15px;height:15px;margin-left:8px;vertical-align:-1px;background:url("../brand/icons/star.svg") center/contain no-repeat;opacity:.8}
.section-title h2:has([data-mnc-icon])::after,.section-title h3:has([data-mnc-icon])::after{content:none;display:none}
.general-card-actions .mnc-has-icon{min-height:44px}.general-bottom-tools .mnc-has-icon,.general-more-tools .mnc-has-icon{min-height:44px;line-height:1.45}
.general-quick-grid b{line-height:1.4}.general-quick-grid small{line-height:1.55}.general-review-row small{line-height:1.5}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #9b65c3;outline-offset:3px;box-shadow:0 0 0 5px #fff4df}
.mnc-has-icon:not(.simple-main-action):disabled{opacity:.55}.mnc-has-icon .mnc-inline-icon+span{vertical-align:middle}
@media(max-width:420px){.general-bottom-tools,.general-more-tools{gap:8px}.general-bottom-tools .mnc-has-icon,.general-more-tools .mnc-has-icon{flex-grow:1}.general-card-actions{flex-wrap:wrap}.general-card-actions .mnc-inline-icon{width:20px;flex-basis:20px;margin-right:6px}}
/* Follow the application's selected theme, including an explicit light theme on a
   device whose OS is dark. Do not force dark icons onto the app's light cards. */
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon{--mnc-icon-ink:#dabff1}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon [fill="#fff8ed"]{fill:#352b3f}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon [fill="#ffe0ed"]{fill:#633548}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon [fill="#ffdfa0"]{fill:#605039}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon [fill="#d2f1ec"]{fill:#2e5551}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-brand-icon [fill="#69409a"]{fill:#dabff1}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .mnc-empty-icon{background:#352b3c}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .simple-quick-grid .mnc-icon-slot{background:linear-gradient(135deg,#413445,#342b45)}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .bottom-nav button.active .mnc-icon-slot{background:#483258}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) .bottom-nav button:not(.active) .mnc-brand-icon{stroke:#c1a8d6}
:is(html[data-theme="dark"],html.dark,body.dark,.theme-dark) :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#ca9de9;box-shadow:0 0 0 5px #352b3c}
/* The app's default theme follows the OS. An explicit light choice takes precedence. */
@media(prefers-color-scheme:dark){
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon{--mnc-icon-ink:#dabff1}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon [fill="#fff8ed"]{fill:#352b3f}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon [fill="#ffe0ed"]{fill:#633548}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon [fill="#ffdfa0"]{fill:#605039}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon [fill="#d2f1ec"]{fill:#2e5551}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-brand-icon [fill="#69409a"]{fill:#dabff1}
html:not([data-theme="light"]):not(.theme-light):not(.light) .mnc-empty-icon{background:#352b3c}
html:not([data-theme="light"]):not(.theme-light):not(.light) .simple-quick-grid .mnc-icon-slot{background:linear-gradient(135deg,#413445,#342b45)}
html:not([data-theme="light"]):not(.theme-light):not(.light) .bottom-nav button.active .mnc-icon-slot{background:#483258}
html:not([data-theme="light"]):not(.theme-light):not(.light) .bottom-nav button:not(.active) .mnc-brand-icon{stroke:#c1a8d6}
html:not([data-theme="light"]):not(.theme-light):not(.light) :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#ca9de9;box-shadow:0 0 0 5px #352b3c}
}
@media(prefers-reduced-motion:reduce){.mnc-brand-icon,.mnc-has-icon{animation:none!important;transition:none!important}}
