/* QRP Identity — a fluid workspace, independent of the authentication and admin UI. */
:root {
    --qrp-text: #20282e;
    --qrp-muted: #52616d;
    --qrp-line: #e3e7e9;
    --qrp-bg: #f7f8fa;
    --qrp-accent: #f4b928;
    --qrp-gutter: clamp(20px, 3.35vw, 72px);
    --qrp-radius: 18px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body.qrp-account { margin: 0; min-width: 320px; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--qrp-bg); color: var(--qrp-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, ul, ol, dl, dd { margin: 0; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, summary { cursor: pointer; }
button { color: inherit; }
button:disabled { cursor: wait; opacity: .6; }
img { display: block; max-width: 100%; }
button, a, input, select, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #a97100; outline-offset: 5px; }
[hidden] { display: none !important; }
.qrp-icon { flex: 0 0 auto; width: 20px; height: 20px; vertical-align: middle; }
.identity-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.identity-skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; background: #20282e; color: #fff; padding: 12px 20px; border-radius: 8px; }
.identity-skip-link:focus { top: 12px; }
.qrp-topbar { position: sticky; top: 0; z-index: 30; min-height: 88px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 0 var(--qrp-gutter); border-bottom: 1px solid var(--qrp-line); background: #ffffffed; backdrop-filter: blur(18px); }
.qrp-brand { display: inline-flex; align-items: center; gap: 16px; justify-self: start; font-size: 1.25rem; font-weight: 500; letter-spacing: -.6px; }
.qrp-brand img { width: 76px; height: 40px; object-fit: contain; }
.qrp-brand-divider { width: 1px; height: 25px; background: #dce0e3; }
.qrp-navigation { display: flex; align-items: center; gap: 6px; }
.qrp-navigation a { position: relative; padding: 10px 19px; border-radius: 8px; color:var(--qrp-muted); font-size:.9375rem; font-weight:600; white-space: nowrap; transition: color .2s, background .2s; }
.qrp-navigation a:hover { color: #20282e; background: #f2f4f6; }
.qrp-navigation a[aria-current] { color: #20282e; background: #f0f2f4; }
.qrp-navigation a[aria-current]::after { position: absolute; bottom: 5px; left: calc(50% - 2px); width: 4px; height: 4px; background: #b77b00; border-radius: 50%; content: ""; }
.qrp-topbar-end { justify-self: end; }
.qrp-account-menu { position: relative; }
.qrp-account-menu summary { display: flex; min-height: 44px; align-items: center; gap: 10px; border-radius: 24px; list-style: none; }
.qrp-account-menu summary::-webkit-details-marker { display: none; }
.qrp-account-menu summary > .qrp-icon { width: 15px; height: 15px; margin-left: 4px; color: #77828b; transition: transform .2s; }
.qrp-account-menu[open] summary > .qrp-icon { transform: rotate(180deg); }
.qrp-menu-name { max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9375rem; font-weight: 600; }
.qrp-avatar { display: grid; place-items: center; object-fit: cover; border-radius: 50%; background: #f7e8be; color: #735413; font-weight: 600; text-transform: uppercase; }
.qrp-avatar--sm { width: 38px; height: 38px; font-size: 0.9375rem; flex-shrink: 0; }
.qrp-menu-panel { position: absolute; top: calc(100% + 20px); right: 0; width: 340px; max-width: calc(100vw - 40px); max-height: calc(100dvh - 108px); overflow: auto; border: 1px solid var(--qrp-line); border-radius: 16px; background: #fff; box-shadow: 0 20px 70px #18242f24; }
.qrp-menu-head { display: flex; align-items: center; gap: 12px; padding: 22px; }
.qrp-menu-head > div { min-width: 0; }
.qrp-menu-head strong { display: block; font-size:1rem; overflow-wrap: anywhere; }
.qrp-menu-head div > span { display: block; font-size: 0.9375rem; color: var(--qrp-muted); overflow-wrap: anywhere; }
.qrp-menu-section { margin: 0; border-top: 1px solid #edf0f2; padding: 16px; }
.qrp-menu-title { margin: 0 6px 14px; color: var(--qrp-muted); font-size: 0.875rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.qrp-menu-apps { padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; }
.qrp-menu-app { min-height: 86px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 9px 3px; border-radius: 10px; font-size: 0.875rem; }
a.qrp-menu-app:hover { background: #f5f6f8; }
.qrp-menu-app-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--app-tint, #f4e8c9); color: var(--app-color, #8c650d); }
.qrp-menu-app.is-pending { opacity:1; color:var(--qrp-muted); }
.qrp-menu-links { display: grid; gap: 2px; padding: 8px; }
.qrp-menu-links a, .qrp-menu-logout button { min-height: 42px; display: flex; align-items: center; gap: 12px; border-radius: 8px; padding: 8px 14px; font-size: 0.9375rem; }
.qrp-menu-links a:hover, .qrp-menu-links a[aria-current] { background: #f3f5f6; }
.qrp-menu-links a > .qrp-icon:last-child:not(:first-child) { margin-left: auto; width: 16px; }
.qrp-menu-logout { padding: 8px; }
.qrp-menu-logout button { width: 100%; border: 0; background: transparent; color: #a8493a; text-align: left; }
.qrp-menu-logout button:hover { background: #fff4f1; }
.qrp-main { width: 100%; flex: 1; padding: 0 var(--qrp-gutter) 56px; outline: none; }
.qrp-footer { display: flex; justify-content: space-between; gap: 16px; margin: 0 var(--qrp-gutter); padding: 23px 0; border-top: 1px solid var(--qrp-line); color:var(--qrp-muted); font-size: 0.875rem; }
.qrp-footer-divider { margin: 0 9px; color: #b3b9bf; }
.qrp-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 10px; padding: 11px 20px; border: 1px solid transparent; border-radius: 8px; font-size: 0.9375rem; line-height: 1.5; font-weight: 600; text-align: center; transition: background .18s, box-shadow .18s, transform .18s; }
.qrp-button:hover { transform: translateY(-1px); }
.qrp-button .qrp-icon { width: 18px; height: 18px; }
.qrp-button--dark, .qrp-button--primary { background: #232e36; color: #fff; }
.qrp-button--dark:hover, .qrp-button--primary:hover { background: #3b4852; box-shadow: 0 4px 12px #17212c15; }
.qrp-button--secondary { background: #fff; border-color: #dce1e5; color: #39434c; }
.qrp-button--secondary:hover { background: #f2f4f6; }
.qrp-button--accent { background: var(--qrp-accent); color: #292919; }
.qrp-button--accent:hover { background: #ffca49; }
.qrp-text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 0.9375rem; font-weight:600; }
.qrp-text-link:hover { color: #8b650e; }
.qrp-text-link .qrp-icon { width: 18px; }
.qrp-eyebrow { color:var(--qrp-muted); font-size: 0.8125rem; font-weight: 650; letter-spacing:.11em; line-height: 1.7; }
.qrp-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 54px 0 42px; }
.qrp-page-heading h1 { margin-top: 12px; font-size: clamp(30px, 3vw, 46px); line-height: 1.2; letter-spacing: -1.7px; font-weight:600; }
.qrp-page-heading > div > p:last-child { margin-top: 13px; color: var(--qrp-muted); font-size: 1rem; }
.qrp-page-heading--compact { padding-bottom: 30px; }
.qrp-page-heading--compact h1 { font-size: clamp(29px, 2.8vw, 40px); }
.qrp-heading-symbol { display: grid; place-items: center; width: 86px; height: 86px; background: #eceff1; color: #7c8b98; border: 1px solid #e5e9ec; border-radius: 24px; transform: rotate(-7deg); margin-right: 8px; }
.qrp-heading-symbol .qrp-icon { width: 38px; height: 38px; }
.qrp-mobile-break { display: none; }
/* Home: the supplied illustration is the hero background, never a replacement asset. */
.qrp-home .qrp-main { padding-top: 24px; }
.qrp-welcome { position: relative; isolation: isolate; min-height: clamp(440px, 35vw, 620px); overflow: hidden; display: flex; align-items: center; border-radius: 20px; background: #172735; color: #fff; }
.qrp-welcome::before { content: ""; position: absolute; z-index: -2; inset: 0 0 0 19%; background: url("../images/identitity_bg.589f6e5bdbda.png") center center / cover no-repeat; }
.qrp-welcome::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #152531 0%, #152531f5 19%, #152531d6 30%, #15253165 47%, #15253100 70%), linear-gradient(0deg, #1424316e, transparent 35%); }
.qrp-welcome-copy { width: 57%; padding: clamp(32px, 4vw, 76px); padding-right: 0; }
.qrp-eyebrow--light { display: flex; align-items: center; gap: 9px; color: #e2dfd1; font-size: 0.8125rem; letter-spacing: 2px; }
.qrp-eyebrow--light > span { width: 6px; height: 6px; border-radius: 50%; background: var(--qrp-accent); }
.qrp-welcome h1 { margin: 28px 0 22px; font-size: clamp(44px, 4.5vw, 82px); line-height: 1.08; letter-spacing: -.055em; font-weight:600; }
.qrp-welcome h1 > span { color: #f4c965; }
.qrp-welcome-description { color: #e1e5e9; font-size:clamp(1rem,1.1vw,1.125rem); line-height: 1.8; }
.qrp-welcome-actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }
.qrp-welcome-actions .qrp-button { min-height: 48px; padding-inline: 22px; }
.qrp-welcome-link { display: flex; align-items: center; gap: 6px; font-size: 0.9375rem; border-bottom: 1px solid #ffffff50; padding: 6px 0; }
.qrp-welcome-link:hover { color: #f4c965; border-color: #f4c965; }
.qrp-welcome-link .qrp-icon { width: 14px; height: 14px; }
.qrp-welcome-caption { display: flex; align-items: center; gap: 9px; margin-top: 38px; color: #c6cdd2; font-size:.8125rem; }
.qrp-welcome-caption .qrp-icon { width: 15px; height: 15px; }
.qrp-welcome-signature { position: absolute; right: 28px; bottom: 26px; text-align: right; font-size: 0.75rem; letter-spacing: 2px; text-shadow: 0 1px 8px #000; }
.qrp-welcome-signature > span { display: block; font-size: 0.9375rem; letter-spacing: 0; margin-top: 2px; }
.qrp-home-workspace { padding: 36px 0 30px; scroll-margin-top: 110px; }
.qrp-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; flex-wrap:wrap; }
.qrp-section-heading h2 { margin-top: 6px; font-size: 1.5rem; line-height: 1.3; font-weight:600; letter-spacing: -.65px; }
.qrp-section-heading > p { color: var(--qrp-muted); font-size: 0.9375rem; }
.qrp-launch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; padding: 0; list-style: none; }
.qrp-launch { display: flex; align-items: center; gap: 14px; height: 100%; min-height: 98px; padding: 18px; background: #fff; border: 1px solid var(--qrp-line); border-radius: 12px; transition: box-shadow .2s, border-color .2s, transform .2s; }
a.qrp-launch:hover { transform: translateY(-3px); border-color: #b7c2ca; box-shadow: 0 8px 24px #1a2a3510; }
.qrp-launch-copy { min-width: 0; }
.qrp-launch-copy > strong { display: block; font-size: 1rem; font-weight: 650; letter-spacing: -.3px; }
.qrp-launch-copy > span { display: block; margin-top: 4px; color: var(--qrp-muted); font-size: 0.8125rem; line-height: 1.5; }
.qrp-launch-arrow { width: 17px; height: 17px; margin-left: auto; color: #6e7984; }
.qrp-launch--pending .qrp-launch-arrow { display: none; }
.qrp-home-empty { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; padding: 24px; border: 1px dashed #cbd3d9; border-radius: 12px; }
.qrp-home-empty > .qrp-icon { width: 28px; height: 28px; color: #84909a; }
.qrp-home-empty p { color: var(--qrp-muted); font-size: 0.9375rem; margin-top: 3px; }
.qrp-home-shortcuts { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--qrp-line); }
.qrp-shortcut { display: grid; grid-template-columns: auto 1fr; gap: 0 18px; padding: 26px 24px 0 0; }
.qrp-shortcut + .qrp-shortcut { padding-left: 28px; border-left: 1px solid var(--qrp-line); }
.qrp-shortcut-icon { width: 44px; height: 44px; display: grid; place-items: center; background: #eaeef1; color: #536572; border-radius: 12px; }
.qrp-shortcut h2 { font-size: 1rem; font-weight: 600; letter-spacing: -.2px; }
.qrp-shortcut p { margin-top: 4px; color: var(--qrp-muted); font-size: 0.9375rem; }
.qrp-shortcut-action { display: flex; align-items: center; gap: 10px; grid-column: 2; margin-top: 12px; font-size: 0.875rem; font-weight: 600; }
.qrp-shortcut-action .qrp-icon { width: 16px; height: 16px; transition: transform .2s; }
.qrp-shortcut:hover .qrp-shortcut-action .qrp-icon { transform: translateX(4px); }
/* Applications: a connected workspace and a visual product collection. */
.qrp-app--qrp { --app-color: #a67312; --app-tint: #fff1d2; --app-art: #f0dcae; --app-text: #795005; }
.qrp-app--qhr { --app-color: #307e65; --app-tint: #e5f4ed; --app-art: #bfded0; --app-text:#245f4b; }
.qrp-app--qcrm { --app-color: #5167ad; --app-tint: #ebeffc; --app-art: #cad4ef; --app-text:#3d508c; }
.qrp-app--qchat { --app-color: #9560a7; --app-tint: #f4ebfa; --app-art: #dfcce9; --app-text:#754284; }
.qrp-app--qtwin { --app-color: #2c8096; --app-tint: #e3f2f6; --app-art: #bcdde5; --app-text:#236679; }
.qrp-product-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; border-radius: 13px; background: var(--app-tint); color: var(--app-color); }
.qrp-product-icon .qrp-icon { width: 23px; height: 23px; }
.qrp-workspace-intro { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 300px; margin: 28px 0 38px; padding: 32px clamp(28px, 3.2vw, 60px); overflow: hidden; border: 1px solid #2e414a; border-radius: 22px; background: #172b36; color: #fff; box-shadow: 0 12px 32px #172b360c; }
.qrp-workspace-intro::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 90% 110%, #4a605f80, transparent 60%), radial-gradient(ellipse at 50% -90%, #bdc2a025, transparent 70%); }
.qrp-workspace-copy { min-width: 0; }
.qrp-workspace-copy > .qrp-eyebrow { display: flex; align-items: center; gap: 8px; color: #c4d0d5; font-size: 0.75rem; letter-spacing: 1.8px; }
.qrp-workspace-copy > .qrp-eyebrow > span { width: 5px; height: 5px; border-radius: 50%; background: #edc26e; }
.qrp-workspace-copy h1 { margin: 18px 0 14px; font-size: clamp(30px, 2.9vw, 48px); font-weight: 500; line-height: 1.12; letter-spacing: -1.8px; }
.qrp-workspace-copy h1 > span { color: #eac781; }
.qrp-workspace-copy > p:not(.qrp-eyebrow) { color:#d3dfe5; font-size:1rem; line-height: 1.8; }
.qrp-workspace-meta { display: flex; align-items: center; gap: 24px; margin-top: 25px; flex-wrap:wrap; row-gap:12px; }
.qrp-workspace-meta > span { display: flex; align-items: center; gap: 8px; color: #c3cdd2; font-size:.875rem; }
.qrp-workspace-meta > span + span { padding-left:0; border-left:0; }
.qrp-workspace-meta strong { color: #fff; font-size: 1.3125rem; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
.qrp-workspace-meta .qrp-icon { color: #d1b57d; width: 15px; height: 15px; }
.qrp-ecosystem { position: relative; width: 400px; height: 260px; margin: -15px 3% -15px 0; flex: 0 0 400px; }
.qrp-ecosystem-ring { position: absolute; left: 50%; top: 50%; width: 240px; height: 240px; border: 1px solid #aebebb14; border-radius: 50%; transform: translate(-50%, -50%); }
.qrp-ecosystem-ring--outer { width: 330px; height: 330px; border-style: dashed; border-color: #aebebb18; }
.qrp-ecosystem-lines { position: absolute; inset: 0; width: 100%; height: 100%; stroke: #d9c59355; stroke-width: 1; stroke-dasharray: 3 5; }
.qrp-ecosystem-core { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 94px; height: 98px; border: 1px solid #fff; border-radius: 24px; background: linear-gradient(145deg, #fff, #f5eedc); transform: translate(-50%, -50%) rotate(-6deg); box-shadow: 0 16px 35px #08192340, 0 0 0 9px #ffffff07; }
.qrp-ecosystem-core img { width: 60px; height: 35px; object-fit: contain; }
.qrp-ecosystem-core > span { margin-top: 4px; color:#77602f; font-size: 0.75rem; font-weight: 600; letter-spacing:.1em; }
.qrp-ecosystem-node { position: absolute; display: flex; align-items: center; gap: 9px; padding: 8px 13px 8px 8px; border: 1px solid #ffffff22; border-radius: 14px; background: #ffffff0c; box-shadow: 0 8px 20px #12222c20; backdrop-filter: blur(8px); transform: translate(-50%, -50%); }
.qrp-ecosystem-node > span:last-child { font-size: 0.8125rem; font-weight: 500; white-space: nowrap; color: #e1e9e9; }
.qrp-ecosystem-node .qrp-product-icon { width: 31px; height: 31px; border-radius: 9px; }
.qrp-ecosystem-node .qrp-icon { width: 17px; height: 17px; }
.qrp-ecosystem-node--1 { left: 18%; top: 18.46%; }
.qrp-ecosystem-node--2 { left: 73.5%; top: 15.38%; }
.qrp-ecosystem-node--3 { left: 88%; top: 52.3%; }
.qrp-ecosystem-node--4 { left: 73.5%; top: 86.15%; }
.qrp-ecosystem-node--5 { left: 18%; top: 82.3%; }
.qrp-products-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 0 24px; }
.qrp-products-toolbar .qrp-eyebrow { font-size: 0.75rem; letter-spacing: 1.4px; margin-bottom: 5px; }
.qrp-products-toolbar h2 { display: flex; align-items: center; gap: 10px; font-size: 1.4375rem; letter-spacing: -.6px; font-weight:600; }
.qrp-count { display: inline-flex; align-items: center; justify-content: center; min-width: 25px; height: 25px; padding: 0 7px; border: 1px solid #dfe4e7; border-radius: 7px; background: #fff; font-size: 0.875rem; color:var(--qrp-muted); letter-spacing: 0; }
.qrp-product-controls { display: flex; align-items: center; gap: 12px; }
.qrp-search { position: relative; width: 240px; }
.qrp-search > .qrp-icon { position: absolute; top:50%; left: 13px; width: 17px; height: 17px; color: #7b8894; transform:translateY(-50%); }
.qrp-search input { width: 100%; min-height: 44px; padding: 11px 12px 11px 39px; background: #fff; border: 1px solid var(--qrp-line); border-radius: 9px; color: var(--qrp-text); font-size:1rem; }
.qrp-view-switch { display: flex; padding: 4px; border: 1px solid var(--qrp-line); border-radius: 9px; background: #edf0f2; }
.qrp-view-switch button { display: grid; place-items: center; width: 35px; height: 34px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #81909b; }
.qrp-view-switch button[aria-pressed=true] { background: #fff; color: #31434f; box-shadow: 0 1px 4px #23354414; }
.qrp-view-switch button:hover { color: #31434f; }
.qrp-view-switch .qrp-icon { width: 17px; height: 17px; }
.qrp-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0; list-style: none; }
.qrp-product-grid > li { min-width: 0; }
.qrp-product { display: flex; height: 100%; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid #e0e5e8; border-radius: 18px; background: #fff; box-shadow: 0 3px 9px #1b354604; transition: transform .25s, box-shadow .25s, border-color .25s; }
a.qrp-product:hover { transform: translateY(-5px); border-color: var(--app-art); box-shadow: 0 18px 36px #22313e13; }
.qrp-product-visual { position: relative; height: clamp(160px, 13vw, 220px); overflow: hidden; background: var(--app-tint); color: var(--app-color); border-bottom: 1px solid #00000004; }
.qrp-product-visual-label { position: absolute; top: 17px; left: 22px; z-index: 1; display: flex; flex-direction: column; gap: 4px; font-size: 0.75rem; font-weight: 600; letter-spacing:.08em; opacity:1; color:var(--app-text); }
.qrp-product-visual-label > span { font-size: 0.75rem; letter-spacing: 1px; }
.qrp-product-art { display: block; width: 100%; height: 100%; overflow: visible; }
.qrp-art-halo { fill: var(--app-art); opacity: .3; }
.qrp-art-orbit { stroke: currentColor; stroke-width: .75; opacity: .23; }
.qrp-art-dashed { stroke-dasharray: 3 5; }
.qrp-art-shadow { fill: currentColor; opacity: .08; }
.qrp-art-side { fill: var(--app-art); stroke: currentColor; stroke-opacity: .2; }
.qrp-art-top, .qrp-art-paper { fill: #ffffffed; stroke: currentColor; stroke-opacity: .16; }
.qrp-art-glass { fill: var(--app-art); fill-opacity: .7; stroke: #fff; stroke-opacity: .85; }
.qrp-art-line { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .7; }
.qrp-art-fill { fill: currentColor; opacity: .65; }
.qrp-art-ink { fill: currentColor; opacity: .4; }
.qrp-art-muted { fill: currentColor; opacity: .18; }
.qrp-art-white { fill: #fff; }
.qrp-art-speck { fill: currentColor; opacity: .25; }
.qrp-art-object { transform-origin: 55% 55%; transition: transform .35s cubic-bezier(.2,.7,.3,1); }
a.qrp-product:hover .qrp-art-object { transform: translateY(-3px) rotate(-3deg); }
.qrp-product-indicator { position: absolute; right: 17px; bottom: 17px; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #ffffff99; border-radius: 50%; background: #ffffff70; color: var(--app-color); }
.qrp-product-indicator .qrp-icon { width: 15px; height: 15px; }
.qrp-product-body { display: flex; flex: 1; flex-direction: column; padding: 24px 24px 21px; }
.qrp-product-heading { display: flex; align-items:flex-start; gap: 13px; margin-bottom: 16px; }
.qrp-product-heading .qrp-product-icon { width: 42px; height: 42px; border-radius: 12px; border: 1px solid #00000004; }
.qrp-product-heading .qrp-icon { width: 21px; height: 21px; }
.qrp-product-category { color:var(--qrp-muted); font-size:.875rem; font-weight: 400; }
.qrp-product h3 { margin: 2px 0 0; font-size: 1.375rem; line-height: 1.3; font-weight: 600; letter-spacing: -.65px; }
.qrp-product-description { max-width: 440px; color: var(--qrp-muted); font-size:1rem; line-height:1.7; flex: 1; }
.qrp-product-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 24px; border-top: 1px solid #edf0f2; background: #fcfdfd; font-size:.9375rem; flex-wrap:wrap; }
.qrp-product-open { display: inline-flex; align-items: center; gap: 9px; font-weight:600; }
.qrp-product-open .qrp-icon { width: 15px; height: 15px; transition: transform .2s; }
a.qrp-product:hover .qrp-product-open .qrp-icon { transform: translateX(3px); }
.qrp-product--pending .qrp-product-visual { filter: saturate(.5); }
.qrp-product--pending .qrp-product-indicator { visibility: hidden; }
.qrp-product--pending .qrp-product-foot > span:last-child { color: var(--qrp-muted); }
.qrp-status { display: inline-flex; align-items: center; gap: 6px; color:#286448; font-size:.8125rem; font-weight: 500; }
.qrp-status > span { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.qrp-status--pending { color:#785c21; }
.qrp-status--inactive { color:#775858; }
.qrp-context-note { display: flex; align-items: flex-start; gap: 9px; margin: 23px 0; color: var(--qrp-muted); font-size: 0.875rem; }
.qrp-context-note .qrp-icon { width: 15px; height: 15px; margin-top: 2px; }
.qrp-products-empty { display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; padding: 40px 24px; border: 1px dashed #cbd3d9; border-radius: 14px; background: #fff; }
.qrp-products-empty > .qrp-icon { width: 32px; height: 32px; color: #80909a; margin-bottom: 6px; }
.qrp-products-empty h3 { font-size: 1.1875rem; font-weight:600; }
.qrp-products-empty p { color: var(--qrp-muted); font-size: 0.9375rem; }
.qrp-products-empty .qrp-button { margin-top: 8px; }
.qrp-account-prompt { position: relative; display: flex; align-items: center; gap: 24px; margin-top: 36px; padding: 26px 32px; overflow: hidden; border: 1px solid #e5e0d3; border-radius: 16px; background: linear-gradient(110deg, #f6f1e6, #fbfaf7 70%); }
.qrp-account-prompt .qrp-eyebrow { font-size: 0.75rem; color:#77602f; margin-bottom: 5px; }
.qrp-account-prompt h2 { font-size: 1.125rem; letter-spacing: -.4px; font-weight:600; }
.qrp-account-prompt p:not(.qrp-eyebrow) { margin-top: 5px; font-size: 0.9375rem; color: var(--qrp-muted); }
.qrp-account-prompt .qrp-text-link { margin-left: auto; padding: 11px 15px; border: 1px solid #dcd4c2; border-radius: 8px; font-size: 0.875rem; background: #ffffff80; }
.qrp-prompt-identity { position: relative; width: 62px; height: 62px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #ddd3b9; border-radius: 50%; background: #ffffff80; }
.qrp-prompt-identity .qrp-avatar { width: 46px; height: 46px; }
.qrp-prompt-identity > span:last-child { position: absolute; bottom: -3px; right: -4px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 3px solid #f7f3e9; background: #6a806d; color: #fff; }
.qrp-prompt-identity > span:last-child .qrp-icon { width: 11px; height: 11px; }
.qrp-product-grid--list { grid-template-columns: 1fr; gap: 12px; }
.qrp-product-grid--list .qrp-product { display: grid; grid-template-columns: 160px minmax(0, 1fr) auto; align-items: center; }
.qrp-product-grid--list .qrp-product-visual { height: 100%; min-height: 132px; border: 0; }
.qrp-product-grid--list .qrp-product-visual-label, .qrp-product-grid--list .qrp-product-indicator { display: none; }
.qrp-product-grid--list .qrp-product-art { width: 250px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-55%, -50%); height: 140px; }
.qrp-product-grid--list .qrp-product-body { padding: 22px 26px; }
.qrp-product-grid--list .qrp-product-heading { margin-bottom: 8px; }
.qrp-product-grid--list .qrp-product-heading > .qrp-product-icon { display: none; }
.qrp-product-grid--list .qrp-product-description { max-width: none; font-size:.9375rem; }
.qrp-product-grid--list .qrp-product-foot { flex-direction: column; align-items: flex-end; gap: 14px; padding: 20px 26px; border: 0; background: transparent; }
/* Account: full-width identity, focused details, shared subsection navigation. */
.qrp-account-tabs { display: flex; flex-wrap: wrap; gap: 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--qrp-line); }
.qrp-account-tabs a { display: flex; align-items: center; gap: 9px; padding: 14px 0; margin-bottom: -1px; border-bottom: 2px solid transparent; color: var(--qrp-muted); font-size: 0.9375rem; font-weight:600; flex-shrink:0; }
.qrp-account-tabs .qrp-icon { width: 17px; height: 17px; }
.qrp-account-tabs a[aria-current] { color: #28343c; border-bottom-color: #b88925; }
.qrp-account-tabs a:hover { color: #28343c; }
.qrp-profile-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; margin-bottom: 28px; }
.qrp-profile-toolbar .qrp-account-tabs { flex: 1 1 280px; min-width: 0; margin-bottom: 0; }
.qrp-profile-toolbar > .qrp-button { flex: 0 0 auto; }
.qrp-profile-banner { overflow: hidden; border: 1px solid #dce3e8; border-radius: 20px; background: #fff; margin-bottom: 28px; box-shadow: 0 6px 18px #20333e05; }
.qrp-profile-cover { position: relative; isolation: isolate; height: clamp(150px, 13vw, 210px); overflow: hidden; background: #203744; background-image: radial-gradient(ellipse at 90% -40%, #6d817d80, transparent 65%), linear-gradient(115deg, #172a36, #294653); color: #d4be8b; }
.qrp-edit-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qrp-profile-identity { position: relative; display: flex; align-items: center; gap: 25px; padding: 26px 34px 30px; }
.qrp-profile-avatar { position: relative; flex: 0 0 auto; align-self: flex-start; margin-top: -64px; }
.qrp-avatar--profile { width: 120px; height: 120px; border: 6px solid #fff; font-size: 2.1875rem; box-shadow: 0 5px 16px #243c4314; background: linear-gradient(135deg, #eee2bf, #faf5e6); }
.qrp-profile-name { min-width: 0; }
.qrp-profile-name h2 { font-size: 1.75rem; line-height: 1.3; font-weight:600; letter-spacing: -.8px; overflow-wrap: anywhere; }
.qrp-profile-name p { color: var(--qrp-muted); font-size: 0.9375rem; margin-top: 6px; overflow-wrap: anywhere; }
.qrp-profile-name p > span { padding: 0 4px; color: #aab2b7; }
.qrp-profile-name .qrp-profile-hint { font-size:.875rem; margin-top: 10px; }
.qrp-profile-stats { display: flex; margin-left: auto; gap: 23px; padding: 15px 20px; border: 1px solid #edf0f1; border-radius: 12px; background: #f8fafb; flex-wrap:wrap; }
.qrp-profile-stats > div + div { padding-left: 23px; border-left: 1px solid var(--qrp-line); }
.qrp-profile-stats dt { color: var(--qrp-muted); font-size:.875rem; margin-bottom: 6px; }
.qrp-profile-stats dd { font-size:.9375rem; white-space:normal; }
.qrp-profile-details { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.qrp-detail-panel { background: #fff; border: 1px solid var(--qrp-line); border-radius: 14px; overflow: hidden; }
.qrp-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 26px 28px; border-bottom: 1px solid #e9edef; }
.qrp-panel-heading h2 { font-size:1.25rem; letter-spacing: -.4px; font-weight:600; line-height:1.4; }
.qrp-panel-heading .qrp-eyebrow { font-size: 0.75rem; margin-bottom: 6px; }
.qrp-panel-heading > .qrp-icon { color: #89959e; width: 21px; height: 21px; }
.qrp-panel-heading p:not(.qrp-eyebrow) { color: var(--qrp-muted); font-size: 0.9375rem; margin-top: 6px; }
.qrp-info-grid { display: grid; grid-template-columns: 1fr 1fr; padding: 0 28px; column-gap: 32px; }
.qrp-info-grid > div { padding: 23px 0; border-bottom: 1px solid #edf0f2; min-width: 0; }
.qrp-info-grid dt { display: flex; align-items: center; gap: 6px; color:var(--qrp-muted); font-size:.875rem; margin-bottom: 8px; }
.qrp-info-grid dt .qrp-icon { width: 13px; height: 13px; }
.qrp-info-grid dd { color: #28343c; font-size:1rem; font-weight: 500; overflow-wrap: anywhere; }
.qrp-panel-note { display: flex; align-items: center; gap: 9px; padding: 18px 28px; color: var(--qrp-muted); font-size:.875rem; line-height:1.7; }
.qrp-panel-note .qrp-icon { width: 14px; height: 14px; }
.qrp-activity-list { list-style: none; padding: 0 28px; }
.qrp-activity-list li { display: flex; align-items: center; gap: 13px; padding: 19px 0; border-bottom: 1px solid #edf0f2; }
.qrp-activity-list li:last-child { border-bottom: 0; }
.qrp-activity-icon { display: grid; place-items: center; width: 33px; height: 33px; flex: 0 0 auto; border-radius: 10px; background: #f0f3f5; color: #77848e; }
.qrp-activity-icon .qrp-icon { width: 16px; height: 16px; }
.qrp-activity-list li > div { min-width: 0; }
.qrp-activity-list strong { display: block; font-size:.9375rem; font-weight:600; overflow-wrap: anywhere; }
.qrp-activity-list li > div > span { display: block; font-size: 0.8125rem; color: var(--qrp-muted); margin-top: 4px; overflow-wrap: anywhere; }
.qrp-activity-list time { margin-left: auto; font-size:.8125rem; text-align: right; white-space: nowrap; color: #5b6974; font-variant-numeric: tabular-nums; }
.qrp-activity-list time > span { display: block; color:var(--qrp-muted); font-size:.8125rem; margin-top: 4px; }
.qrp-activity-list .qrp-activity-empty { min-height: 200px; flex-direction: column; justify-content: center; color: var(--qrp-muted); font-size: 0.9375rem; text-align: center; }
.qrp-activity-empty > .qrp-icon { width: 30px; height: 30px; color: #9aa7af; }
.qrp-activity-icon--danger { background: #fcedea; color: #ac5341; }
.qrp-activity-icon--success { background: #e9f4ee; color: #44836a; }
/* Editing and native form controls */
.qrp-upload-control { position: absolute; z-index: 1; }
.qrp-upload-control input[type=file] { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; cursor: pointer; }
.qrp-upload-control:focus-within { outline: 3px solid #a97100; outline-offset: 4px; border-radius: 8px; }
.qrp-upload-label { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 8px 12px; border: 1px solid #dfe5e9; border-radius: 8px; background: #fffffff2; color: #394751; font-size: 0.875rem; cursor: pointer; box-shadow: 0 2px 6px #24333c08; }
.qrp-upload-label .qrp-icon { width: 16px; height: 16px; }
.qrp-upload-control--cover { right: 20px; bottom: 18px; }
.qrp-upload-control--avatar { right: 1px; bottom: 4px; }
.qrp-upload-control--avatar .qrp-upload-label { border-radius: 50%; padding: 0; width: 34px; height: 34px; }
.qrp-upload-feedback { margin: 0 32px 12px; color:#914a39; font-size: 0.9375rem; }
.qrp-upload-feedback:empty { display: none; }
.qrp-profile-banner > .identity-field-errors { padding: 0 32px 16px; }
.qrp-settings-section { display: grid; grid-template-columns: minmax(200px, .7fr) minmax(0, 1.65fr); gap: 6vw; padding: 32px; background: #fff; border: 1px solid var(--qrp-line); border-radius: 14px; }
.qrp-section-number { color:var(--qrp-muted); font-size: 0.75rem; letter-spacing: 1.5px; }
.qrp-section-intro h2 { margin-top: 16px; font-size: 1.4375rem; letter-spacing: -.6px; font-weight:600; }
.qrp-section-intro p { margin-top: 12px; color: var(--qrp-muted); font-size: 0.9375rem; max-width: 250px; }
.qrp-section-intro .qrp-intro-note { display: flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 0.8125rem; }
.qrp-intro-note .qrp-icon { width: 14px; height: 14px; }
.qrp-fields-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px 24px; }
.identity-field { display: flex; flex-direction: column; min-width: 0; }
.identity-field label, .qrp-field-label { display: block; margin-bottom: 9px; font-size:.9375rem; font-weight:600; }
.qrp-optional { margin-left: 4px; font-size: 0.75rem; color:var(--qrp-muted); font-weight: 400; }
.identity-input { width: 100%; min-height: 47px; padding: 12px 14px; border: 1px solid #dce2e6; border-radius: 8px; background: #fff; color: var(--qrp-text); font-size:1rem; transition: border-color .2s, box-shadow .2s; }
.identity-input::placeholder, .qrp-search input::placeholder { color: var(--qrp-muted); opacity: 1; }
.identity-input:hover { border-color: #aebcc6; }
.identity-input:focus { outline: none; border-color: #a77f27; box-shadow: 0 0 0 3px #e4b54d20; }
.identity-input[aria-invalid=true] { border-color: #b75e4d; background: #fffaf9; }
select.identity-input { appearance: auto; }
.identity-help-text { display: block; margin-top: 8px; color: var(--qrp-muted); font-size:.875rem; line-height: 1.7; }
.identity-field-errors { list-style: none; color: #ad493a; font-size: 0.875rem; padding: 0; margin: 7px 0 0; }
.qrp-readonly-field { min-height: 47px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #e7ebee; border-radius: 8px; color:var(--qrp-muted); background: #f4f6f7; font-size:1rem; overflow-wrap: anywhere; }
.qrp-readonly-field > span { min-width: 0; }
.qrp-readonly-field .qrp-icon { width: 15px; height: 15px; }
.qrp-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 21px 0 0; }
.qrp-form-actions > div { display: flex; gap: 10px; }
.qrp-save-note { color: var(--qrp-muted); font-size: 0.875rem; }
.qrp-save-note.is-dirty { color: #8c6418; }
.qrp-form-alert { padding: 16px 20px; border: 1px solid #e8beb5; border-radius: 10px; background: #fff5f2; color: #a84939; font-size: 0.9375rem; margin-bottom: 24px; }
.qrp-form-alert p { margin-top: 5px; }
.qrp-messages { list-style: none; padding: 0; margin: 24px 0 0; }
.qrp-message { display: flex; align-items: center; gap: 10px; border: 1px solid #d6e3dc; border-radius: 10px; padding: 16px 20px; background: #eef7f2; color: #367358; font-size: 0.9375rem; }
.qrp-message--error { background: #fff3ef; color: #9d4938; border-color: #ecd2c9; }
/* Personal identity and the two account information columns. */
.qrp-identity-art { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .37; }
.qrp-cover-wordmark { position: absolute; top: 29px; left: 34px; display: flex; align-items: center; gap: 12px; color: #f4ead6; }
.qrp-cover-wordmark > span:first-child { font-size: 1.0625rem; font-weight: 650; letter-spacing: -1px; }
.qrp-cover-wordmark > span:last-child { border-left: 1px solid #ffffff30; padding-left: 12px; font-size: 0.75rem; letter-spacing: 2.6px; }
.qrp-cover-caption { position: absolute; right: 38px; bottom: 35px; text-align: right; color: #f1e6cc; }
.qrp-cover-caption > span { display: block; font-size: 0.75rem; letter-spacing: 2px; color: #bdcbc9; margin-bottom: 6px; }
.qrp-cover-caption strong { font-size: 1.3125rem; letter-spacing: -.6px; font-weight: 400; }
.qrp-profile-banner--custom .qrp-cover-wordmark { padding: 7px 13px; top: 23px; left: 27px; border: 1px solid #ffffff30; border-radius: 7px; background: #102832a6; backdrop-filter: blur(8px); }
.qrp-profile-banner--custom .qrp-cover-caption { text-shadow: 0 1px 12px #000; padding: 12px 16px; right: 22px; bottom: 22px; border-radius: 10px; background: #102832a6; backdrop-filter: blur(8px); }
.qrp-profile-page--editing .qrp-cover-caption { display: none; }
.qrp-profile-kicker { display: block; font-size: 0.75rem; color:#77602f; letter-spacing: 1.7px; margin-bottom: 6px; }
.qrp-profile-maincolumn, .qrp-profile-sidecolumn { display: grid; gap: 24px; min-width: 0; }
.qrp-panel-title { display: flex; align-items: center; gap: 13px; min-width:0; }
.qrp-panel-symbol { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; background: #f5f0e5; color: #a18444; border: 1px solid #ede5d2; border-radius: 12px; }
.qrp-panel-symbol .qrp-icon { width: 20px; height: 20px; }
.qrp-panel-symbol--activity { background: #ecf3f1; color: #6b8f84; border-color: #e1ece8; }
.qrp-panel-title .qrp-eyebrow { font-size: 0.75rem; letter-spacing: 1.3px; margin-bottom: 4px; }
.qrp-panel-edit { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e6ebee; border-radius: 9px; color: #7b8993; transition: background .2s; }
.qrp-panel-edit .qrp-icon { width: 16px; height: 16px; }
.qrp-panel-edit:hover { background: #f6f0e4; color: #89703e; }
.qrp-personal-panel .qrp-panel-note { background: #fbfcfc; margin-top: -1px; border-top: 1px solid #edf0f2; padding-block: 17px; font-size:.875rem; }
.qrp-security-callout { position: relative; isolation: isolate; display: flex; align-items: center; gap: 20px; padding: 27px 28px; overflow: hidden; border: 1px solid #27414d; border-radius: 15px; color: #fff; background: #213945; transition: background .2s; }
.qrp-security-callout::before { content: ''; position: absolute; z-index: -1; right: -80px; bottom: -140px; width: 290px; height: 290px; border: 1px solid #cdd9cc12; border-radius: 50%; box-shadow: 0 0 0 24px #cdd9cc04, 0 0 0 48px #cdd9cc03; }
.qrp-security-callout:hover { background: #2b4754; }
.qrp-security-callout-icon { display: grid; place-items: center; width: 53px; height: 59px; flex: 0 0 auto; border: 1px solid #ffffff20; border-radius: 15px; background: linear-gradient(135deg, #ffffff15, #ffffff04); color: #dec48a; transform: rotate(-6deg); }
.qrp-security-callout-icon .qrp-icon { width: 27px; height: 27px; }
.qrp-security-callout .qrp-eyebrow { color: #a9bdc4; font-size: 0.75rem; letter-spacing: 1.5px; }
.qrp-security-callout h2 { font-size:1.25rem; font-weight: 500; letter-spacing: -.5px; margin: 6px 0; }
.qrp-security-callout p:last-child { color:#d3dfe5; font-size:.9375rem; }
.qrp-callout-arrow { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border: 1px solid #ffffff2b; border-radius: 50%; margin-left: auto; color: #d9d4bc; }
.qrp-callout-arrow .qrp-icon { width: 16px; height: 16px; }
.qrp-connected-panel { overflow: hidden; border: 1px solid #e0e6e9; border-radius: 14px; background: linear-gradient(135deg, #f0f4f5, #fff 85%); }
.qrp-connected-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 24px 26px 0; }
.qrp-connected-heading .qrp-eyebrow { font-size: 0.75rem; letter-spacing: 1.4px; }
.qrp-connected-heading h2 { margin-top: 5px; font-size:1.25rem; font-weight:600; letter-spacing: -.4px; }
.qrp-connected-products { display: grid; grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); gap: 7px; list-style: none; padding: 22px 20px 25px; }
.qrp-connected-products li > a, .qrp-connected-pending { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 4px; font-size: 0.75rem; font-weight: 500; text-align: center; border-radius: 10px; }
.qrp-connected-products a:hover .qrp-product-icon { transform: translateY(-3px); box-shadow: 0 6px 12px #183d4c12; }
.qrp-connected-products .qrp-product-icon { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #ffffff; box-shadow: 0 2px 5px #183d4c08; transition: transform .2s, box-shadow .2s; }
.qrp-connected-products .qrp-icon { width: 20px; height: 20px; }
.qrp-connected-pending { opacity:1; color:var(--qrp-muted); }
.qrp-connected-empty { padding: 20px 26px; color: var(--qrp-muted); font-size: 0.875rem; }
.qrp-connected-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 26px; border-top: 1px solid #e6ecef; color:var(--qrp-muted); font-size: 0.8125rem; font-weight: 500; }
.qrp-connected-footer:hover { background: #f0f4f5; }
.qrp-connected-footer .qrp-icon { width: 15px; height: 15px; }
.qrp-timeline-panel .qrp-panel-heading { border-bottom: 0; padding-bottom: 12px; }
.qrp-timeline li { position: relative; padding: 16px 0; border: 0; }
.qrp-timeline li:not(:last-child)::after { content: ''; position: absolute; top: 49px; left: 16px; bottom: -16px; width: 1px; background: #e9eef0; }
.qrp-timeline .qrp-activity-icon { position: relative; z-index: 1; border: 3px solid #fff; box-shadow: 0 0 0 1px #edf1f2; border-radius: 50%; }
.qrp-timeline strong { font-size:.9375rem; }
.qrp-timeline-panel .qrp-panel-note { border-top: 1px solid #edf1f2; margin-top: 7px; }
.qrp-profile-page--editing .qrp-settings-section { position: relative; overflow: hidden; }
.qrp-profile-page--editing .qrp-section-intro { padding: 8px 20px 20px 0; }
.qrp-profile-page--editing .qrp-section-number { color: #a28549; }
.qrp-profile-page--editing .qrp-section-intro h2 { font-size: 1.75rem; }
.qrp-profile-page--editing .qrp-section-intro::after { content: ''; display: block; width: 42px; height: 3px; border-radius: 2px; background: #dec68e; margin-top: 25px; }

/* Security */
.qrp-security-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 28px; }
.qrp-security-metric { display: flex; align-items: flex-start; gap: 16px; padding: 26px; background: #fff; border: 1px solid var(--qrp-line); border-radius: 12px; min-width:0; }
.qrp-metric-icon { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: #edf2f4; color: #64808e; }
.qrp-metric-icon .qrp-icon { width: 18px; height: 18px; }
.qrp-security-metric h2 { color: var(--qrp-muted); font-size: 0.875rem; font-weight: 400; }
.qrp-security-metric strong { display: block; margin: 9px 0; font-size: clamp(16px, 1.4vw, 22px); font-weight:600; letter-spacing: -.5px; overflow-wrap:anywhere; }
.qrp-security-metric strong > span { color:var(--qrp-muted); font-size: 0.875rem; font-weight: 400; letter-spacing: 0; }
.qrp-security-metric p { font-size: 0.8125rem; color: var(--qrp-muted); }
.qrp-security-metric--warning .qrp-metric-icon { background: #fff2de; color: #a97823; }
.qrp-security-content { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr); gap: 28px; align-items: start; }
.qrp-activity-list--security li { padding-block: 22px; }
.qrp-activity-list--security strong { font-size: 0.9375rem; }
.qrp-security-guide { background: #eaf0f2; border: 1px solid #dee6e9; border-radius: 14px; padding: 32px; }
.qrp-guide-icon { display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid #ccdadd; border-radius: 14px; background: #ffffff70; color: #4f6b78; margin-bottom: 26px; }
.qrp-guide-icon .qrp-icon { width: 23px; height: 23px; }
.qrp-security-guide .qrp-eyebrow, .qrp-password-guide .qrp-eyebrow { font-size: 0.75rem; }
.qrp-security-guide h2, .qrp-password-guide h2 { margin-top: 13px; font-size: 1.5625rem; letter-spacing: -.7px; font-weight: 500; line-height: 1.3; }
.qrp-tips { list-style: none; padding: 12px 0 0; }
.qrp-tips li { display: flex; align-items: flex-start; gap: 15px; padding-top: 22px; }
.qrp-tips li > span { color:var(--qrp-muted); font-size: 0.8125rem; padding-top: 3px; }
.qrp-tips strong { font-size: 0.9375rem; font-weight:600; }
.qrp-tips p { margin-top: 6px; color:var(--qrp-muted); font-size: 0.875rem; line-height: 1.8; }
.qrp-back-link { display: inline-flex; align-items: center; gap: 9px; padding-top: 28px; color: var(--qrp-muted); font-size: 0.875rem; }
.qrp-back-link .qrp-icon { width: 16px; height: 16px; }
.qrp-back-link + .qrp-page-heading { padding-top: 25px; }
.qrp-password-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 6vw; align-items: start; padding-bottom: 20px; }
.qrp-password-panel { background: #fff; border: 1px solid var(--qrp-line); border-radius: 14px; overflow: hidden; }
.qrp-password-panel > .qrp-form-alert { margin: 24px 30px 0; }
.qrp-password-form { display: grid; gap: 25px; padding: 30px; }
.identity-control--password { position: relative; }
.identity-control--password > .qrp-icon { position: absolute; top: 15px; left: 14px; width: 17px; height: 17px; color: #94a0a9; }
.identity-control--password .identity-input { padding-inline: 42px 48px; }
.identity-password-toggle { position: absolute; top: 5px; right: 6px; display: grid; place-items: center; width: 37px; height: 37px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #7d8992; }
.identity-password-toggle:hover { background: #f0f3f5; }
.identity-password-toggle svg { width: 19px; height: 19px; }
.identity-eye-off, .is-visible .identity-eye-on { display: none; }
.is-visible .identity-eye-off { display: block; }
.qrp-password-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.qrp-password-guide { padding: 36px 0; }
.qrp-password-guide h2 { font-size: 2rem; margin-bottom: 20px; }
.qrp-password-guide > p:not(.qrp-eyebrow) { font-size: 0.9375rem; color: var(--qrp-muted); }
.qrp-password-rules ul { list-style: none; padding: 20px 0 0; }
.qrp-password-rules li { position: relative; padding: 12px 0 12px 24px; color:var(--qrp-muted); font-size: 0.9375rem; border-bottom: 1px solid var(--qrp-line); }
.qrp-password-rules li::before { position: absolute; left: 0; top: 20px; content: ""; width: 5px; height: 5px; background: #ab882f; border-radius: 50%; }
@media (min-width: 1800px) {
    .qrp-product-body { padding: 28px 30px; }
    .qrp-product-description { font-size:1rem; line-height:1.7; }
    .qrp-launch { padding: 24px; }
    .qrp-profile-details { grid-template-columns: 1.65fr 1fr; }
}
@media (max-width: 1150px) {
    .qrp-workspace-intro { padding-inline: 30px; }
    .qrp-ecosystem { margin-right: -15px; flex-basis: 340px; width: 340px; height: 221px; }
    .qrp-ecosystem-core { width: 80px; height: 84px; border-radius: 22px; }
    .qrp-ecosystem-core img { width: 52px; }
    .qrp-ecosystem-node { padding: 7px 10px 7px 7px; gap: 7px; }
    .qrp-ecosystem-node > span:last-child { font-size: 0.75rem; }
    .qrp-product-grid { gap: 18px; }
    .qrp-product-body { padding: 21px 20px; }
    .qrp-product-foot { padding: 15px 20px; font-size:.9375rem; flex-wrap:wrap; }
    .qrp-security-callout { gap: 15px; padding: 25px 23px; }
    .qrp-security-callout h2 { font-size:1.25rem; }
    .qrp-connected-products { gap: 4px; padding-inline: 16px; grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); }
    .qrp-profile-maincolumn, .qrp-profile-sidecolumn { gap: 20px; }
    .qrp-topbar { gap: 12px; }
    .qrp-navigation a { padding-inline: 14px; font-size:.9375rem; }
    .qrp-menu-name { display: none; }
    .qrp-launch-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
    .qrp-profile-identity { flex-wrap: wrap; gap: 18px; }
    .qrp-profile-stats { width: 100%; margin: 0; padding: 18px 20px; gap: 30px; flex-wrap:wrap; }
    .qrp-profile-stats > div + div { padding-left: 30px; }
    .qrp-security-metric { padding: 22px 18px; gap: 12px; min-width:0; }
    .qrp-security-content { grid-template-columns: minmax(0, 1.4fr) minmax(270px, 1fr); gap: 20px; }
    .qrp-security-guide { padding: 26px; }
    .qrp-settings-section { gap: 32px; }
    .qrp-profile-details { gap: 20px; }
    .qrp-welcome-copy { width: 65%; }
}
@media (max-width: 800px) {
    .qrp-workspace-intro { min-height: 285px; margin-top: 22px; margin-bottom: 30px; }
    .qrp-workspace-copy h1 { font-size: 2rem; }
    .qrp-ecosystem { flex-basis: 270px; width: 270px; height: 175.5px; margin-right: -16px; }
    .qrp-ecosystem-node > span:last-child { display: none; }
    .qrp-ecosystem-node { padding: 7px; }
    .qrp-ecosystem-core { width: 72px; height: 78px; }
    .qrp-ecosystem-ring--inner { width: 180px; height: 180px; }
    .qrp-ecosystem-ring--outer { width: 270px; height: 270px; }
    .qrp-products-toolbar h2 { font-size: 1.3125rem; }
    .qrp-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qrp-product-grid--list { grid-template-columns: 1fr; }
    .qrp-product-grid--list .qrp-product { grid-template-columns: 125px minmax(0, 1fr) auto; }
    .qrp-product-grid--list .qrp-product-body { padding: 20px; }
    .qrp-product-grid--list .qrp-product-foot { padding-inline: 16px; }
    .qrp-product-visual { height: 175px; }
    .qrp-connected-products { grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); justify-content: start; }
    .qrp-cover-caption strong { font-size: 1.1875rem; }
    .qrp-profile-sidecolumn { grid-template-columns: 1fr 1.3fr; align-items: start; }
    .qrp-profile-sidecolumn .qrp-connected-products { grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); }
    .qrp-profile-sidecolumn .qrp-panel-title { gap: 10px; }
    .qrp-profile-sidecolumn .qrp-panel-heading { padding-inline: 20px; }
    .qrp-profile-sidecolumn .qrp-panel-heading h2 { font-size:1.25rem; }
    .qrp-profile-sidecolumn .qrp-eyebrow { font-size: 0.75rem; }
    .qrp-topbar { min-height: 76px; grid-template-columns: auto 1fr auto; gap: 14px; }
    .qrp-brand { gap: 10px; font-size: 1.125rem; }
    .qrp-brand img { width: 61px; height: 34px; }
    .qrp-navigation { justify-content: center; gap: 0; }
    .qrp-navigation a { font-size:.9375rem; padding-inline: 11px; }
    .qrp-signin { min-height: 38px; padding: 8px 12px; font-size: 0.875rem; }
    .qrp-signin .qrp-icon { display: none; }
    .qrp-page-heading { padding-top: 36px; }
    .qrp-page-heading h1 { letter-spacing: -1.1px; }
    .qrp-heading-symbol { width: 60px; height: 60px; border-radius: 17px; }
    .qrp-heading-symbol .qrp-icon { width: 28px; height: 28px; }
    .qrp-welcome { min-height: 450px; }
    .qrp-welcome::before { inset-inline-start: 5%; }
    .qrp-welcome::after { background: linear-gradient(90deg, #152531f5 0%, #152531ba 35%, #15253140 75%), linear-gradient(0deg, #15253180, transparent 80%); }
    .qrp-welcome-copy { width: 80%; }
    .qrp-welcome h1 { font-size: 3.1875rem; }
    .qrp-welcome-caption { margin-top: 30px; font-size:.8125rem; }
    .qrp-welcome-signature { display: none; }
    .qrp-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qrp-launch-grid > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .qrp-section-heading h2 { font-size: 1.375rem; }
    .qrp-profile-details { grid-template-columns: 1fr; }
    .qrp-security-overview { grid-template-columns: 1fr; gap: 10px; }
    .qrp-security-metric { padding: 20px; min-width:0; }
    .qrp-security-metric > div { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; align-items: center; min-width:0; }
    .qrp-security-metric strong { margin: 0; text-align: right; font-size: 1.0625rem; overflow-wrap:anywhere; }
    .qrp-security-metric p { grid-column: 1 / -1; margin-top: 7px; }
    .qrp-security-content { grid-template-columns: 1fr; }
    .qrp-security-guide h2 br { display: none; }
    .qrp-security-guide .qrp-guide-icon { float: right; }
    .qrp-password-layout { gap: 30px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
    .qrp-password-form { padding: 24px; }
    .qrp-settings-section { grid-template-columns: 1fr; padding: 26px; }
    .qrp-section-intro p { max-width: none; }
    .qrp-section-intro .qrp-intro-note { display: none; }
    .qrp-account-prompt { margin-top: 30px; padding: 22px; flex-wrap: wrap; }
    .qrp-account-prompt .qrp-text-link { font-size: 0.875rem; }
}
/* Give the larger navigation labels their own row on narrow tablets. */
@media (min-width: 601px) and (max-width: 760px) {
    .qrp-topbar { grid-template-columns: 1fr auto; row-gap: 0; padding-top: 12px; }
    .qrp-topbar-end { grid-column: 2; grid-row: 1; }
    .qrp-navigation { grid-column: 1 / -1; grid-row: 2; padding: 10px 0; }
    .qrp-navigation a { flex: 1; text-align: center; }
    html { scroll-padding-top: 145px; }
}
@media (max-width: 600px) {
    .qrp-workspace-intro { min-height: 0; padding: 27px 24px; margin: 18px 0 28px; border-radius: 17px; }
    .qrp-workspace-copy { width: 100%; position: relative; z-index: 2; }
    .qrp-workspace-copy h1 { font-size: clamp(30px, 8vw, 42px); letter-spacing: -1.2px; }
    .qrp-workspace-copy > .qrp-eyebrow { font-size: 0.75rem; letter-spacing: 1.3px; }
    .qrp-workspace-copy > p:not(.qrp-eyebrow) { font-size:1rem; color:#d3dfe5; }
    .qrp-workspace-meta { gap: 16px; margin-top: 22px; flex-wrap:wrap; row-gap:12px; }
    .qrp-workspace-meta > span + span { padding-left:0; border-left:0; }
    .qrp-workspace-meta > span { font-size:.875rem; }
    .qrp-ecosystem { position: absolute; right: -115px; top: 48px; opacity: .13; pointer-events: none; }
    .qrp-ecosystem-node { visibility: hidden; }
    .qrp-product-controls { width: 100%; gap: 10px; }
    .qrp-products-toolbar { flex-wrap: wrap; gap: 17px; padding-bottom: 20px; }
    .qrp-products-toolbar > div:first-child { width: 100%; }
    .qrp-products-toolbar .qrp-eyebrow { font-size: 0.75rem; }
    .qrp-product-controls .qrp-search { flex: 1; width: auto; }
    .qrp-product-controls .qrp-search input { font-size: 1rem; }
    .qrp-product-visual { height: 185px; }
    .qrp-product-body { padding: 22px; }
    .qrp-product-foot { padding: 15px 22px; font-size:.9375rem; flex-wrap:wrap; }
    .qrp-product-grid--list .qrp-product { grid-template-columns: 1fr; }
    .qrp-product-grid--list .qrp-product-visual { display: none; }
    .qrp-product-grid--list .qrp-product-body { padding: 18px; }
    .qrp-product-grid--list .qrp-product-description { font-size:.9375rem; }
    .qrp-product-grid--list .qrp-product-foot { flex-direction: row; align-items: center; gap: 14px; padding: 0 18px 18px; max-width: none; font-size: .875rem; }
    .qrp-product-grid--list .qrp-product-open { gap: 5px; }
    .qrp-product-grid--list .qrp-status { font-size:.8125rem; }
    .qrp-prompt-identity { width: 48px; height: 48px; }
    .qrp-prompt-identity .qrp-avatar { width: 36px; height: 36px; }
    .qrp-account-prompt .qrp-eyebrow { font-size: 0.75rem; }
    .qrp-profile-sidecolumn { grid-template-columns: 1fr; }
    .qrp-profile-sidecolumn .qrp-connected-products { grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); }
    .qrp-cover-wordmark { top: 20px; left: 22px; }
    .qrp-cover-wordmark > span:first-child { font-size: 1rem; }
    .qrp-cover-wordmark > span:last-child { font-size: 0.75rem; }
    .qrp-cover-caption { bottom: 24px; right: 22px; }
    .qrp-cover-caption > span { font-size: 0.75rem; }
    .qrp-cover-caption strong { font-size: 1rem; letter-spacing: -.3px; }
    .qrp-profile-banner--custom .qrp-cover-caption { display: none; }
    .qrp-profile-banner--custom .qrp-cover-wordmark { left: 17px; top: 15px; }
    .qrp-profile-kicker { margin-top: 0; font-size: 0.75rem; }
    .qrp-panel-symbol { width: 36px; height: 36px; border-radius: 10px; }
    .qrp-panel-title { gap: 11px; min-width:0; }
    .qrp-panel-title .qrp-eyebrow { font-size: 0.75rem; }
    .qrp-security-callout { padding: 22px; gap: 15px; }
    .qrp-security-callout-icon { width: 42px; height: 48px; border-radius: 12px; }
    .qrp-security-callout-icon .qrp-icon { width: 23px; height: 23px; }
    .qrp-security-callout h2 { font-size:1.25rem; }
    .qrp-security-callout p:last-child { font-size:.9375rem; color:#d3dfe5; }
    .qrp-security-callout .qrp-eyebrow { font-size: 0.75rem; }
    .qrp-callout-arrow { display: none; }
    .qrp-personal-panel .qrp-panel-note { font-size:.875rem; }
    .qrp-profile-page--editing .qrp-section-intro h2 { font-size: 1.5rem; }
    .qrp-profile-page--editing .qrp-section-intro { padding: 0; }
    .qrp-profile-page--editing .qrp-section-intro::after { margin-top: 18px; }
    :root { --qrp-gutter: 20px; }
    html { scroll-padding-top: 130px; }
    .qrp-topbar { grid-template-columns: 1fr auto; row-gap: 0; padding-top: 12px; min-height: 112px; }
    .qrp-topbar-end { grid-column: 2; grid-row: 1; }
    .qrp-navigation { grid-row: 2; grid-column: 1 / -1; justify-content: space-between; padding: 10px 0; }
    .qrp-navigation a { flex: 1; min-width: 0; text-align: center; padding: 8px 4px; font-size:.9375rem; white-space: normal; }
    .qrp-account-menu summary { min-height: 38px; }
    .qrp-avatar--sm { width: 33px; height: 33px; font-size: 0.875rem; }
    .qrp-menu-panel { top: calc(100% + 12px); max-height: calc(100dvh - 84px); }
    .qrp-main { padding-bottom: 32px; }
    .qrp-footer { flex-direction: column; gap: 4px; font-size: 0.8125rem; padding: 19px 0; }
    .qrp-footer > span:last-child { font-size: 0.75rem; color:var(--qrp-muted); }
    .qrp-home .qrp-main { padding-top: 16px; }
    .qrp-welcome { min-height: 540px; align-items: flex-end; border-radius: 14px; }
    .qrp-welcome::before { inset: 0; background-position: 39% top; background-size: auto 68%; }
    .qrp-welcome::after { background: linear-gradient(0deg, #152531 0%, #152531 32%, #152531d9 45%, #15253126 78%, transparent 100%); }
    .qrp-welcome-copy { padding: 170px 25px 28px; width: 100%; }
    .qrp-eyebrow--light { font-size: 0.75rem; letter-spacing: 1.5px; }
    .qrp-welcome h1 { margin: 17px 0 16px; font-size: clamp(39px, 10.5vw, 56px); }
    .qrp-welcome-description { font-size:clamp(1rem,1.1vw,1.125rem); }
    .qrp-welcome-actions { margin-top: 24px; gap: 17px; flex-wrap: wrap; }
    .qrp-welcome-actions .qrp-button { padding: 12px 16px; font-size: 0.9375rem; }
    .qrp-welcome-link { font-size: 0.875rem; }
    .qrp-welcome-caption { font-size:.8125rem; margin-top: 24px; gap: 7px; }
    .qrp-home-workspace { padding-top: 28px; }
    .qrp-section-heading { align-items: start; gap: 14px; flex-wrap:wrap; }
    .qrp-section-heading h2 { font-size: 1.3125rem; }
    .qrp-section-heading .qrp-eyebrow { font-size: 0.75rem; letter-spacing: 1.1px; }
    .qrp-section-heading > .qrp-text-link { font-size: 0.8125rem; white-space: nowrap; margin-top: 24px; gap: 5px; }
    .qrp-section-heading > p { display: none; }
    .qrp-launch-grid { gap: 10px; }
    .qrp-launch { flex-wrap: wrap; align-items: flex-start; gap: 12px; padding: 16px; min-height: 123px; }
    .qrp-launch .qrp-product-icon { width: 37px; height: 37px; border-radius: 10px; }
    .qrp-launch .qrp-product-icon .qrp-icon { width: 20px; height: 20px; }
    .qrp-launch-copy { width: 100%; }
    .qrp-launch-copy > strong { font-size: 1rem; }
    .qrp-launch-copy > span { font-size: 0.75rem; }
    .qrp-launch-arrow { position: absolute; right: 15px; top: 22px; }
    .qrp-launch-grid > li { position: relative; }
    .qrp-launch-grid > li:last-child:nth-child(odd) .qrp-launch { min-height: 80px; flex-wrap: nowrap; align-items: center; }
    .qrp-launch-grid > li:last-child:nth-child(odd) .qrp-launch-copy { width: auto; }
    .qrp-launch-grid > li:last-child:nth-child(odd) .qrp-launch-arrow { position: static; }
    .qrp-home-shortcuts { grid-template-columns: 1fr; }
    .qrp-shortcut, .qrp-shortcut + .qrp-shortcut { padding: 22px 0; border-left: 0; }
    .qrp-shortcut + .qrp-shortcut { border-top: 1px solid var(--qrp-line); }
    .qrp-shortcut h2 { font-size: 0.9375rem; }
    .qrp-shortcut p { font-size: 0.875rem; }
    .qrp-shortcut-action { font-size: 0.8125rem; }
    .qrp-page-heading { padding: 30px 0; align-items: start; flex-wrap: wrap; gap: 20px; }
    .qrp-page-heading h1 { font-size: 1.9375rem; }
    .qrp-page-heading > div > p:last-child { font-size: 0.9375rem; line-height: 1.8; }
    .qrp-page-heading .qrp-button { min-height: 40px; font-size: 0.875rem; padding: 9px 14px; }
    .qrp-heading-symbol { display: none; }
    .qrp-mobile-break { display: block; }
    .qrp-products-toolbar { gap: 14px; }
    .qrp-products-toolbar h2 { font-size: 1rem; white-space: nowrap; }
    .qrp-search { width: 170px; }
    .qrp-search input { font-size:1rem; }
    .qrp-product-grid { grid-template-columns: 1fr; gap: 14px; }
    .qrp-product { padding: 0; }
    .qrp-product-head { margin-bottom: 20px; }
    .qrp-product-description { padding-bottom: 0; font-size:1rem; line-height:1.7; }
    .qrp-product h3 { font-size: 1.375rem; }
    .qrp-account-prompt { display: grid; grid-template-columns: auto 1fr; padding: 20px; gap: 16px; }
    .qrp-account-prompt .qrp-text-link { margin-left: 0; grid-column: 2; }
    .qrp-account-prompt h2 { font-size: 1rem; }
    .qrp-account-prompt p { font-size: 0.875rem; }
    .qrp-account-tabs { column-gap: 28px; margin-bottom: 22px; }
    .qrp-account-tabs a { font-size: 0.875rem; flex-shrink:0; }
    .qrp-profile-toolbar { gap: 16px; margin-bottom: 22px; }
    .qrp-profile-toolbar .qrp-account-tabs { flex-basis: 100%; column-gap: 20px; }
    .qrp-profile-toolbar > .qrp-button { width: 100%; }
    .qrp-profile-cover { height: 142px; }
    .qrp-profile-identity { padding: 18px 20px 22px; gap: 17px; }
    .qrp-profile-avatar { margin-top: -49px; }
    .qrp-avatar--profile { width: 86px; height: 86px; font-size: 1.6875rem; border-width: 4px; }
    .qrp-profile-name { width: 100%; }
    .qrp-profile-name h2 { font-size: 1.4375rem; }
    .qrp-profile-stats { display: grid; grid-template-columns: 1fr 1fr; row-gap: 18px; column-gap: 12px; padding: 16px; flex-wrap:wrap; }
    .qrp-profile-stats > div + div { padding: 0; border-left: 0; }
    .qrp-profile-stats > div:last-child { grid-column: 1 / -1; }
    .qrp-profile-stats dd { font-size:.9375rem; white-space:normal; }
    .qrp-panel-heading { padding: 22px; }
    .qrp-panel-heading h2 { font-size:1.25rem; line-height:1.4; }
    .qrp-info-grid { padding-inline: 22px; gap: 0 16px; }
    .qrp-info-grid > div { padding: 17px 0; }
    .qrp-info-grid dd { font-size:1rem; }
    .qrp-info-grid dt { font-size:.875rem; }
    .qrp-panel-note { padding-inline: 22px; font-size:.875rem; line-height:1.7; }
    .qrp-activity-list { padding-inline: 20px; }
    .qrp-activity-list li { gap: 10px; }
    .qrp-activity-list strong { font-size:.9375rem; }
    .qrp-activity-list time { font-size:.8125rem; }
    .qrp-upload-control--cover { bottom: 16px; right: 15px; }
    .qrp-upload-label { font-size: 0.8125rem; padding: 7px 10px; }
    .qrp-settings-section { padding: 22px; gap: 28px; }
    .qrp-section-intro h2 { font-size: 1.375rem; }
    .qrp-fields-grid { grid-template-columns: 1fr; gap: 22px; }
    .identity-input { font-size:1rem; }
    .qrp-form-actions { align-items: stretch; flex-direction: column; gap: 15px; }
    .qrp-form-actions > div { justify-content: flex-end; }
    .qrp-form-actions .qrp-button { font-size: 0.875rem; padding: 11px 15px; }
    .qrp-security-metric > div { display: block; min-width:0; }
    .qrp-security-metric strong { text-align: left; margin-top: 6px; font-size: 1.1875rem; overflow-wrap:anywhere; }
    .qrp-security-guide { padding: 25px; }
    .qrp-security-guide h2 { font-size: 1.4375rem; }
    .qrp-security-guide .qrp-guide-icon { float: none; margin-bottom: 20px; }
    .qrp-password-layout { grid-template-columns: 1fr; gap: 10px; }
    .qrp-password-guide { padding: 26px 4px 0; }
    .qrp-password-guide h2 { font-size: 1.6875rem; }
    .qrp-password-guide h2 br { display: none; }
    .qrp-password-form { padding: 22px; }
    .qrp-password-actions .qrp-button { font-size: 0.875rem; padding-inline: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; animation: none !important; }
}