.inbox-showcase[data-v-71a961c9]{--navy:#17233f;--ink:#0f172a;--muted:#5b6b80;--line:#e2e8f0;--line-soft:#eef2f7;--accent:#6c97cf;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.inbox-showcase__head[data-v-71a961c9]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.inbox-showcase__title[data-v-71a961c9]{color:var(--navy);font-size:1.55rem;letter-spacing:-.02em;line-height:1.2;margin:0}.inbox-showcase__subtitle[data-v-71a961c9]{color:var(--muted);font-size:.95rem;line-height:1.6;margin-top:8px}.inbox-showcase__highlights[data-v-71a961c9]{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.inbox-showcase__highlights li[data-v-71a961c9]{align-items:center;background:#fff;border:1px solid #dbe4f0;border-radius:999px;color:var(--ink);display:inline-flex;font-size:.84rem;font-weight:500;gap:6px;padding:6px 12px}.inbox-showcase__highlights svg[data-v-71a961c9]{color:#16a34a;height:14px;width:14px}.portal-mock[data-v-71a961c9]{background:#fff;border:1px solid #d9e0ea;border-radius:18px;box-shadow:0 28px 52px -30px #1f274980,0 0 0 4px #f0f1f4;color:var(--ink);font-size:12px;line-height:1.35;overflow:hidden}.portal-mock__chrome[data-v-71a961c9]{align-items:center;background:#f1f5f9;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:9px 12px}.portal-mock__dot[data-v-71a961c9]{background:#cbd5e1;border-radius:50%;height:9px;width:9px}.portal-mock__url[data-v-71a961c9]{align-items:center;background:#fff;border-radius:999px;color:#64748b;display:inline-flex;font-size:11px;gap:5px;margin:0 auto;padding:3px 12px}.portal-mock__url svg[data-v-71a961c9]{height:11px;width:11px}.portal-mock__body[data-v-71a961c9]{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:400px}.portal-mock__sidebar[data-v-71a961c9]{background:#fbfcfe;border-right:1px solid var(--line);padding:16px 10px}.portal-mock__sidebar ul[data-v-71a961c9]{display:grid;gap:3px;list-style:none;margin:16px 0 0;padding:0}.portal-mock__logo[data-v-71a961c9]{display:block;height:auto;margin-left:6px;width:88px}.portal-mock__nav[data-v-71a961c9]{align-items:center;border-radius:8px;color:#475569;display:flex;font-size:11px;font-weight:500;gap:7px;padding:6px 8px}.portal-mock__nav svg[data-v-71a961c9]{flex-shrink:0;height:13px;width:13px}.portal-mock__nav--active[data-v-71a961c9]{background:var(--navy);color:#fff}.portal-mock__nav-label[data-v-71a961c9]{color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.08em;margin:10px 0 2px;padding:0 8px;text-transform:uppercase}.portal-mock__main[data-v-71a961c9]{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 14px 0}.portal-mock__toolbar[data-v-71a961c9]{align-items:center;display:flex;gap:10px;justify-content:space-between}.portal-mock__heading[data-v-71a961c9]{color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.01em}.portal-mock__search[data-v-71a961c9]{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:#94a3b8;display:inline-flex;font-size:10.5px;gap:6px;min-width:0;padding:5px 10px}.portal-mock__search svg[data-v-71a961c9]{height:12px;width:12px}.portal-mock__filters[data-v-71a961c9]{align-items:center;display:flex;gap:4px}.portal-mock__pill[data-v-71a961c9]{background:#f1f5f9;border-radius:999px;color:#475569;font-size:10px;font-weight:600;padding:4px 12px}.portal-mock__pill--active[data-v-71a961c9]{background:var(--navy);color:#fff}.portal-mock__select[data-v-71a961c9]{align-items:center;border:1px solid var(--line);border-radius:7px;color:#475569;display:inline-flex;font-size:10px;gap:4px;margin-left:auto;padding:4px 8px}.portal-mock__select svg[data-v-71a961c9]{height:11px;width:11px}.portal-mock__panes[data-v-71a961c9]{border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;display:grid;flex:1;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);overflow:hidden}.portal-mock__list[data-v-71a961c9]{border-right:1px solid var(--line)}.portal-mock__list ul[data-v-71a961c9]{list-style:none;margin:0;padding:0}.portal-mock__count[data-v-71a961c9]{border-bottom:1px solid var(--line-soft);color:#64748b;font-size:10px;font-weight:600;margin:0;padding:8px 10px}.portal-mock__letter[data-v-71a961c9]{background:#fff;border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr) auto;padding:8px 10px;text-align:left;transition:background-color .14s ease,box-shadow .14s ease;width:100%}.portal-mock__letter[data-v-71a961c9]:hover{background:#f8fafc}.portal-mock__letter[data-v-71a961c9]:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}.portal-mock__letter--selected[data-v-71a961c9],.portal-mock__letter--selected[data-v-71a961c9]:hover{background:#eef4fb;box-shadow:inset 3px 0 0 var(--accent)}.portal-mock__letter-icon[data-v-71a961c9]{background:#f1f5f9;border-radius:7px;color:#475569;display:grid;height:24px;margin-top:1px;place-items:center;width:24px}.portal-mock__letter-icon svg[data-v-71a961c9]{height:13px;width:13px}.portal-mock__letter-body[data-v-71a961c9]{display:grid;gap:1px;min-width:0}.portal-mock__letter-sender[data-v-71a961c9]{align-items:center;color:var(--ink);display:flex;font-size:11.5px;font-weight:600;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-mock__letter--unread .portal-mock__letter-sender[data-v-71a961c9]{color:#1d4ed8}.portal-mock__unread-dot[data-v-71a961c9]{background:#3b82f6;border-radius:50%;flex-shrink:0;height:6px;width:6px}.portal-mock__letter-subject[data-v-71a961c9]{color:#334155;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-mock__letter-meta[data-v-71a961c9]{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:9.5px;gap:5px}.portal-mock__tag[data-v-71a961c9]{align-items:center;background:#fff7ed;border-radius:999px;color:#c2410c;display:inline-flex;font-size:9px;font-weight:600;gap:3px;padding:1px 6px}.portal-mock__tag svg[data-v-71a961c9]{height:9px;width:9px}.portal-mock__letter-date[data-v-71a961c9]{color:#64748b;font-size:10px;white-space:nowrap}.portal-mock__detail[data-v-71a961c9]{background:#fbfcfe;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 12px 0}.portal-mock__detail-head p[data-v-71a961c9]{margin:0}.portal-mock__detail-sender[data-v-71a961c9]{color:var(--ink);font-size:12.5px;font-weight:700}.portal-mock__detail-subject[data-v-71a961c9]{color:#334155;font-size:11px;margin-top:1px}.portal-mock__detail-meta[data-v-71a961c9]{color:#64748b;font-size:9.5px;margin-top:3px!important}.portal-mock__actions[data-v-71a961c9]{display:flex;flex-wrap:wrap;gap:6px}.portal-mock__button[data-v-71a961c9]{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:#334155;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:4px 10px}.portal-mock__button svg[data-v-71a961c9]{height:11px;width:11px}.portal-mock__button--primary[data-v-71a961c9]{background:var(--navy);border-color:var(--navy);color:#fff}.portal-mock__page[data-v-71a961c9]{background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 -8px 20px -14px #0f172a73;flex:1;margin:2px 6px 0;min-height:150px;padding:18px 16px 0;position:relative}.portal-mock__page span[data-v-71a961c9]{background:#e2e8f0;border-radius:3px;display:block;height:5px}.portal-mock__page-badge[data-v-71a961c9]{background:#fee2e2!important;border-radius:4px!important;color:#b91c1c;font-size:8px;font-weight:800;height:auto!important;letter-spacing:.06em;padding:2px 6px;position:absolute;right:10px;top:10px;width:auto!important}.portal-mock__page-sender[data-v-71a961c9]{display:grid;gap:5px}.portal-mock__page-sender span[data-v-71a961c9]{background:#cbd5e1;height:4px}.portal-mock__page-date[data-v-71a961c9]{display:flex;justify-content:flex-end;margin-top:12px}.portal-mock__page-date span[data-v-71a961c9]{height:4px}.portal-mock__page-subject[data-v-71a961c9]{margin-top:14px}.portal-mock__page-subject span[data-v-71a961c9]{background:#94a3b8;height:7px}.portal-mock__page-lines[data-v-71a961c9]{display:grid;gap:6px;margin-top:12px}@media(max-width:719px){.portal-mock__body[data-v-71a961c9]{grid-template-columns:minmax(0,1fr);min-height:0}.portal-mock__search[data-v-71a961c9],.portal-mock__sidebar[data-v-71a961c9]{display:none}.portal-mock__panes[data-v-71a961c9]{grid-template-columns:minmax(0,1fr)}.portal-mock__list[data-v-71a961c9]{border-bottom:1px solid var(--line);border-right:0}.portal-mock__page[data-v-71a961c9]{min-height:110px}}