/* Content composition only — the verified current shared shell is unchanged.
 * unslop workflow by Damir Sokolovsky, CC BY 4.0. */
.portal-main[data-emv-composition="overview"] { padding:28px; }
.portal-main[data-emv-composition="overview"] .portal-page-header { min-height:104px; padding:0 0 24px; border:0; border-bottom:1px solid var(--portal-line); background:transparent; color:var(--portal-ink); gap:24px; text-align:left; }
.portal-main[data-emv-composition="overview"] .portal-page-header p { margin:0 0 8px; color:var(--portal-muted); font-weight:500; font-size:12px; line-height:1.4; letter-spacing:0; text-transform:none; }
.portal-main[data-emv-composition="overview"] .portal-page-header h1 { color:var(--portal-ink); font-size:36px; line-height:1.15; font-weight:600; }
.portal-main[data-emv-composition="overview"] .portal-page-header > div > span { display:block; margin-top:12px; font-size:14px; color:var(--portal-muted); }
.portal-main[data-emv-composition="overview"] .portal-context { border:0; padding:0; background:transparent; color:var(--portal-muted); font-size:12px; }
.portal-main[data-emv-composition="overview"] .portal-context svg { color:var(--portal-muted); }
.portal-main[data-emv-composition="overview"] .portal-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0 16px; }
.portal-main[data-emv-composition="overview"] .portal-section-heading h2 { font-size:16px; font-weight:600; }
.portal-main[data-emv-composition="overview"] .refine-app-tools { display:flex; align-items:center; gap:20px; }
.portal-main[data-emv-composition="overview"] .refine-app-count { color:var(--portal-muted); font-size:12px; white-space:nowrap; }
.portal-main[data-emv-composition="overview"] .refine-search { display:flex; align-items:center; gap:12px; width:360px; min-height:44px; padding:0 12px; border:1px solid var(--portal-line); background:var(--portal-panel); }
.portal-main[data-emv-composition="overview"] .refine-search svg { width:18px; height:18px; flex:none; color:var(--portal-muted); }
.portal-main[data-emv-composition="overview"] .refine-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--portal-ink); font:inherit; font-size:14px; }
.portal-main[data-emv-composition="overview"] .refine-search:focus-within { border-color:var(--amber-dark); outline:2px solid var(--amber-dark); outline-offset:2px; }
.portal-main[data-emv-composition="overview"] .refine-search button { border:0; background:none; color:var(--portal-muted); padding:4px 8px; font-size:20px; cursor:pointer; }
.portal-main[data-emv-composition="overview"] .bold-search-key { display:grid; place-items:center; width:24px; height:24px; flex:none; border:1px solid var(--portal-line); color:var(--portal-muted); font:12px ui-monospace,monospace; }
.portal-main[data-emv-composition="overview"] .bold-search-key[hidden] { display:none; }
.portal-main[data-emv-composition="overview"] .bold-launch-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:auto; align-items:stretch; gap:12px; border:0; }
.portal-main[data-emv-composition="overview"] .portal-app-card { grid-column:span 2; display:grid; grid-template-columns:40px minmax(0,1fr) 24px; grid-template-rows:auto 1fr auto; gap:8px 16px; min-height:148px; height:auto; padding:20px; border:1px solid var(--portal-line); color:var(--portal-ink); background:var(--portal-panel); position:relative; text-align:left; transition:background-color 160ms cubic-bezier(.22,1,.36,1),border-color 160ms cubic-bezier(.22,1,.36,1),transform 120ms cubic-bezier(.22,1,.36,1); }
.portal-main[data-emv-composition="overview"] .portal-app-card[hidden] { display:none; }
.portal-main[data-emv-composition="overview"] .portal-app-icon { grid-row:1/3; grid-column:1; width:40px; height:40px; align-self:start; }
.portal-main[data-emv-composition="overview"] .portal-app-copy { grid-column:2; grid-row:1/3; display:flex; flex-direction:column; gap:10px; align-self:start; padding-top:2px; }
.portal-main[data-emv-composition="overview"] .portal-app-copy strong { font-size:16px; line-height:1.4; font-weight:600; }
.portal-main[data-emv-composition="overview"] .portal-app-copy small { font-size:12px; line-height:1.6; color:var(--portal-muted); }
.portal-main[data-emv-composition="overview"] .portal-app-status { display:block; position:static; grid-row:3; grid-column:2; align-self:end; justify-self:start; padding:0; border:0; font-size:11px; background:transparent; }
.portal-main[data-emv-composition="overview"] .portal-app-arrow { grid-column:3; grid-row:3; position:static; align-self:end; color:var(--portal-muted); transition:transform 160ms cubic-bezier(.22,1,.36,1); }
.portal-main[data-emv-composition="overview"] .bold-card-number { grid-row:1; grid-column:3; color:var(--portal-muted); font:12px ui-monospace,monospace; text-align:right; }
.portal-main[data-emv-composition="overview"] .portal-app-card.is-available:is(:hover,:focus-visible) { background:var(--portal-soft); border-color:var(--amber-dark); transform:none; }
.portal-main[data-emv-composition="overview"] .portal-app-card.is-available:is(:hover,:focus-visible) .portal-app-arrow { transform:translate(2px,-2px); }
.portal-main[data-emv-composition="overview"] .portal-app-card:focus-visible { outline:2px solid var(--amber-dark); outline-offset:2px; }
.portal-main[data-emv-composition="overview"] .portal-app-card.is-available:active { transform:translateY(1px); }
.portal-main[data-emv-composition="overview"] .portal-app-card.is-muted { opacity:.7; }
.portal-main[data-emv-composition="overview"] .portal-app-card.bold-feature { grid-column:span 3; grid-template-columns:1fr 52px; grid-template-rows:40px 1fr auto; gap:16px; min-height:224px; padding:28px; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-icon { grid-row:1; grid-column:1; width:40px; height:40px; }
.portal-main[data-emv-composition="overview"] .bold-feature .bold-card-number { grid-row:1; grid-column:2; font-size:16px; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-copy { grid-row:2; grid-column:1/-1; gap:8px; padding:0; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-copy strong { font-size:28px; font-weight:500; line-height:1.2; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-copy small { font-size:13px; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-status { grid-row:1; grid-column:1; justify-self:end; align-self:center; }
.portal-main[data-emv-composition="overview"] .bold-feature .portal-app-arrow { display:none; }
.portal-main[data-emv-composition="overview"] .bold-card-action { grid-row:3; grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid var(--portal-line); font-size:13px; font-weight:500; }
.portal-main[data-emv-composition="overview"] .bold-card-action svg { width:20px; height:20px; transition:transform 160ms cubic-bezier(.22,1,.36,1); }
.portal-main[data-emv-composition="overview"] .bold-feature:hover .bold-card-action svg { transform:translateX(4px); }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child { color:#f7f6f2; border-color:#171816; background:#171816; }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child .portal-app-copy small,
.portal-main[data-emv-composition="overview"] .bold-feature:first-child .bold-card-number { color:#b8b9b1; }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child .portal-app-icon { background:var(--amber); color:#141510; }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child .portal-app-status { color:#a8d3b8; }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child .bold-card-action { border-color:#45473f; color:var(--amber); }
.portal-main[data-emv-composition="overview"] .bold-feature:first-child:is(:hover,:focus-visible) { background:#252720; border-color:var(--amber); }
.portal-main[data-emv-composition="overview"][data-has-query="true"] .bold-launch-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.portal-main[data-emv-composition="overview"][data-has-query="true"] .portal-app-card { grid-column:span 1; }
.portal-main[data-emv-composition="overview"] .refine-empty { grid-column:1/-1; padding:48px 24px; background:var(--portal-panel); border:1px solid var(--portal-line); color:var(--portal-muted); text-align:center; }
.portal-main[data-emv-composition="overview"] .refine-empty[hidden] { display:none; }
.portal-main[data-emv-composition="overview"] .refine-empty p { margin:0 0 16px; }
.portal-main[data-emv-composition="overview"] .refine-back { display:inline-flex; align-items:center; gap:8px; min-height:40px; border:1px solid var(--portal-line); padding:8px 16px; background:var(--portal-panel); color:var(--portal-ink); cursor:pointer; font:inherit; font-size:13px; }
.portal-main[data-emv-composition="overview"] .refine-back svg { width:16px; height:16px; }
.portal-main[data-emv-composition="overview"][data-motion="off"] *,.portal-main[data-emv-composition="overview"][data-motion="off"] *::before { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce){.portal-main[data-emv-composition="overview"] *,.portal-main[data-emv-composition="overview"] *::before{animation:none!important;transition:none!important;}}
@media(max-width:1100px){
 .portal-main[data-emv-composition="overview"] { padding:24px; }
 .portal-main[data-emv-composition="overview"] .bold-launch-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .portal-main[data-emv-composition="overview"] .portal-app-card.bold-feature { grid-column:span 2; }
 .portal-main[data-emv-composition="overview"][data-has-query="true"] .bold-launch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .portal-main[data-emv-composition="overview"] .refine-search { width:280px; }
}
@media(max-width:760px){
 .portal-main[data-emv-composition="overview"] { padding:24px 16px 84px; }
 .portal-main[data-emv-composition="overview"] .portal-page-header { flex-direction:column; align-items:flex-start; gap:12px; padding-bottom:20px; min-height:0; }
 .portal-main[data-emv-composition="overview"] .portal-page-header h1 { font-size:30px; }
 .portal-main[data-emv-composition="overview"] .portal-page-header > div > span { font-size:13px; margin-top:8px; }
 .portal-main[data-emv-composition="overview"] .portal-section-heading { flex-direction:column; align-items:stretch; gap:12px; margin:20px 0 16px; }
 .portal-main[data-emv-composition="overview"] .refine-app-tools { flex-direction:column-reverse; align-items:stretch; gap:12px; }
 .portal-main[data-emv-composition="overview"] .refine-search { width:100%; }
 .portal-main[data-emv-composition="overview"] .refine-app-count { font-size:11px; }
 .portal-main[data-emv-composition="overview"] .bold-launch-grid,.portal-main[data-emv-composition="overview"][data-has-query="true"] .bold-launch-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
 .portal-main[data-emv-composition="overview"] .portal-app-card,.portal-main[data-emv-composition="overview"] .portal-app-card.bold-feature,.portal-main[data-emv-composition="overview"][data-has-query="true"] .portal-app-card { grid-column:1; }
 .portal-main[data-emv-composition="overview"] .portal-app-card { min-height:132px; padding:20px; }
 .portal-main[data-emv-composition="overview"] .portal-app-card.bold-feature { min-height:224px; padding:24px; }
 .portal-main[data-emv-composition="overview"] .bold-feature .portal-app-copy strong { font-size:26px; }
}