/* QA Assessor Platform styles */
.qap-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:8px 0 24px}
.qap-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px;text-decoration:none;color:#172033;box-shadow:0 2px 10px #F0F2F5;transition:box-shadow .2s,transform .2s}
.qap-card:hover{box-shadow:0 8px 24px #E4E7EC;transform:translateY(-2px)}
.qap-card-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--qa-blue);margin-bottom:6px}
.qap-card strong{display:block;font-size:1.25rem;margin-bottom:4px}
.qap-card span:last-child{font-size:.85rem;color:#64748b}
.qap-quick{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.qap-btn{display:inline-block;background:var(--qa-blue);color:#fff!important;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none!important;border:2px solid var(--qa-blue);cursor:pointer;font-size:.95rem;line-height:1.2}
.qap-btn:hover{background:var(--qa-blue-dark);border-color:var(--qa-blue-dark)}
.qap-btn-outline{background:transparent;color:var(--qa-blue)!important}
.qap-btn-outline:hover{background:#E7F0FE}
.qap-btn-small{padding:8px 14px;font-size:.85rem}
.qap-btn-muted{background:#94a3b8;border-color:#94a3b8}
.qap-price{opacity:.85;font-weight:600;margin-left:6px}
.qap-tbc{color:#b45309;font-weight:600}
.qap-table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:.92rem}
.qap-table th{background:#f1f5f9;text-align:left;padding:10px 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#475569}
.qap-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;vertical-align:top}
.qap-status{display:inline-block;padding:3px 10px;border-radius:50px;font-size:.75rem;font-weight:700;background:#e2e8f0;color:#334155}
.qap-status-active{background:#d1fae5;color:#065f46}
.qap-status-expired,.qap-status-withdrawn,.qap-status-failed,.qap-status-cancelled{background:#fee2e2;color:#991b1b}
.qap-status-suspended{background:#fef3c7;color:#92400e}
.qap-status-applied,.qap-status-eligible,.qap-status-exam{background:#dbeafe;color:#1e40af}
.qap-note{font-size:.85rem;color:#64748b;line-height:1.6}
.qap-link{color:var(--qa-blue);font-weight:600;text-decoration:none}
.qap-danger{color:#b91c1c}
.qap-form label{font-weight:600;font-size:.88rem}
.qap-form input[type=text],.qap-form input[type=date],.qap-form input[type=number],.qap-form input[type=email],.qap-form input[type=tel],.qap-form select,.qap-form textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;box-sizing:border-box;margin-top:4px;font-weight:400}
.qap-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qap-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 18px;margin:12px 0 20px}
.qap-details summary{cursor:pointer;font-weight:700;color:var(--qa-blue)}
.qap-cpd-summary{background:#E7F0FE;border:1px solid #BFD8F7;border-radius:8px;padding:14px 18px;margin-bottom:12px}
.qap-member-card{max-width:420px;background:linear-gradient(135deg,#173B5F,var(--qa-blue));color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 8px 24px rgba(0,0,0,.18);margin:8px 0 16px}
.qap-mc-head{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;opacity:.85}
.qap-mc-name{font-size:1.4rem;font-weight:700;margin:22px 0 12px}
.qap-mc-row{display:flex;justify-content:space-between;font-size:.88rem;padding:4px 0;border-top:1px solid rgba(255,255,255,.15)}
.qap-mc-status{margin-top:12px;display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.qap-benefits{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px}
.qap-benefits li{padding:8px 12px 8px 34px;position:relative;border-radius:8px;background:#f8fafc}
.qap-benefits li::before{content:'✓';position:absolute;left:12px;color:#059669;font-weight:700}
.qap-benefits li.off{color:#94a3b8}.qap-benefits li.off::before{content:'–';color:#cbd5e1}
.qap-grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.qap-grade{display:block;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-decoration:none;color:#172033;text-align:center;background:#fff}
.qap-grade:hover{border-color:var(--qa-blue)}
.qap-grade strong{display:block;color:var(--qa-blue);margin-bottom:4px}.qap-grade span{font-size:.85rem;color:#64748b}
.qap-registry{max-width:860px;margin:0 auto}
.qap-search{display:flex;gap:10px;margin:16px 0 24px}
.qap-search input{flex:1;padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}
.qap-result{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px 22px;margin-bottom:14px}
.qap-result-none{background:#fff7ed;border-color:#fed7aa}
.qap-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:1.05rem}
.qap-result dl{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;margin:0;font-size:.92rem}
.qap-result dt{color:#64748b}.qap-result dd{margin:0;font-weight:600}
.qap-apply{margin-top:30px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:22px}
.qap-profile-badges{margin:6px 0}
.qap-badge{display:inline-block;background:#173B5F;color:#fff;border-radius:50px;padding:3px 12px;font-size:.72rem;font-weight:700;margin:2px 4px 2px 0}
.qap-badge-cert{background:#059669}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:10px 14px;border-radius:8px;color:#172033;text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:#E7F0FE;color:var(--qa-blue)}
@media(max-width:700px){.qap-row{grid-template-columns:1fr}.qap-result dl{grid-template-columns:1fr}.qap-search{flex-direction:column}}
/* Wider content column for the dashboard, shop and community pages */
body.buddypress .policy-content,body.woocommerce-page .policy-content,body.post-type-archive-job_listing .policy-content,body.single-job_listing .policy-content{max-width:1120px!important}
/* The account screens carry a third column, so they are given the room for it. */
body.woocommerce-account .policy-content{max-width:1320px!important}
#buddypress #item-header-cover-image{background:linear-gradient(135deg,#173B5F,var(--qa-blue))}
.qap-entity-notice{background:#f0f6ff;border:1px solid #BFD8F7;border-radius:8px;padding:12px 16px;margin:0 0 16px;font-size:.9rem}
.qap-register-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:18px 22px;margin:16px 0 24px}
.qap-grades-table .qap-result ul{margin:8px 0 0 18px;font-size:.92rem;line-height:1.6}
/* ===== Focused app chrome: hide the marketing header, footer and title band ===== */
body.qap-app .site-header,body.qap-app .site-footer,body.qap-app .qaa-notification,body.qap-app #qaa-notification{display:none!important}
body.qap-app{background:#F0F2F5;padding-top:56px}
body.qap-app > section,body.qap-app .buddypress-wrap{padding-top:14px!important;padding-bottom:26px!important}
.qap-appbar{position:fixed;top:0;left:0;right:0;z-index:9990;background:#fff;border-bottom:1px solid #E4E7EC}
body.admin-bar .qap-appbar{top:32px}
.qap-appbar-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:0 20px;height:56px}
.qap-appbar-logo{display:flex;align-items:center}
.qap-appbar-logo img{max-height:34px;width:auto;margin:0}
.qap-appbar-logo .custom-logo-link{margin:0;box-shadow:none}
.qap-appbar-logo strong{font-size:1.1rem;color:#172033}
.qap-appbar-nav{display:flex;gap:22px;margin-left:6px;flex:1}
.qap-appbar-nav a{color:#33383d;font-weight:500;font-size:.92rem;text-decoration:none;padding:18px 0;border-bottom:2px solid transparent}
.qap-appbar-nav a:hover{color:var(--qa-blue);border-bottom-color:var(--qa-blue)}
.qap-appbar-user{display:flex;align-items:center;gap:14px}
.qap-appbar-avatar{display:block;line-height:0}
.qap-appbar-avatar img{width:34px;height:34px;border-radius:50%;margin:0}
.qap-appbar-logout{color:#40484f;font-weight:600;font-size:.9rem;text-decoration:none}
.qap-appbar-logout:hover{color:var(--qa-blue)}
@media(max-width:820px){.qap-appbar-nav{display:none}.qap-appbar-in{gap:12px;justify-content:space-between}}
/* ===== My Area =====================================================
Three columns: the menu, the screen, and a rail carrying who you are and
where you stand. The rail repeats on every screen, so the numbers are never
printed a second time inside the screen itself.
Tokens follow the portal reference: 8px corners, #E0E0E0 hairlines, a filled
near black for the item you are on. These are scoped to the account pages so
the public site keeps the QA Assessor navy.
================================================================== */
body.woocommerce-account{
/* Professional Trust. These override the site palette for the candidate portal
only, so the marketing pages keep the QA Assessor navy and blue. */
--qa-navy:#0F172A;
--qa-blue:#0A5BB0;
--qa-blue-dark:#084A90;
--qa-blue-soft:#EFF6FF;
--qa-green:#10B981;
--qa-green-soft:#ECFDF5;
--qa-amber:#F59E0B;
--qa-amber-soft:#FFFBEB;
--qa-red:#DC2626;
--qa-red-soft:#FEF2F2;
--qa-gold:#A89165;
--qa-bg:#F0F2F5;
--qa-card:#FFFFFF;
--qa-text:#0F172A;
--qa-text-2:#475569;
--qa-text-3:#64748B;
--qa-border:#E2E8F0;
--qa-r-card:16px;
--qa-r-ctl:10px;
--qa-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
/* older names still used further down this file */
--qa-line:#E2E8F0;
--qa-ink:#0F172A;
--qa-dim:#475569;
--qa-faint:#64748B;
background:#F0F2F5;
}
body.woocommerce-account section .section-inner{background:transparent}
body.woocommerce-account .page-hero{padding-bottom:20px}
body.woocommerce-account .woocommerce{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:14px 20px;align-items:start}
body.woocommerce-account .woocommerce-notices-wrapper{grid-column:1/-1;grid-row:1}
body.woocommerce-account .woocommerce-notices-wrapper:empty{display:none}
body.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;width:100%!important;float:none!important;box-sizing:border-box}
body.woocommerce-account .woocommerce-MyAccount-content{grid-column:2;grid-row:2;width:100%!important;float:none!important;box-sizing:border-box;min-width:0}
body.woocommerce-account .qap-rail{grid-column:3;grid-row:2;box-sizing:border-box;min-width:0}
body.woocommerce-account .woocommerce>*{box-sizing:border-box!important;min-width:0}
/* ---- the rail ---- */
.qap-rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:76px}
.qap-rail-card{background:#fff;border:1px solid var(--qa-line);border-radius:8px;overflow:hidden}
.qap-idcard-cover{height:64px;background:linear-gradient(120deg,#173B5F,var(--qa-blue-dark))}
.qap-idcard-avatar{display:block;width:76px;height:76px;margin:-40px auto 0;border-radius:50%;border:3px solid #fff;overflow:hidden;background:#e2e8f0;position:relative;z-index:1}
.qap-idcard-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.qap-idcard-body{padding:10px 16px 16px;text-align:center}
.qap-idcard-body h2{margin:6px 0 2px;font-size:1.0625rem;line-height:1.35;color:#172033;font-weight:600}
.qap-idcard-headline{margin:0 0 12px;font-size:.8125rem;line-height:1.45;color:var(--qa-dim)}
.qap-idcard-rows{margin:0;padding:12px 0 0;border-top:1px solid var(--qa-line);text-align:left}
.qap-idcard-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;font-size:.8125rem}
.qap-idcard-rows dt{color:var(--qa-dim);margin:0}
.qap-idcard-rows dd{margin:0;color:#172033;font-weight:600;text-align:right;word-break:break-word}
.qap-idcard-cpd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;font-size:.8125rem;text-align:left}
.qap-idcard-cpd span{color:var(--qa-dim)}
.qap-idcard-cpd strong{color:#172033;font-weight:600;white-space:nowrap}
.qap-idcard-state{margin:12px 0 0;padding:7px 10px;border-radius:6px;font-size:.8125rem;font-weight:600;text-align:center}
.qap-idcard-state.is-ok{background:#ECFDF3;color:#1c6b32;border:1px solid #BBF0CB}
.qap-idcard-state.is-wait{background:#FFF8EB;color:#8a5a00;border:1px solid #F5DDA8}
.qap-idcard-state.is-off{background:#F0F2F5;color:#525866;border:1px solid var(--qa-line)}
.qap-idcard-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.qap-idcard-actions .qap-btn{flex:1;text-align:center;padding:7px 8px;font-size:.8125rem}
.qap-railstats{padding:14px 16px 16px}
.qap-railstats h3{margin:0 0 10px;font-size:.9375rem;font-weight:600;color:#172033}
.qap-rs{display:block;padding:10px 12px;margin-bottom:8px;border:1px solid var(--qa-line);border-radius:6px;text-decoration:none;color:#172033;transition:border-color .15s,background .15s}
.qap-rs:hover{border-color:#c7d6ea;background:#FAFCFF}
.qap-rs-label{display:block;font-size:.75rem;color:var(--qa-dim);margin-bottom:2px}
.qap-rs strong{display:block;font-size:.9375rem;font-weight:600;line-height:1.3}
.qap-rs-foot{display:block;font-size:.75rem;color:var(--qa-dim);margin-top:2px}
.qap-rs.is-warn{background:#FFFBF2;border-color:#F5DDA8}
.qap-rs.is-warn:hover{background:#FFF7E8;border-color:#EFCE86}
.qap-rail-links{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.qap-rail-links .qap-btn{flex:1;text-align:center;padding:7px 8px;font-size:.8125rem}
/* ---- the menu ---- */
.qap-nav{background:#fff;border:1px solid var(--qa-line);border-radius:8px;padding:8px;position:sticky;top:76px}
.qap-nav-heading{font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--qa-faint);padding:14px 12px 6px}
.qap-nav-heading:first-child{padding-top:6px}
.qap-nav ul{margin:0;list-style:none;padding:0}
.qap-nav li a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;line-height:1.3;border-radius:8px;color:var(--qa-dim);font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.qap-nav li a:hover{background:#F1F5F9;color:#172033}
.qap-nav li.is-active a{background:var(--qa-ink);color:#fff;font-weight:500}
.qap-nav-icon{display:flex;width:18px;height:18px;flex:0 0 18px}
.qap-nav-icon svg{width:18px;height:18px;fill:currentColor}
.qap-nav-label{flex:1;min-width:0}
.qap-nav-count{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--qa-blue);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.qap-nav li.is-active .qap-nav-count{background:#fff;color:var(--qa-ink)}
/* ---- the screen ---- */
body.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid var(--qa-line);border-radius:8px;padding:20px 24px;box-shadow:none}
body.woocommerce-account .qap-card,body.woocommerce-account .qap-rail-card{border-radius:8px;border-color:var(--qa-line)}
.qap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px}
/* A progress meter. Named apart from .qap-bar, which is the action bar under a
post in the feed and is set to display:contents. */
.qap-meter{display:block;height:6px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-top:8px}
.qap-meter i{display:block;height:100%;background:var(--qa-blue);border-radius:6px}
.qap-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
.qap-hero-loc{color:#6b7280;margin-left:6px}
.qap-hero-meta{margin:0;font-size:.85rem;color:#6b7280}
.qap-badge{display:inline-block;background:#F0F2F5;color:#40484f;border:1px solid var(--qa-line);border-radius:8px;padding:2px 8px;font-size:.8rem;font-weight:600;margin:0 4px 4px 0}
.qap-badge-cert{background:#E7F0FE;color:#173B5F;border-color:#BFD8F7}
.qap-badge-muted{background:#F0F2F5;color:#6b7280}
/* ---- the certification journey ---- */
.qap-journey{padding:16px 18px}
.qap-journey h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:#172033}
.qap-journey-sub{margin:0 0 16px;font-size:.8125rem;color:var(--qa-dim);line-height:1.5}
.qap-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.qap-steps li{position:relative;text-align:center;padding:0 4px}
.qap-steps li:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#E4E7EC}
.qap-steps li:first-child:before{display:none}
.qap-steps li.is-done:before,.qap-steps li.is-now:before{background:var(--qa-ink)}
.qap-step-dot{position:relative;z-index:1;display:block;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;background:#fff;border:2px solid #E4E7EC}
.qap-steps li.is-done .qap-step-dot{background:var(--qa-ink);border-color:var(--qa-ink)}
.qap-steps li.is-now .qap-step-dot{background:var(--qa-blue);border-color:var(--qa-blue)}
.qap-steps li.is-done .qap-step-dot:after,.qap-steps li.is-now .qap-step-dot:after{content:"";position:absolute;left:8px;top:6px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.qap-step-clause{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--qa-faint)}
.qap-step-name{display:block;font-size:.8125rem;font-weight:600;color:#172033;line-height:1.3;margin-top:1px}
.qap-step-date{display:block;font-size:11px;color:var(--qa-dim);margin-top:2px}
.qap-steps li.is-todo .qap-step-name{color:#98a2b3;font-weight:500}
.qap-steps.is-stopped li.is-now .qap-step-dot{background:#b42318;border-color:#b42318}
.qap-journey-who{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--qa-line)}
.qap-jw{flex:1 1 200px;border:1px solid var(--qa-line);border-radius:6px;padding:10px 12px}
.qap-jw span{display:block;font-size:.75rem;color:var(--qa-dim)}
.qap-jw strong{display:block;font-size:.875rem;color:#172033;font-weight:600;margin-top:1px}
.qap-jw-ok{display:block;font-size:.75rem;color:#1c6b32;font-style:normal;margin-top:3px}
/* ---- tables and status pills on the account screens ---- */
body.woocommerce-account .qap-table{border:1px solid var(--qa-line);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:.875rem}
body.woocommerce-account .qap-table th{background:#F0F2F5;color:var(--qa-dim);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:none;padding:11px 14px;border-bottom:1px solid var(--qa-line)}
body.woocommerce-account .qap-table td{padding:14px;border-bottom:1px solid var(--qa-line);vertical-align:middle}
body.woocommerce-account .qap-table tbody tr:last-child td{border-bottom:0}
body.woocommerce-account .qap-table tbody tr:hover td{background:#FAFCFF}
body.woocommerce-account .qap-status{border-radius:6px;padding:3px 9px;font-size:.75rem;font-weight:600;border:1px solid transparent}
body.woocommerce-account .qap-status-active{background:#ECFDF3;color:#1c6b32;border-color:#BBF0CB}
body.woocommerce-account .qap-status-suspended{background:#FFF8EB;color:#8a5a00;border-color:#F5DDA8}
body.woocommerce-account .qap-status-expired,body.woocommerce-account .qap-status-withdrawn,body.woocommerce-account .qap-status-failed,body.woocommerce-account .qap-status-cancelled{background:#FEF3F2;color:#a02b21;border-color:#F3C8C4}
body.woocommerce-account .qap-status-applied,body.woocommerce-account .qap-status-eligible,body.woocommerce-account .qap-status-exam{background:#F0F2F5;color:#475467;border-color:var(--qa-line)}
/* ---- narrower screens ---- */
@media(max-width:1280px){
body.woocommerce-account .woocommerce{grid-template-columns:256px minmax(0,1fr) 288px;gap:14px 16px}
}
@media(max-width:1100px){
body.woocommerce-account .woocommerce{grid-template-columns:248px minmax(0,1fr)}
body.woocommerce-account .qap-rail{grid-column:1/-1;grid-row:3;position:static;flex-direction:row;flex-wrap:wrap}
.qap-rail>*{flex:1 1 320px}
.qap-steps{grid-template-columns:repeat(3,1fr);gap:16px 0}
.qap-steps li:nth-child(4):before{display:none}
}
@media(max-width:820px){
/* Placement on a phone is set once, in the phone block further down. */
.qap-nav{position:static}
.qap-two{grid-template-columns:1fr}
.qap-cards{grid-template-columns:1fr}
.qap-steps{grid-template-columns:repeat(2,1fr)}
.qap-steps li:nth-child(3):before,.qap-steps li:nth-child(5):before{display:none}
body.woocommerce-account .woocommerce-MyAccount-content{padding:16px}
}
@media(max-width:900px){.qap-cards{grid-template-columns:repeat(2,1fr)}}
/* ===== Public profile, LinkedIn style (low colour) ===== */
body.buddypress.bp-user .policy-content{max-width:1120px!important}
#buddypress #item-header{background:#fff;border:1px solid #E4E7EC;border-radius:8px;overflow:hidden;margin-bottom:12px;padding:0;box-shadow:none;position:relative}
#buddypress .cover-image-container{margin:0;padding:0;position:relative}
/* Banner lives on #header-cover-image: an uploaded cover fills it, otherwise this gradient shows. */
#buddypress #header-cover-image{position:absolute;top:0;left:0;right:0;width:100%;height:198px!important;margin:0;background-color:#173B5F;background-image:linear-gradient(120deg,#173B5F,var(--qa-blue-dark));background-size:cover;background-position:center;background-repeat:no-repeat}
#buddypress #item-header-cover-image{height:auto!important;min-height:0!important;background:transparent!important;padding:198px 0 0 0!important;border-radius:0;position:relative;z-index:1}
#buddypress #item-header-avatar,#buddypress .item-header-avatar{margin:-92px 0 0 24px!important;padding:0!important;float:none!important;text-align:left!important;position:relative;z-index:2;width:auto!important}
#buddypress #item-header-avatar a,#buddypress #item-header-avatar img{float:none}
#buddypress #item-header-avatar img,#buddypress #item-header-avatar .avatar{width:152px!important;height:152px!important;border:4px solid #fff;border-radius:50%;box-shadow:none}
#buddypress #item-header-content{background:#fff;margin:0!important;padding:8px 24px 16px!important;clear:both;width:auto!important;float:none!important;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
#buddypress #item-header-content h2.user-nicename{display:none!important}
#buddypress #item-header-content .item-meta{order:1;color:#6b7280;font-size:.85rem;margin:0}
#buddypress #item-header-content .member-header-actions{order:2}
#buddypress #item-header-content .member-header-actions:empty{display:none!important;margin:0!important}
#buddypress #item-header-content .item-meta:empty{display:none!important;margin:0!important}
#buddypress #item-header-content h2.qap-name,.qap-name{margin:2px 0 2px;color:#172033!important;font-size:1.6rem;font-weight:700;line-height:1.2;text-shadow:none;-webkit-text-fill-color:#172033;-webkit-text-stroke:0;background:none;text-transform:none;letter-spacing:normal}
.qap-headline{font-size:1rem;color:#40484f;margin:2px 0 8px;font-weight:400}
#buddypress .member-header-actions{position:static!important;float:none!important;margin:12px 0 0!important;display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0}
#buddypress .member-header-actions .generic-button a,#buddypress .member-header-actions button{background:var(--qa-blue);color:#fff;border-radius:8px;padding:7px 18px;font-weight:600;border:0}
#buddypress #object-nav,#buddypress .bp-navs{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:4px 10px;box-shadow:none}
.qap-profile{display:grid;gap:12px;margin-bottom:14px}
.qap-psec{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px 22px;box-shadow:none}
.qap-psec h3{margin:0 0 12px;font-size:1.1rem;color:#172033;display:flex;justify-content:space-between;align-items:center}
.qap-edit{font-size:.8rem;color:var(--qa-blue);font-weight:600;text-decoration:none}
.qap-plist{list-style:none;margin:0;padding:0}
.qap-plist li{padding:12px 0;border-bottom:1px solid #E4E7EC;line-height:1.5}
.qap-plist li:last-child{border-bottom:0}
.qap-plist li strong{color:#172033}
.qap-plist li p{margin:6px 0 0;color:#4a4a4a;font-size:.92rem}
.qap-note{color:#6b7280}
.qap-skills span{display:inline-block;background:#F0F2F5;color:#33383d;border:1px solid #E4E7EC;border-radius:8px;padding:5px 12px;margin:0 6px 6px 0;font-size:.88rem;font-weight:500}
/* ===== My Area sub-page heading ===== */
.qap-page-title{margin:0 0 16px;font-size:1.35rem;font-weight:700;color:#172033;padding-bottom:12px;border-bottom:1px solid #E4E7EC}
/* ===== WooCommerce native forms inside My Area (undo the theme's generic .form-row grid) ===== */
body.qap-app .woocommerce form .form-row,body.qap-app .woocommerce-form-row{display:block!important;grid-template-columns:none!important;float:none!important;width:100%!important;margin:0 0 12px!important;padding:0}
body.qap-app .woocommerce-EditAccountForm,body.qap-app .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
body.qap-app .woocommerce-EditAccountForm > .form-row-wide,body.qap-app .woocommerce-EditAccountForm > fieldset,body.qap-app .woocommerce-EditAccountForm > p:not(.form-row),body.qap-app .woocommerce-EditAccountForm > .clear,body.qap-app .woocommerce-address-fields__field-wrapper > .form-row-wide,body.qap-app .woocommerce-address-fields__field-wrapper > .form-row:not(.form-row-first):not(.form-row-last){grid-column:1/-1}
body.qap-app .woocommerce form .form-row label{display:block;margin:0 0 4px;font-weight:600;color:#172033;font-size:14px;line-height:20px}
body.qap-app .woocommerce form .form-row label .required{color:#b42318;text-decoration:none}
body.qap-app .woocommerce form .form-row .input-text,body.qap-app .woocommerce form .form-row select,body.qap-app .woocommerce form .form-row textarea{width:100%;box-sizing:border-box;height:40px;min-height:40px;padding:8px 12px;border:1px solid #667085;border-radius:8px;font-size:14px;background:#fff;color:#172033;line-height:22px}
body.qap-app .woocommerce form .form-row textarea{height:auto;min-height:96px}
body.qap-app .woocommerce form .form-row .input-text:focus,body.qap-app .woocommerce form .form-row select:focus,body.qap-app .woocommerce form .form-row textarea:focus{outline:none;border-color:var(--qa-blue);box-shadow:inset 0 0 0 1px var(--qa-blue)}
body.qap-app .woocommerce form .form-row span em,body.qap-app .woocommerce form .form-row .description{display:block;font-style:normal;color:#667085;font-size:12px;line-height:16px;margin-top:4px}
body.qap-app .woocommerce form .form-row .password-input{display:block;position:relative;width:100%}
body.qap-app .woocommerce form .form-row .show-password-input{top:50%;transform:translateY(-50%);right:12px}
body.qap-app .woocommerce form fieldset{border:0;border-top:1px solid #E4E7EC;border-radius:0;padding:16px 0 0;margin:16px 0 0;min-width:0}
body.qap-app .woocommerce form fieldset legend{font-weight:600;color:#172033;padding:0;font-size:16px;line-height:24px;margin:0 0 12px;float:left;width:100%}
body.qap-app .woocommerce button.button,body.qap-app .woocommerce .button:not(.qap-btn),body.qap-app .woocommerce-Button,body.qap-app .woocommerce input[type=submit],body.qap-app .woocommerce a.button{display:inline-block;background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:0 20px!important;height:40px;min-height:40px;font-weight:600!important;font-size:15px!important;line-height:38px!important;cursor:pointer;text-decoration:none;box-shadow:none}
body.qap-app .woocommerce button.button:hover,body.qap-app .woocommerce .button:not(.qap-btn):hover,body.qap-app .woocommerce-Button:hover,body.qap-app .woocommerce a.button:hover{background:var(--qa-blue-dark)!important;color:#fff!important}
/* WooCommerce notices, muted */
body.qap-app .woocommerce-message,body.qap-app .woocommerce-info,body.qap-app .woocommerce-error,body.qap-app .woocommerce-notices-wrapper .woocommerce-message{background:#F9FAFB!important;border:1px solid #E4E7EC!important;border-left:3px solid var(--qa-blue)!important;border-radius:8px!important;color:#33383d!important;padding:12px 16px 12px 16px!important;margin:0 0 14px!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.qap-app .woocommerce-error{border-left-color:#b42318!important}
body.qap-app .woocommerce-message::before,body.qap-app .woocommerce-info::before,body.qap-app .woocommerce-error::before{display:none!important}
body.qap-app .woocommerce-info .button,body.qap-app .woocommerce-message .button{margin-left:auto;float:none!important}
/* Billing address page: hide the shipping column (nothing ships) and tidy the address cards */
body.qap-app .woocommerce-Addresses .woocommerce-Address:nth-child(2),body.qap-app .woocommerce-Addresses .u-column2{display:none!important}
body.qap-app .woocommerce-Addresses .woocommerce-Address,body.qap-app .woocommerce-Addresses .u-column1{width:100%!important;float:none!important;max-width:100%!important}
body.qap-app .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #E4E7EC;padding-bottom:10px;margin-bottom:12px}
body.qap-app .woocommerce-Address-title h2,body.qap-app .woocommerce-Address-title h3{margin:0;font-size:1.05rem;color:#172033}
body.qap-app .woocommerce-Address-title .edit{float:none!important;font-weight:600;color:var(--qa-blue);text-decoration:none}
body.qap-app .woocommerce-Address address{font-style:normal;color:#40484f;line-height:1.6}
body.qap-app .woocommerce-Address address:empty,body.qap-app .woocommerce-Address address em{display:block;color:#6b7280;font-style:normal}
/* ===== BuddyPress sub-pages inside the app: notices, buttons, edit fields ===== */
body.qap-app #buddypress .bp-feedback,body.qap-app #buddypress .bp-messages,body.qap-app #buddypress #message,body.qap-app #buddypress .bp-template-notice{background:#F9FAFB;border:1px solid #E4E7EC;border-left:3px solid var(--qa-blue);border-radius:8px;color:#33383d;padding:12px 16px;margin:0 0 14px;box-shadow:none;display:flex;align-items:flex-start;gap:10px}
body.qap-app #buddypress .bp-feedback .bp-icon{display:none}
body.qap-app #buddypress .bp-feedback p,body.qap-app #buddypress .bp-messages p{margin:0;font-style:normal;color:#33383d}
body.qap-app #buddypress .bp-feedback.warning,body.qap-app #buddypress .bp-feedback.error{border-left-color:#b45309}
body.qap-app #buddypress .bp-feedback.success,body.qap-app #buddypress .bp-feedback.updated{border-left-color:#0a7a4b}
body.qap-app #buddypress p.warning,body.qap-app #buddypress div.warning,body.qap-app #buddypress .bp-avatar-nav + .warning,body.qap-app #buddypress #cover-image-warning{background:#F9FAFB;border:1px solid #E4E7EC;border-left:3px solid #b45309;border-radius:8px;color:#33383d;padding:12px 16px;margin:12px 0 0}
body.qap-app #buddypress .bp-avatar-nav ul.avatar-nav-items li a,body.qap-app #buddypress .bp-avatar-nav ul.avatar-nav-items li.current a{border-radius:12px 8px 0 0;font-weight:600}
body.qap-app #buddypress .drag-drop{border:2px dashed #D0D5DD;border-radius:8px;background:#F9FAFB;margin:14px 0}
body.qap-app #buddypress input[type=submit],body.qap-app #buddypress button.button,body.qap-app #buddypress .button:not(.qap-btn),body.qap-app #buddypress button.bp-button,body.qap-app #buddypress .bp-button,body.qap-app #buddypress .drag-drop .drag-drop-buttons input,body.qap-app #buddypress .drag-drop .drag-drop-buttons button,body.qap-app #buddypress .generic-button a,body.qap-app #buddypress .generic-button button{background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:9px 18px!important;font-weight:600!important;font-size:.92rem!important;line-height:1.3!important;cursor:pointer;text-decoration:none;box-shadow:none;text-transform:none}
body.qap-app #buddypress input[type=submit]:hover,body.qap-app #buddypress button.button:hover,body.qap-app #buddypress .button:not(.qap-btn):hover{background:var(--qa-blue-dark)!important}
body.qap-app #buddypress #settings-form input[type=submit]{margin-top:10px}
body.qap-app #buddypress .standard-form .editfield,body.qap-app #buddypress .profile-fields fieldset.editfield{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px 18px;margin:0 0 12px;box-shadow:none}
body.qap-app #buddypress .standard-form .editfield legend,body.qap-app #buddypress .standard-form .editfield label{font-weight:700;color:#172033;font-size:.95rem;margin-bottom:6px}
body.qap-app #buddypress .standard-form .editfield input[type=text],body.qap-app #buddypress .standard-form .editfield input[type=url],body.qap-app #buddypress .standard-form .editfield input[type=email],body.qap-app #buddypress .standard-form .editfield textarea,body.qap-app #buddypress .standard-form input[type=email],body.qap-app #buddypress .standard-form input[type=password],body.qap-app #buddypress .standard-form input[type=text]{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #D0D5DD;border-radius:8px;font-size:.95rem;background:#fff;color:#172033}
body.qap-app #buddypress .standard-form .editfield input:focus,body.qap-app #buddypress .standard-form .editfield textarea:focus{outline:none;border-color:var(--qa-blue);box-shadow:0 0 0 3px rgba(10,91,176,.12)}
body.qap-app #buddypress .standard-form .editfield .description{color:#6b7280;font-size:.88rem;margin:6px 0 0}
body.qap-app #buddypress .standard-form .editfield .field-visibility-settings-toggle,body.qap-app #buddypress .standard-form .editfield .field-visibility-settings-notoggle{font-size:.82rem;color:#667085;margin-top:8px}
body.qap-app #buddypress .standard-form .editfield .visibility-toggle-link{color:var(--qa-blue);font-weight:600}
body.qap-app #buddypress h2.screen-heading,body.qap-app #buddypress .screen-heading{font-size:1.25rem;font-weight:700;color:#172033;margin:4px 0 12px}
body.qap-app #buddypress .bp-subnavs,body.qap-app #buddypress #subnav{margin-bottom:12px}
body.qap-app #buddypress .dir-search input[type=search],body.qap-app #buddypress .bp-search input[type=search]{border:1px solid #D0D5DD;border-radius:8px;padding:8px 12px}
.qap-appbar-nav{flex:1;justify-content:flex-start}
@media(max-width:1100px){.qap-appbar-nav{gap:14px}.qap-appbar-nav a{font-size:.88rem}}
/* ===== Community: directories and feed in the app chrome ===== */
body.qap-app.buddypress .policy-content,body.qap-app.directory .policy-content{max-width:1120px!important}
body.qap-app #buddypress .screen-heading,body.qap-app #buddypress h1.entry-title,body.qap-app .directory h1{font-size:1.3rem;color:#172033;margin:0 0 12px}
body.qap-app #buddypress .bp-list{border:0}
body.qap-app #buddypress .subnav-filters{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:8px 12px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.qap-app #buddypress .subnav-filters .subnav-search,body.qap-app #buddypress .subnav-filters .dir-search{margin:0}
body.qap-app #buddypress .subnav-filters select{border:1px solid #D0D5DD;border-radius:8px;padding:6px 10px;background:#fff}
body.qap-app #buddypress .bp-navs.dir-navs{margin-bottom:12px}
body.qap-app #buddypress .bp-navs li a .count,body.qap-app #buddypress .bp-navs li span.count{background:#F0F2F5;color:#40484f;border-radius:8px;padding:1px 7px;font-size:.72rem;margin-left:6px}
body.qap-app #buddypress .bp-navs li.selected a,body.qap-app #buddypress .bp-navs li.current a{color:var(--qa-blue);font-weight:700;box-shadow:inset 0 -2px 0 var(--qa-blue)}
/* Post composer */
body.qap-app #buddypress #whats-new-form{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px 18px;margin:0 0 14px;box-shadow:none}
body.qap-app #buddypress #whats-new-form #whats-new-avatar img{border-radius:50%;width:48px;height:48px}
body.qap-app #buddypress #whats-new-form #whats-new-content{padding:0 0 0 14px}
body.qap-app #buddypress #whats-new-form #whats-new{border:1px solid #D0D5DD;border-radius:8px;padding:12px 16px;min-height:48px;font-size:.95rem;background:#F9FAFB;resize:vertical}
body.qap-app #buddypress #whats-new-form #whats-new:focus{outline:none;border-color:var(--qa-blue);background:#fff;box-shadow:0 0 0 3px rgba(10,91,176,.12)}
body.qap-app #buddypress #whats-new-form #whats-new-options{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.qap-app #buddypress #whats-new-form #whats-new-submit input,body.qap-app #buddypress #whats-new-form #aw-whats-new-submit{background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:8px 20px!important;font-weight:600!important}
body.qap-app #buddypress #whats-new-form #whats-new-submit input[type=reset],body.qap-app #buddypress #whats-new-form #aw-whats-new-reset{background:transparent!important;color:#40484f!important;border:1px solid #D0D5DD!important}
/* Feed cards */
body.qap-app #buddypress ul.activity-list{list-style:none;margin:0;padding:0;border:0}
body.qap-app #buddypress ul.activity-list > li{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px 18px 10px;margin:0 0 12px;list-style:none;position:relative}
body.qap-app #buddypress ul.activity-list > li .activity-avatar{float:left;margin:0 12px 0 0}
body.qap-app #buddypress ul.activity-list > li .activity-avatar img{width:48px;height:48px;border-radius:50%}
body.qap-app #buddypress ul.activity-list > li .activity-content{overflow:hidden}
body.qap-app #buddypress ul.activity-list > li .activity-header{margin:0 0 8px;font-size:.92rem;color:#40484f;line-height:1.4}
body.qap-app #buddypress ul.activity-list > li .activity-header a{color:#172033;font-weight:700;text-decoration:none}
body.qap-app #buddypress ul.activity-list > li .activity-header .time-since,body.qap-app #buddypress ul.activity-list > li .activity-header .activity-time-since{display:block;color:#667085;font-size:.8rem;font-weight:400;margin-top:2px}
body.qap-app #buddypress ul.activity-list > li .activity-inner{clear:both;margin:6px 0 10px;font-size:.96rem;line-height:1.6;color:#172033}
body.qap-app #buddypress ul.activity-list > li .activity-inner p{margin:0 0 8px}
body.qap-app #buddypress ul.activity-list > li .activity-inner blockquote{margin:8px 0 0;padding:10px 14px;border-left:3px solid #D0D5DD;background:#F9FAFB;border-radius:6px;color:#40484f;font-style:normal}
body.qap-app #buddypress ul.activity-list > li .activity-inner .qap-repost-of{font-size:.85rem;color:#6b7280;margin:0 0 4px}
body.qap-app #buddypress ul.activity-list > li .activity-inner .qap-repost-of a{color:var(--qa-blue);font-weight:600;text-decoration:none}
body.qap-app #buddypress ul.activity-list > li .activity-inner img{max-width:100%;border-radius:8px}
/* Action bar: summary line, then reactions, comment, save, repost, share, copy, delete */
body.qap-app #buddypress .activity-meta.action,body.qap-app #buddypress .activity-meta{clear:both;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;padding:8px 0 4px;border-top:1px solid #E4E7EC}
body.qap-app #buddypress .activity-meta .qap-summary{order:0;flex-basis:100%;font-size:.8rem;color:#6b7280;margin:-2px 0 6px;min-height:1em}
body.qap-app #buddypress .activity-meta .qap-summary:empty{display:none}
body.qap-app #buddypress .activity-meta .qap-summary-detail{color:#667085}
body.qap-app #buddypress .activity-meta .qap-reactions{order:1;display:flex;gap:4px;flex-wrap:wrap}
body.qap-app #buddypress .activity-meta .qap-react{background:transparent;border:1px solid transparent;color:#40484f;font-weight:600;font-size:.84rem;padding:6px 10px;border-radius:6px;cursor:pointer;line-height:1.2;display:inline-flex;align-items:center;gap:6px}
body.qap-app #buddypress .activity-meta .qap-react:hover{background:#F0F2F5}
body.qap-app #buddypress .activity-meta .qap-react.is-on{color:var(--qa-blue);background:#E7F0FE;border-color:#BFD8F7}
body.qap-app #buddypress .activity-meta .qap-react .qap-count{font-weight:700;color:#6b7280;font-size:.78rem}
body.qap-app #buddypress .activity-meta .qap-react.is-on .qap-count{color:var(--qa-blue)}
body.qap-app #buddypress .activity-meta .qap-react .qap-count:empty{display:none}
body.qap-app #buddypress .activity-meta a.button,body.qap-app #buddypress .activity-meta button.button,body.qap-app #buddypress .activity-meta .qap-repost,body.qap-app #buddypress .activity-meta .qap-share,body.qap-app #buddypress .activity-meta .qap-copy{background:transparent!important;border:1px solid transparent!important;color:#40484f!important;font-weight:600!important;font-size:.84rem!important;padding:6px 10px!important;border-radius:6px!important;line-height:1.2!important;cursor:pointer;text-decoration:none;box-shadow:none;text-transform:none}
body.qap-app #buddypress .activity-meta a.button:hover,body.qap-app #buddypress .activity-meta button.button:hover,body.qap-app #buddypress .activity-meta .qap-repost:hover,body.qap-app #buddypress .activity-meta .qap-share:hover,body.qap-app #buddypress .activity-meta .qap-copy:hover{background:#F0F2F5!important;color:var(--qa-blue)!important}
body.qap-app #buddypress .activity-meta .acomment-reply{order:2}
body.qap-app #buddypress .activity-meta .fav,body.qap-app #buddypress .activity-meta .unfav{order:3}
body.qap-app #buddypress .activity-meta .qap-repost{order:4}
body.qap-app #buddypress .activity-meta .qap-share{order:5}
body.qap-app #buddypress .activity-meta .qap-copy{order:6}
body.qap-app #buddypress .activity-meta .delete-activity,body.qap-app #buddypress .activity-meta .bp-secondary-action.delete-activity{order:9;margin-left:auto;color:#667085!important}
body.qap-app #buddypress .activity-meta .button span.count,body.qap-app #buddypress .activity-meta .button .count{background:#F0F2F5;color:#40484f;border-radius:8px;padding:1px 6px;font-size:.72rem;margin-left:4px}
body.qap-app #buddypress .activity-meta .bp-primary-action:first-child::before,body.qap-app #buddypress .activity-meta .bp-secondary-action::before{display:none}
/* Comments */
body.qap-app #buddypress .activity-comments{margin:6px 0 0 0;padding:8px 0 0;border-top:1px solid #E4E7EC;clear:both}
body.qap-app #buddypress .activity-comments ul{margin:0;padding:0;list-style:none}
body.qap-app #buddypress .activity-comments li{margin:0 0 8px;padding:10px 12px;background:#F9FAFB;border-radius:8px;border:0}
body.qap-app #buddypress .activity-comments .acomment-avatar img{border-radius:50%;width:32px;height:32px}
body.qap-app #buddypress .activity-comments .acomment-meta{font-size:.85rem;color:#40484f}
body.qap-app #buddypress .activity-comments .acomment-meta a{color:#172033;font-weight:700;text-decoration:none}
body.qap-app #buddypress .activity-comments .acomment-content{font-size:.92rem;color:#172033;margin:4px 0 0}
body.qap-app #buddypress .activity-comments .acomment-options{font-size:.78rem;margin-top:4px}
body.qap-app #buddypress .activity-comments .acomment-options a{color:#6b7280;margin-right:10px}
body.qap-app #buddypress .activity-comments form.ac-form{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:10px 12px;margin:8px 0 0}
body.qap-app #buddypress .activity-comments form.ac-form textarea{border:1px solid #D0D5DD;border-radius:18px;padding:8px 12px;font-size:.9rem;width:100%;box-sizing:border-box;min-height:40px}
body.qap-app #buddypress .activity-comments form.ac-form .ac-reply-content .ac-textarea{margin:0}
body.qap-app #buddypress .activity-comments form.ac-form input[type=submit]{background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:6px 16px!important;font-weight:600!important;font-size:.85rem!important;margin-top:8px}
body.qap-app #buddypress .activity-comments form.ac-form .ac-reply-cancel{margin-left:10px;font-size:.85rem;color:#6b7280}
body.qap-app #buddypress .activity-comments .show-all a,body.qap-app #buddypress .activity-comments .view-more-comments{font-size:.85rem;color:var(--qa-blue);font-weight:600}
/* People directory */
body.qap-app #buddypress #members-list,body.qap-app #buddypress ul#members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;list-style:none;margin:0;padding:0}
body.qap-app #buddypress #members-list > li{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px;width:auto!important;float:none!important;margin:0!important;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
body.qap-app #buddypress #members-list > li .list-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}
body.qap-app #buddypress #members-list > li .item-avatar{float:none!important;margin:0}
body.qap-app #buddypress #members-list > li .item-avatar img{width:80px;height:80px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #E4E7EC}
body.qap-app #buddypress #members-list > li .item{margin:0;width:100%}
body.qap-app #buddypress #members-list > li .item-title a,body.qap-app #buddypress #members-list > li .list-title a{color:#172033;font-weight:700;font-size:1rem;text-decoration:none}
body.qap-app #buddypress #members-list > li .item-meta,body.qap-app #buddypress #members-list > li .last-activity{color:#667085;font-size:.78rem;margin:2px 0 0}
body.qap-app #buddypress #members-list > li .item-extra,body.qap-app #buddypress #members-list > li .user-update{font-size:.85rem;color:#40484f;margin:4px 0 0}
body.qap-app #buddypress #members-list > li .action{position:static!important;margin:6px 0 0;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
body.qap-app #buddypress #members-list > li .action .generic-button a,body.qap-app #buddypress #members-list > li .action .generic-button button{background:#fff!important;color:var(--qa-blue)!important;border:1px solid var(--qa-blue)!important;border-radius:8px!important;padding:6px 14px!important;font-weight:600!important;font-size:.82rem!important}
body.qap-app #buddypress #members-list > li .action .generic-button a:hover{background:#E7F0FE!important}
/* Groups directory */
body.qap-app #buddypress #groups-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;list-style:none;margin:0;padding:0}
body.qap-app #buddypress #groups-list > li{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:16px;width:auto!important;float:none!important;margin:0!important}
body.qap-app #buddypress #groups-list > li .item-avatar img{border-radius:8px}
/* Toast */
.qap-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:#172033;color:#fff;padding:10px 18px;border-radius:8px;font-size:.9rem;opacity:0;transition:opacity .25s,transform .25s;z-index:99999;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.qap-toast.show{opacity:1;transform:translate(-50%,0)}
/* Visible labels for BuddyPress's icon-only buttons; hide system entries from the feed; tab background */
body.qap-app #buddypress .activity-meta .acomment-reply::before{content:'Comment';display:inline!important;font-family:inherit!important;font-size:inherit;margin-right:2px}
body.qap-app #buddypress .activity-meta .fav::before{content:'Save';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app #buddypress .activity-meta .unfav::before{content:'Unsave';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app #buddypress .activity-meta .delete-activity::before{content:'Delete';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app #buddypress .activity-meta .bp-screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.qap-app #buddypress ul.activity-list > li.updated_profile .activity-inner,body.qap-app #buddypress ul.activity-list > li.new_avatar .activity-inner,body.qap-app #buddypress ul.activity-list > li.new_cover_image .activity-inner{max-height:200px;overflow:hidden;border-radius:8px}
body.qap-app #buddypress ul.activity-list > li .activity-inner img{max-height:320px;object-fit:cover}
body.qap-app #buddypress .bp-navs li.selected a,body.qap-app #buddypress .bp-navs li.current a,body.qap-app #buddypress .bp-navs li.selected a:focus,body.qap-app #buddypress .bp-navs li.current a:focus{background:transparent!important;color:var(--qa-blue)!important}
body.qap-app #buddypress .bp-navs li a{background:transparent!important;color:#40484f;padding:10px 12px;border-radius:0}
body.qap-app #buddypress .bp-navs li a:hover{color:var(--qa-blue)}
body.qap-app #buddypress .activity-comments .acomment-reply::before{content:none}
/* Action bar order: summary, reactions, comment, save, repost, share, copy, delete (BuddyPress wraps its buttons in .generic-button) */
body.qap-app #buddypress .activity-meta > .generic-button{order:2;margin:0}
body.qap-app #buddypress .activity-meta > .generic-button:has(.fav),body.qap-app #buddypress .activity-meta > .generic-button:has(.unfav){order:3}
body.qap-app #buddypress .activity-meta > .generic-button:has(.delete-activity){order:9;margin-left:auto}
body.qap-app #buddypress .activity-meta > .qap-reactions{order:1}
body.qap-app #buddypress .activity-meta > .qap-repost{order:4}
body.qap-app #buddypress .activity-meta > .qap-share{order:5}
body.qap-app #buddypress .activity-meta > .qap-copy{order:6}
/* The theme floats list items right; profile lists must stay full width and left aligned */
.qap-plist{margin-left:0!important;padding-left:0!important;list-style:none}
.qap-plist li{float:none!important;width:auto!important;display:block;clear:both}
.qap-plist li > div{width:auto!important;float:none!important}
/* Member cards: the theme floats list children; keep every part in normal flow */
body.qap-app #buddypress #members-list > li *{float:none!important}
body.qap-app #buddypress #members-list > li .item-extra,body.qap-app #buddypress #members-list > li .user-update,body.qap-app #buddypress #members-list > li .activity-read-more{width:auto!important;max-width:100%;display:block;font-style:normal;color:#40484f;font-size:.85rem;line-height:1.5;margin:6px 0 0;text-align:center}
body.qap-app #buddypress #members-list > li .user-update p,body.qap-app #buddypress #members-list > li .item-extra p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.qap-app #buddypress #members-list > li .item-avatar a{display:inline-block}
.qap-wording{list-style:none;margin:8px 0 0;padding:0}
.qap-wording li{background:#F9FAFB;border:1px solid #E4E7EC;border-left:3px solid var(--qa-blue);border-radius:8px;padding:10px 14px;margin:0 0 8px;font-weight:600;color:#172033}
/* =====================================================================
LinkedIn layout: left profile card, centre column, right rail
===================================================================== */
.qap-rail{margin:0}
/* The directory screens carry one rail, on the right. The feed takes the rest.
This is the only place the directory grid is declared. */
body.qap-app.directory #buddypress{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:24px;align-items:start}
body.qap-app.directory #buddypress > *{grid-column:1;min-width:0}
body.qap-app.directory #buddypress > .qap-rail-right{grid-column:2;grid-row:1 / span 30;position:sticky;top:72px}
/* A profile has no rail beside it, so it runs as one column at a width that stays
comfortable to read. This is the only place the profile layout is declared. */
/* A profile has no rail beside it, so it runs as one column across the same width
as the jobs board and the feed. The container above it sets that width. */
body.qap-app.bp-user #buddypress.buddypress-wrap{display:block;max-width:none!important;margin-left:auto;margin-right:auto}
body.qap-app.bp-user #buddypress > .users-header,body.qap-app.bp-user #buddypress > .groups-header{display:contents}
/* Left profile card */
.qap-lcard{background:#fff;border:1px solid #E4E7EC;border-radius:8px;overflow:hidden;text-align:center;padding:0 14px 0}
.qap-lcard-cover{display:block;height:56px;margin:0 -14px;background:#172033 linear-gradient(120deg,#172033 0%,#243447 55%,var(--qa-blue) 100%);background-size:cover;background-position:center}
.qap-lcard-avatar{display:block;width:72px;height:72px;margin:-38px auto 0;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#fff}
.qap-lcard-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.qap-lcard-name{display:block;margin:8px 0 0;font-weight:700;font-size:1rem;color:#172033;text-decoration:none;line-height:1.3}
.qap-lcard-name:hover{text-decoration:underline}
.qap-lcard-headline{margin:3px 0 0;font-size:.78rem;color:#5b646b;line-height:1.4}
.qap-lcard-stats{margin:12px -14px 0;border-top:1px solid #E4E7EC;border-bottom:1px solid #E4E7EC}
.qap-lcard-stats a{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;text-decoration:none;font-size:.78rem;color:#5b646b}
.qap-lcard-stats a + a{border-top:1px solid #E4E7EC}
.qap-lcard-stats a:hover{background:#F0F2F5}
.qap-lcard-stats strong{color:#172033;font-size:.8rem}
.qap-lcard-foot{display:block;padding:10px 0;font-size:.82rem;font-weight:600;color:#172033;text-decoration:none}
.qap-lcard-foot:hover{background:#F0F2F5;color:var(--qa-blue)}
/* Right rail cards */
.qap-people{list-style:none;margin:0;padding:0}
.qap-people li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #E4E7EC;float:none!important;width:auto!important}
.qap-people li:first-child{border-top:0;padding-top:0}
.qap-people-av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;display:block}
.qap-people-av img{width:48px;height:48px;object-fit:cover;border-radius:50%;display:block}
.qap-people-txt{min-width:0;flex:1 1 auto}
.qap-people-txt > a{display:block;font-size:.85rem;font-weight:600;color:#172033;text-decoration:none;line-height:1.3}
.qap-people-txt > a:hover{text-decoration:underline}
.qap-people-txt > span.qap-people-head{font-size:.75rem;color:#5b646b;line-height:1.4;margin:1px 0 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.qap-people-btn{display:inline-block;border:1px solid #5b646b;border-radius:8px;padding:3px 12px;font-size:.76rem;font-weight:600;color:#40484f;text-decoration:none}
.qap-people-btn:hover{background:#F0F2F5;color:#172033}
.qap-rail-legal{font-size:.72rem;color:#7b838a;text-align:center;margin:0}
.qap-rail-legal a{color:#7b838a}
@media (max-width:1180px){
/* The rest of this breakpoint is set once, further down. */
}
/* =====================================================================
LinkedIn action bar on every post
===================================================================== */
body.qap-app #buddypress .activity-meta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:10px 0 0;padding:0;border:0}
body.qap-app #buddypress .activity-meta::before{content:'';flex:0 0 100%;order:-1;height:1px;background:#E4E7EC;margin-bottom:4px}
body.qap-app #buddypress .activity-meta:has(.qap-summary:not(:empty))::before{display:none}
body.qap-app #buddypress .activity-comments .activity-meta::before{display:none}
/* Summary row */
.qap-summary{flex:0 0 100%;order:0;display:flex;align-items:center;gap:6px;padding:2px 0 6px;border-bottom:1px solid #E4E7EC;margin-bottom:4px;font-size:.78rem;color:#5b646b}
.qap-summary:empty{display:none}
.qap-faces{display:inline-flex;align-items:center}
.qap-faces .qap-face{margin-left:-4px;box-shadow:0 0 0 1.5px #fff}
.qap-faces .qap-face:first-child{margin-left:0}
.qap-count-total{color:#5b646b}
.qap-count-comments{margin-left:auto;color:#5b646b}
.qap-count-comments::before{content:'';display:inline-block;width:1px;height:0}
/* Reaction faces */
.qap-face{display:inline-block;width:16px;height:16px;border-radius:50%;position:relative;flex:0 0 16px;line-height:16px;text-align:center;font-size:9px;font-style:normal;color:#fff}
.qap-face::before{position:absolute;inset:0;font-size:9px;line-height:16px}
.qap-face-like{background:var(--qa-blue)}
.qap-face-like::before{content:'\1F44D'}
.qap-face-celebrate{background:#6dae4f}
.qap-face-celebrate::before{content:'\1F44F'}
.qap-face-support{background:#b898d9}
.qap-face-support::before{content:'\1F91D'}
.qap-face-love{background:#df704d}
.qap-face-love::before{content:'\2764'}
.qap-face-insightful{background:#f5bb5c}
.qap-face-insightful::before{content:'\1F4A1'}
.qap-face-funny{background:#44bfd9}
.qap-face-funny::before{content:'\1F602'}
/* Buttons: Like, Comment, Repost, Send */
.qap-bar{display:contents}
.qap-like-wrap{position:relative;order:1;display:inline-flex}
body.qap-app #buddypress .activity-meta > .generic-button{order:2;margin:0}
body.qap-app #buddypress .activity-meta > .generic-button:has(.fav),body.qap-app #buddypress .activity-meta > .generic-button:has(.unfav){order:7;margin-left:auto}
body.qap-app #buddypress .activity-meta > .generic-button:has(.delete-activity){order:8;margin-left:0}
.qap-act.qap-repost{order:3}
.qap-act.qap-send{order:4}
.qap-act,body.qap-app #buddypress .activity-meta .generic-button > a{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;border-radius:6px;padding:8px 10px;font-size:.82rem;font-weight:600;color:#5b646b;cursor:pointer;line-height:1;text-decoration:none;box-shadow:none;text-transform:none;letter-spacing:0;min-height:36px}
.qap-act:hover,body.qap-app #buddypress .activity-meta .generic-button > a:hover{background:#F0F2F5;color:#172033}
.qap-act .qap-i{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
.qap-act.is-on{color:var(--qa-blue)}
.qap-act.is-on .qap-i{fill:var(--qa-blue)}
.qap-act.is-celebrate{color:#44712e}
.qap-act.is-support{color:#7a5aa0}
.qap-act.is-insightful{color:#915907}
.qap-act.is-love{color:#b2472a}
.qap-act.is-funny{color:#1d7d91}
.qap-act.is-celebrate .qap-i,.qap-act.is-support .qap-i,.qap-act.is-insightful .qap-i,.qap-act.is-love .qap-i,.qap-act.is-funny .qap-i{fill:currentColor}
body.qap-app #buddypress .activity-meta .generic-button > a::before{font-size:1rem;opacity:.85}
/* Reaction popup */
.qap-pop{position:absolute;left:0;bottom:calc(100% + 6px);display:none;gap:2px;background:#fff;border:1px solid #E4E7EC;border-radius:26px;padding:5px 7px;box-shadow:0 6px 18px rgba(0,0,0,.14);z-index:40;white-space:nowrap}
.qap-like-wrap.is-open .qap-pop{display:flex}
.qap-react{background:transparent;border:0;padding:4px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:8px;transition:transform .12s}
.qap-react:hover{transform:translateY(-3px) scale(1.06);background:#F0F2F5}
.qap-react .qap-face{width:26px;height:26px;flex:0 0 26px;line-height:26px}
.qap-react .qap-face::before{font-size:15px;line-height:26px}
.qap-react em{font-style:normal;font-size:.62rem;font-weight:600;color:#5b646b}
.qap-react.is-on em{color:var(--qa-blue)}
/* Send menu */
.qap-send-menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #E4E7EC;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.14);padding:6px;z-index:40;min-width:180px}
.qap-send-menu a,.qap-send-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 10px;font-size:.82rem;font-weight:600;color:#40484f;text-decoration:none;cursor:pointer;border-radius:6px}
.qap-send-menu a:hover,.qap-send-menu button:hover{background:#F0F2F5;color:#172033}
/* Feed post card, LinkedIn proportions */
body.qap-app #buddypress ul.activity-list > li.activity-item{background:#fff;border:1px solid #E4E7EC;border-radius:8px;padding:14px 16px 8px;margin:0 0 10px;list-style:none;float:none!important;width:auto!important}
body.qap-app #buddypress ul.activity-list{margin:0;padding:0;list-style:none}
body.qap-app #buddypress .activity-header{margin:0 0 6px;font-size:.82rem;color:#5b646b}
body.qap-app #buddypress .activity-content .activity-inner{font-size:.9rem;color:#172033;line-height:1.55;margin:0}
/* App bar: LinkedIn style icon above label */
.qap-appbar-nav{display:flex;gap:2px;margin-left:6px;flex:0 0 auto;justify-content:flex-end}
.qap-appbar-nav a.qap-ab-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:74px;padding:6px 8px 4px;border:0;border-bottom:2px solid transparent;color:#5b646b;font-size:.72rem;font-weight:500;text-decoration:none;line-height:1.2}
.qap-appbar-nav a.qap-ab-link .qap-ab-i{width:22px;height:22px;fill:currentColor;display:block}
.qap-appbar-nav a.qap-ab-link:hover{color:#172033;border-bottom-color:transparent}
.qap-appbar-nav a.qap-ab-link.is-on{color:#172033;border-bottom-color:#172033}
.qap-appbar-user{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.qap-appbar-avatar{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2;color:#5b646b;font-size:.72rem;font-weight:500;text-decoration:none}
.qap-appbar-avatar img{width:28px;height:28px;border-radius:50%;margin:0;display:block}
.qap-appbar-avatar:hover{color:#172033}
@media(max-width:1100px){.qap-appbar-nav a.qap-ab-link{min-width:60px}}
@media(max-width:940px){.qap-appbar-nav a.qap-ab-link span{display:none}.qap-appbar-nav a.qap-ab-link{min-width:44px}}
@media(max-width:820px){.qap-appbar-nav{display:none}}
/* App content column width, matched to the app bar */
body.qap-app #buddypress.buddypress-wrap,body.qap-app > section > .section-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
/* Save and Delete sit at the top right of a post */
body.qap-app #buddypress ul.activity-list > li.activity-item{position:relative}
.qap-topright{position:absolute;top:8px;right:10px;display:flex;gap:2px;z-index:5}
body.qap-app #buddypress .qap-topright .generic-button{margin:0;order:0}
body.qap-app #buddypress .qap-topright .generic-button > a{padding:4px 8px;font-size:.74rem;font-weight:600;color:#7b838a;min-height:0;border-radius:6px}
body.qap-app #buddypress .qap-topright .generic-button > a:hover{background:#F0F2F5;color:#172033}
/* The four main actions share the row evenly and never wrap */
body.qap-app #buddypress .activity-meta{flex-wrap:wrap}
body.qap-app #buddypress .activity-meta > .generic-button:has(.acomment-reply){flex:1 1 0;min-width:0}
.qap-like-wrap,.qap-act.qap-repost,.qap-act.qap-send{flex:1 1 0;min-width:0}
.qap-like-wrap > .qap-act.qap-like{width:100%}
body.qap-app #buddypress .activity-meta .generic-button > a{width:100%}
.qap-act .qap-act-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* labels stay at every width now that the icon sits above them */
/* Left card headline stays to two lines */
.qap-lcard-headline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Top right controls keep the quiet text style once moved out of the action row */
body.qap-app #buddypress .qap-topright .generic-button > a,body.qap-app .qap-topright .generic-button > a,body.qap-app .qap-topright a.button{background:transparent!important;color:#7b838a!important;border:0!important;box-shadow:none!important;padding:4px 8px!important;font-size:.74rem!important;font-weight:600!important;line-height:1.3!important;border-radius:6px!important;min-height:0;display:inline-block;width:auto}
body.qap-app #buddypress .qap-topright .generic-button > a:hover,body.qap-app .qap-topright .generic-button > a:hover{background:#F0F2F5!important;color:#172033!important}
body.qap-app .qap-topright .fav::before{content:'Save';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app .qap-topright .unfav::before{content:'Unsave';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app .qap-topright .delete-activity::before{content:'Delete';display:inline!important;font-family:inherit!important;font-size:inherit}
body.qap-app .qap-topright .bp-screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* A wider centre column, and tighter action buttons so the labels always fit */
body.qap-app #buddypress ul.activity-list > li.activity-item{padding:14px 14px 6px}
.qap-act,body.qap-app #buddypress .activity-meta .generic-button > a{padding:8px 4px;font-size:.78rem;gap:5px}
.qap-act .qap-i{width:17px;height:17px;flex:0 0 17px}
body.qap-app #buddypress .activity-meta .generic-button > a::before{font-size:.95rem}
/* Let each action take its natural width and spread across the row */
body.qap-app #buddypress .activity-meta{justify-content:space-between}
body.qap-app #buddypress .activity-meta > .generic-button:has(.acomment-reply){flex:0 1 auto}
.qap-like-wrap,.qap-act.qap-repost,.qap-act.qap-send{flex:0 1 auto}
.qap-act,body.qap-app #buddypress .activity-meta .generic-button > a{padding:8px 10px}
/* Room for the top right controls, and no @username on the connection preview card */
body.qap-app #buddypress .activity-header{padding-right:104px}
body.qap-app #buddypress .bp-member-nickname{display:none}
body.qap-app #buddypress .bp-member-activity-preview{background:#F9FAFB;border:1px solid #E4E7EC;border-radius:8px;padding:14px;text-align:center}
body.qap-app #buddypress .bp-member-activity-preview .profile-photo{width:64px;height:64px;border-radius:50%;object-fit:cover}
body.qap-app #buddypress .bp-member-short-description-title{margin:8px 0 10px;font-weight:700;color:#172033}
body.qap-app #buddypress .bp-profile-button a.button{display:inline-block;background:transparent!important;color:var(--qa-blue)!important;border:1px solid var(--qa-blue)!important;border-radius:18px!important;padding:5px 16px!important;font-size:.82rem!important;font-weight:600!important}
body.qap-app #buddypress .bp-profile-button a.button:hover{background:#E7F0FE!important}
/* The theme's clearfix pseudo elements become grid items and push the first card out of place */
body.qap-app #buddypress #members-list::before,body.qap-app #buddypress #members-list::after,body.qap-app #buddypress #groups-list::before,body.qap-app #buddypress #groups-list::after,body.qap-app #buddypress ul.activity-list::before,body.qap-app #buddypress ul.activity-list::after{content:none!important;display:none!important}
body.qap-app #buddypress #members-list > li .item-meta,body.qap-app #buddypress #members-list > li .last-activity{white-space:normal}
body.qap-app #buddypress #members-list > li .item-meta,body.qap-app #buddypress #members-list > li .last-activity{width:100%;display:block}
/* =====================================================================
LinkedIn fidelity pass
===================================================================== */
body.qap-app{background:#F0F2F5;font-size:15px;color:#172033}
body.qap-app #buddypress,body.qap-app .woocommerce-MyAccount-content,body.qap-app .qap-nav{font-size:15px}
body.qap-app a{text-decoration:none}
/* Cards */
body.qap-app #buddypress ul.activity-list > li.activity-item,
body.qap-app #buddypress #bp-nouveau-activity-form,
body.qap-app #buddypress nav.activity-type-navs,
body.qap-app #buddypress .screen-content > #subnav-filters,
body.qap-app #buddypress #members-list > li,
body.qap-app #buddypress #groups-list > li,
.qap-lcard,.qap-psec{border:0!important;border-radius:8px!important;box-shadow:0 0 0 1px #E4E7EC!important;background:#fff}
/* ---------- App bar ---------- */
.qap-appbar{border-bottom:0;box-shadow:0 0 0 1px #E4E7EC}
.qap-appbar-in{height:52px;max-width:1128px;gap:8px;padding:0 16px}
body.qap-app{padding-top:52px}
.qap-appbar-logo img{max-height:34px}
.qap-appbar-nav a.qap-ab-link{padding:2px 8px 0;min-width:80px;height:52px;font-size:12px;color:#667085;border-bottom:2px solid transparent}
.qap-appbar-nav a.qap-ab-link .qap-ab-i{width:24px;height:24px}
.qap-appbar-nav a.qap-ab-link:hover{color:#172033}
.qap-appbar-nav a.qap-ab-link.is-on{color:#172033;border-bottom-color:#172033}
.qap-appbar-avatar{height:52px;justify-content:center;font-size:12px;color:#667085}
.qap-appbar-avatar img{width:24px;height:24px}
.qap-appbar-logout{font-size:12px;font-weight:600;color:#667085}
/* ---------- Grid widths, matched to LinkedIn ---------- */
body.qap-app > section,body.qap-app .buddypress-wrap{padding-top:24px!important}
/* ---------- Post composer ---------- */
body.qap-app #buddypress #bp-nouveau-activity-form{padding:12px 16px 4px;margin:0 0 8px}
body.qap-app #buddypress #whats-new-form{display:block}
body.qap-app #buddypress #whats-new-avatar{float:left;margin:0 8px 0 0}
body.qap-app #buddypress #whats-new-avatar img{width:48px;height:48px;border-radius:50%}
body.qap-app #buddypress #whats-new-content{overflow:hidden}
body.qap-app #buddypress #whats-new-textarea > div,body.qap-app #buddypress #whats-new{min-height:48px;border:1px solid #667085;border-radius:35px;padding:12px 16px;font-size:14px;color:#667085;background:#fff;cursor:text}
body.qap-app #buddypress #whats-new:focus,body.qap-app #buddypress #whats-new-textarea > div:focus{border-color:#172033;box-shadow:none;outline:none;color:#172033}
body.qap-app #buddypress #whats-new-form.focus-in #whats-new,body.qap-app #buddypress #whats-new-form.focus-in #whats-new-textarea > div{border-radius:8px;min-height:120px}
.qap-composer-actions{clear:both;display:flex;gap:4px;padding:6px 0 8px;flex-wrap:wrap}
.qap-ca{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:#667085;text-decoration:none}
.qap-ca:hover{background:rgba(0,0,0,.06);color:#172033}
.qap-ca-i{width:20px;height:20px;flex:0 0 20px}
.qap-ca-blue .qap-ca-i{fill:var(--qa-blue)}
.qap-ca-green .qap-ca-i{fill:#5f9b41}
.qap-ca-amber .qap-ca-i{fill:#c37d16}
.qap-ca-plum .qap-ca-i{fill:#8c68cb}
/* ---------- Feed filters ---------- */
body.qap-app #buddypress nav.activity-type-navs{padding:4px 12px;margin:0 0 8px}
body.qap-app #buddypress .screen-content > #subnav-filters{padding:8px 12px;margin:0 0 8px}
body.qap-app #buddypress .bp-navs li a{font-size:15px;font-weight:600;color:#667085}
body.qap-app #buddypress .bp-navs li.selected a,body.qap-app #buddypress .bp-navs li.current a{color:var(--qa-blue)!important;box-shadow:inset 0 -2px 0 var(--qa-blue)}
/* ---------- Post card ---------- */
body.qap-app #buddypress ul.activity-list{gap:8px;display:flex;flex-direction:column}
body.qap-app #buddypress ul.activity-list > li.activity-item{position:relative;padding:12px 16px 4px;margin:0}
body.qap-app #buddypress .activity-avatar{position:absolute;left:16px;top:12px;width:48px;height:48px;margin:0}
body.qap-app #buddypress .activity-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}
body.qap-app #buddypress .activity-content{padding-left:56px}
body.qap-app #buddypress .activity-header{padding-right:80px;min-height:48px;margin:0;font-size:14px}
body.qap-app #buddypress .activity-header p{margin:0;line-height:1.4}
body.qap-app #buddypress .activity-header p:has(.qap-ah-name){display:flex;flex-direction:column;line-height:1.3}
body.qap-app #buddypress .activity-header p:not(:has(.qap-ah-name)) .activity-time-since{display:block;margin-top:2px}
.qap-ah-name{font-size:14px;font-weight:600;color:#172033}
.qap-ah-name:hover{color:var(--qa-blue);text-decoration:underline}
.qap-ah-sub{font-size:12px;color:#667085;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.qap-ah-time,body.qap-app #buddypress .activity-time-since{font-size:12px;color:#667085;display:inline-flex;align-items:center;gap:4px}
.qap-globe{width:12px;height:12px;fill:#667085}
body.qap-app #buddypress .activity-header a:not(.qap-ah-name){color:#172033;font-weight:600}
body.qap-app #buddypress .activity-inner{margin:8px 0 0 -56px;font-size:15px;line-height:1.47;color:#172033}
body.qap-app #buddypress .activity-inner p{margin:0 0 8px}
body.qap-app #buddypress .activity-meta.action{margin-left:-56px}
/* Summary row */
.qap-summary{padding:8px 0 4px;border-bottom:1px solid #E4E7EC;margin-bottom:4px;font-size:12px;color:#667085}
.qap-summary a{color:#667085}
.qap-count-total:hover{color:var(--qa-blue);text-decoration:underline;cursor:default}
/* Action row */
body.qap-app #buddypress .activity-meta{padding:0 0 4px}
body.qap-app #buddypress .activity-meta::before{background:#E4E7EC;margin-bottom:4px}
.qap-act,body.qap-app #buddypress .activity-meta .generic-button > a{font-size:14px;font-weight:600;color:#667085;padding:10px 8px;border-radius:8px;gap:6px;min-height:40px}
.qap-act:hover,body.qap-app #buddypress .activity-meta .generic-button > a:hover{background:#E4E7EC;color:#172033}
.qap-act .qap-i{width:20px;height:20px;flex:0 0 20px}
.qap-act.is-on{color:var(--qa-blue)}
/* Top right controls */
.qap-topright{top:10px;right:12px}
body.qap-app #buddypress .qap-topright .generic-button > a,body.qap-app .qap-topright .generic-button > a{font-size:12px!important;color:#667085!important;padding:6px 8px!important;border-radius:8px!important}
/* Comments */
body.qap-app #buddypress .activity-comments{margin:8px 0 0 -56px;padding:8px 0 0;border-top:1px solid #E4E7EC;background:transparent}
body.qap-app #buddypress .activity-comments > ul{margin:0;padding:0;list-style:none}
body.qap-app #buddypress .activity-comments li{background:transparent;border:0;padding:6px 0;list-style:none;float:none!important;width:auto!important}
body.qap-app #buddypress .activity-comments .acomment-avatar img{width:32px;height:32px;border-radius:50%}
body.qap-app #buddypress .activity-comments .acomment-meta{font-size:12px;color:#667085}
body.qap-app #buddypress .activity-comments .acomment-content{background:#f2f2f2;border-radius:8px;padding:8px 12px;font-size:14px;margin:4px 0 0}
body.qap-app #buddypress .ac-form textarea{border:1px solid #D0D5DD;border-radius:8px;padding:10px 12px;font-size:14px;width:100%}
body.qap-app #buddypress .ac-form .ac-reply-content{padding:0}
/* ---------- Left profile card ---------- */
.qap-lcard{padding:0 12px;text-align:left}
.qap-lcard-cover{height:56px;margin:0 -12px;border-radius:12px 8px 0 0}
.qap-lcard-avatar{width:72px;height:72px;margin:-36px 0 0 0;border:2px solid #fff}
.qap-lcard-name{display:block;margin:12px 0 0;font-size:16px;font-weight:600;color:#172033}
.qap-lcard-headline{margin:2px 0 12px;font-size:12px;color:#667085;line-height:1.33}
.qap-lcard-stats{margin:0 -12px;border-top:1px solid #E4E7EC;border-bottom:1px solid #E4E7EC;padding:12px 0}
.qap-lcard-stats a{padding:4px 12px;font-size:12px;color:#667085;font-weight:600}
.qap-lcard-stats a + a{border-top:0}
.qap-lcard-stats a:hover{background:rgba(0,0,0,.06)}
.qap-lcard-stats strong{color:var(--qa-blue);font-size:12px}
.qap-lcard-foot{padding:12px;font-size:14px;font-weight:600;color:#667085;text-align:left}
.qap-lcard-foot:hover{background:rgba(0,0,0,.06);color:#172033}
/* ---------- Right rail ---------- */
.qap-people li{padding:12px 0;border-top:0}
.qap-people li + li{border-top:1px solid #E4E7EC}
.qap-people-txt > a{font-size:14px;font-weight:600}
.qap-people-txt > span.qap-people-head{font-size:12px;color:#667085;margin:0 0 8px}
.qap-people-btn{border:1px solid #667085;border-radius:8px;padding:5px 16px;font-size:14px;font-weight:600;color:#667085}
.qap-people-btn:hover{background:#E4E7EC;border-width:2px;padding:4px 15px;color:#172033}
.qap-rail-legal{font-size:12px;color:#667085;padding:8px 0}
/* ---------- Member profile header ---------- */
body.qap-app.bp-user #buddypress #item-header{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #E4E7EC;overflow:hidden;padding:0 0 16px;margin:0 0 8px}
body.qap-app.bp-user #buddypress #header-cover-image{height:198px;border-radius:12px 8px 0 0;background-size:cover;background-position:center}
body.qap-app.bp-user #buddypress #item-header-avatar{margin:-92px 0 0 24px;position:relative;z-index:2;float:none}
body.qap-app.bp-user #buddypress #item-header-avatar img{width:152px;height:152px;border-radius:50%;border:4px solid #fff;object-fit:cover;background:#fff}
body.qap-app.bp-user #buddypress #item-header-content{padding:12px 24px 0;float:none;margin:0;width:auto}
#buddypress #item-header-content h2.qap-name{font-size:24px;line-height:1.25;font-weight:600;margin:0}
.qap-headline{font-size:16px;color:#172033;margin:4px 0 0;line-height:1.5}
.qap-hero-loc{font-size:14px;color:#667085;margin:4px 0 0}
.qap-conns{margin:4px 0 0;font-size:14px}
.qap-conns a{color:var(--qa-blue);font-weight:600}
.qap-hero-meta{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.qap-badge{background:#E7F0FE;border:0;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;color:#3C4657}
.qap-badge-cert{background:#eaf3ea;color:#37561f}
body.qap-app.bp-user #buddypress .member-header-actions{margin:12px 24px 0;display:flex;gap:8px;flex-wrap:wrap;position:static;float:none}
body.qap-app.bp-user #buddypress .member-header-actions .generic-button{margin:0}
body.qap-app.bp-user #buddypress .member-header-actions a,body.qap-app.bp-user #buddypress .member-header-actions button{border-radius:8px!important;padding:6px 16px!important;font-size:14px!important;font-weight:600!important;border:1px solid var(--qa-blue)!important;background:var(--qa-blue)!important;color:#fff!important;box-shadow:none!important}
body.qap-app.bp-user #buddypress .member-header-actions .generic-button + .generic-button a{background:transparent!important;color:var(--qa-blue)!important}
body.qap-app.bp-user #buddypress .item-meta .activity{font-size:12px;color:#667085;margin:8px 24px 0}
body.qap-app.bp-user #buddypress #item-header h2.user-nicename{display:none}
/* Profile sections */
.qap-psec{padding:16px 24px;margin:0 0 8px}
.qap-psec h3,.qap-psec > h2{font-size:20px;font-weight:600;color:#172033;margin:0 0 4px}
.qap-psec .qap-psec-edit{font-size:14px;font-weight:600;color:var(--qa-blue)}
.qap-plist li{padding:12px 0;border-top:1px solid #E4E7EC}
.qap-plist li:first-child{border-top:0;padding-top:4px}
/* Profile navigation tabs */
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #E4E7EC;padding:0 8px;margin:0 0 8px}
body.qap-app.bp-user #buddypress .item-body{background:transparent}
/* ---------- Member and group cards ---------- */
body.qap-app #buddypress #members-list > li{padding:16px 12px}
body.qap-app #buddypress #members-list > li .item-avatar img{width:72px;height:72px;box-shadow:none;border:0}
body.qap-app #buddypress #members-list > li .item-title a{font-size:16px;font-weight:600}
body.qap-app #buddypress #members-list > li .item-meta,body.qap-app #buddypress #members-list > li .last-activity{font-size:12px;color:#667085}
body.qap-app #buddypress #members-list > li .action .generic-button a,body.qap-app #buddypress #members-list > li .action .generic-button button{border-radius:8px!important;border:1px solid #667085!important;color:#667085!important;background:#fff!important;font-size:14px!important;padding:5px 16px!important}
body.qap-app #buddypress #members-list > li .action .generic-button a:hover{background:#E4E7EC!important;color:#172033!important}
@media(max-width:1180px){body.qap-app.bp-user #buddypress #item-header-avatar{margin-left:16px!important}}
@media(max-width:700px){
body.qap-app.bp-user #buddypress #header-cover-image{height:120px!important}
body.qap-app.bp-user #buddypress #item-header-cover-image{padding-top:120px!important}
body.qap-app.bp-user #buddypress #item-header-avatar{margin:-60px 0 0 16px!important}
body.qap-app.bp-user #buddypress #item-header-avatar img{width:100px!important;height:100px!important}
#buddypress #item-header-content h2.qap-name{font-size:20px}
}
/* Post text sits plainly on the card, and the action buttons carry no border */
body.qap-app #buddypress .activity-inner,body.qap-app #buddypress ul.activity-list > li .activity-inner{background:transparent!important;padding:0!important;border:0!important}
body.qap-app #buddypress ul.activity-list > li .activity-inner{margin:8px 0 0 -56px;font-size:14px;line-height:1.43;color:#172033}
.qap-act,.qap-act.qap-like,.qap-act.qap-repost,.qap-act.qap-send,.qap-react,.qap-copy{border:0!important;background:transparent!important;box-shadow:none!important;outline:none}
.qap-act:hover,.qap-react:hover{background:#E4E7EC!important}
.qap-act:focus-visible{outline:2px solid var(--qa-blue);outline-offset:1px}
.qap-send-menu button.qap-copy{background:transparent!important}
.qap-send-menu button.qap-copy:hover{background:#E4E7EC!important}
body.qap-app #buddypress ul.activity-list > li .activity-inner blockquote{background:#f9fafb;border-left:3px solid rgba(0,0,0,.15);border-radius:0 8px 8px 0;margin:8px 0 0;padding:8px 12px}
/* Buttons under your own name on your profile */
.qap-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.qap-pbtn{display:inline-block;border:1px solid #667085;border-radius:8px;padding:5px 16px;font-size:14px;font-weight:600;color:#667085;text-decoration:none;line-height:1.5}
.qap-pbtn:hover{background:#E4E7EC;border-width:2px;padding:4px 15px;color:#172033}
.qap-pbtn-primary{background:var(--qa-blue);border-color:var(--qa-blue);color:#fff}
.qap-pbtn-primary:hover{background:var(--qa-blue-dark);border-color:var(--qa-blue-dark);color:#fff;border-width:1px;padding:5px 16px}
/* ---------- People and Groups directories: LinkedIn search result rows ---------- */
body.qap-app #buddypress #members-list,body.qap-app #buddypress ul#members-list,body.qap-app #buddypress #groups-list{display:block!important;background:#fff;border-radius:8px;box-shadow:0 0 0 1px #E4E7EC;margin:0;padding:0;list-style:none;overflow:hidden}
body.qap-app #buddypress #members-list > li,body.qap-app #buddypress #groups-list > li{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:16px;margin:0!important;background:transparent;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;border-bottom:1px solid #E4E7EC!important}
body.qap-app #buddypress #members-list > li:last-child,body.qap-app #buddypress #groups-list > li:last-child{border-bottom:0!important}
body.qap-app #buddypress #members-list > li:hover,body.qap-app #buddypress #groups-list > li:hover{background:#F9FAFB}
body.qap-app #buddypress #members-list > li .list-wrap,body.qap-app #buddypress #groups-list > li .list-wrap{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;text-align:left}
body.qap-app #buddypress #members-list > li .item-avatar,body.qap-app #buddypress #groups-list > li .item-avatar{flex:0 0 56px;width:56px;margin:0}
body.qap-app #buddypress #members-list > li .item-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover}
body.qap-app #buddypress #groups-list > li .item-avatar img{width:56px;height:56px;border-radius:8px;object-fit:cover}
body.qap-app #buddypress #members-list > li .item,body.qap-app #buddypress #groups-list > li .item{flex:1 1 auto;min-width:0;margin:0;text-align:left}
body.qap-app #buddypress #members-list > li .item-title,body.qap-app #buddypress #groups-list > li .item-title{margin:0;text-align:left}
body.qap-app #buddypress #members-list > li .item-title a{font-size:16px;font-weight:600;color:#172033}
body.qap-app #buddypress #members-list > li .item-title a:hover{color:var(--qa-blue);text-decoration:underline}
body.qap-app #buddypress #members-list > li .item-meta,body.qap-app #buddypress #members-list > li .last-activity{text-align:left!important;margin:2px 0 0;font-size:12px;color:#667085}
body.qap-app #buddypress #members-list > li .item-extra,body.qap-app #buddypress #members-list > li .user-update{text-align:left!important;margin:6px 0 0;font-size:14px;color:#667085}
body.qap-app #buddypress #members-list > li .user-update p,body.qap-app #buddypress #members-list > li .item-extra p{-webkit-line-clamp:2}
body.qap-app #buddypress #members-list > li .action,body.qap-app #buddypress #groups-list > li .action{margin:0 0 0 auto!important;flex:0 0 auto;align-self:center;justify-content:flex-end}
body.qap-app #buddypress .bp-feedback,body.qap-app #buddypress #message,body.qap-app #buddypress .pag-count,body.qap-app #buddypress .bp-pagination-links{font-size:14px;color:#667085}
body.qap-app #buddypress .bp-pagination{padding:8px 0}
/* Directory row: name, headline, activity on the left; the button on the right */
body.qap-app #buddypress #members-list > li .item{display:block}
body.qap-app #buddypress #members-list > li .item-block{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}
body.qap-app #buddypress #members-list > li .item-block > *{grid-column:1;margin:0}
body.qap-app #buddypress #members-list > li .item-block > .action{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0!important;padding:0;list-style:none;display:flex;gap:8px}
body.qap-app #buddypress #members-list > li .item-block > .action li{background:transparent;border:0;padding:0;margin:0;list-style:none;float:none!important}
.qap-dir-head{font-size:14px;color:#667085;margin:2px 0 0!important;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.qap-app #buddypress #members-list > li .user-update,body.qap-app #buddypress #members-list > li .item-extra{background:transparent!important;padding:0!important;border:0!important;margin:8px 0 0!important;font-size:14px;color:#667085}
body.qap-app #buddypress #members-list > li .user-update p{background:transparent!important;padding:0!important;margin:0}
/* Directory rows: fill the width and keep name, headline, activity in that order */
body.qap-app #buddypress #members-list > li .item,body.qap-app #buddypress #members-list > li .item-block,body.qap-app #buddypress #members-list > li .user-update{width:100%!important;float:none!important;max-width:none!important}
body.qap-app #buddypress #members-list > li .item-block > .list-title,body.qap-app #buddypress #members-list > li .item-block > h2{grid-row:1}
body.qap-app #buddypress #members-list > li .item-block > .qap-dir-head{grid-row:2}
body.qap-app #buddypress #members-list > li .item-block > .item-meta,body.qap-app #buddypress #members-list > li .item-block > .last-activity{grid-row:3}
body.qap-app #buddypress #members-list > li .item-block > .action{grid-row:1 / span 3;white-space:nowrap}
body.qap-app #buddypress #groups-list > li .item,body.qap-app #buddypress #groups-list > li .item-block{width:100%!important;float:none!important}
/* Directory avatar placeholder so a missing photo keeps the row aligned */
body.qap-app #buddypress #members-list > li .item-avatar,body.qap-app #buddypress #groups-list > li .item-avatar{min-height:56px;background:rgba(0,0,0,.06);border-radius:50%;overflow:hidden}
body.qap-app #buddypress #groups-list > li .item-avatar{border-radius:8px}
body.qap-app #buddypress #members-list > li .item-avatar a{display:block;width:56px;height:56px}
/* =====================================================================
Measured against LinkedIn: exact tokens
===================================================================== */
body.qap-app{background:#F0F2F5;color:#172033;font-size:14px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Oxygen,Cantarell,"Helvetica Neue",Arial,sans-serif}
.qap-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Card surface */
.qap-card,
body.qap-app #buddypress ul.activity-list > li.activity-item,
body.qap-app #buddypress #bp-nouveau-activity-form,
body.qap-app #buddypress nav.activity-type-navs,
body.qap-app #buddypress .screen-content > #subnav-filters,
body.qap-app #buddypress #members-list,
body.qap-app #buddypress #groups-list,
body.qap-app.bp-user #buddypress #item-header,
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs,
.qap-lcard,.qap-psec{background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC!important}
body.qap-app #buddypress ul.activity-list{gap:8px}
.qap-rail > * + *{margin-top:8px}
/* Layout */
body.qap-app #buddypress.buddypress-wrap,body.qap-app > section > .section-inner{max-width:1128px;padding-left:16px;padding-right:16px}
/* The account screens run wider, because they carry a third column. */
body.qap-app.woocommerce-account > section > .section-inner{max-width:1360px}
/* ---------- Identity card ---------- */
.qap-lcard{padding:0 12px 12px;text-align:left;overflow:hidden}
.qap-lcard-cover{display:block;height:56px;margin:0 -12px;background:#173B5F linear-gradient(120deg,#173B5F,var(--qa-blue-dark));background-size:cover;background-position:center;border-radius:12px 8px 0 0}
.qap-lcard-avatar{display:block;width:72px;height:72px;margin:-22px 0 0;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#fff}
.qap-lcard-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;margin:0}
.qap-lcard-name{display:block;margin:12px 0 0;font-size:20px;font-weight:600;line-height:1.25;color:#172033}
.qap-lcard-name:hover{text-decoration:underline}
.qap-lcard-headline{margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.33;color:#172033}
.qap-lcard-loc{margin:4px 0 0;font-size:12px;color:#667085}
.qap-lcard-cta{display:inline-flex;align-items:center;gap:4px;margin:12px 0 0;border:1px solid #D0D5DD;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;color:#3C4657;width:100%;justify-content:center;box-sizing:border-box}
.qap-lcard-cta:hover{background:rgba(0,0,0,.06);color:#172033}
.qap-plus{font-weight:700}
/* Stats card */
.qap-lstats{padding:12px 0}
.qap-lstats a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#667085}
.qap-lstats a:hover{background:rgba(0,0,0,.06)}
.qap-lstats strong{color:var(--qa-blue);font-size:12px;font-weight:600;white-space:nowrap}
/* Links card */
.qap-llinks{padding:12px 0}
.qap-llinks a{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;color:#172033}
.qap-llinks a:hover{background:rgba(0,0,0,.06)}
.qap-li{width:16px;height:16px;fill:#667085;flex:0 0 16px}
/* ---------- Right rail ---------- */
.qap-people{list-style:none;margin:0;padding:0}
.qap-people li{display:flex;gap:8px;align-items:flex-start;padding:12px 0;border:0}
.qap-people li + li{border-top:1px solid #E4E7EC}
.qap-people-av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;display:block}
.qap-people-av img{width:48px;height:48px;object-fit:cover;border-radius:50%;display:block;margin:0}
.qap-people-name{display:block;font-size:14px;font-weight:600;color:#172033;line-height:1.3}
.qap-people-name:hover{text-decoration:underline}
.qap-people-txt > span.qap-people-head{font-size:12px;color:#667085;line-height:1.33;margin:2px 0 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.qap-people-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid #667085;border-radius:8px;padding:5px 16px;font-size:14px;font-weight:600;color:#667085;line-height:1.4}
.qap-people-btn:hover{background:#E4E7EC;color:#172033;border-color:#172033}
.qap-rail-legal{font-size:12px;color:#667085;text-align:center;margin:8px 0 0;padding:0 8px;line-height:1.6}
.qap-rail-legal a{color:#667085}
.qap-rail-legal a:hover{color:var(--qa-blue);text-decoration:underline}
/* ---------- Post card, to LinkedIn's measurements ---------- */
body.qap-app #buddypress ul.activity-list > li.activity-item{padding:12px 16px 4px}
body.qap-app #buddypress .activity-avatar img{width:48px;height:48px;border-radius:50%}
.qap-ah-name{font-size:16px;font-weight:600;line-height:20px;color:#172033}
.qap-ah-sub{font-size:12px;font-weight:400;line-height:15px;color:#667085}
.qap-ah-time,body.qap-app #buddypress .activity-time-since{font-size:12px;font-weight:400;line-height:15px;color:#667085}
.qap-globe{width:12px;height:12px;fill:#667085;display:inline-block;vertical-align:-1px}
body.qap-app #buddypress ul.activity-list > li .activity-inner{font-size:14px;line-height:1.43;color:#172033}
.qap-summary{font-size:14px;font-weight:400;color:#667085;padding:8px 0;border-bottom:1px solid #E4E7EC;margin-bottom:4px}
.qap-count-comments{font-size:14px;color:#667085}
.qap-face{width:16px;height:16px;flex:0 0 16px}
/* Action row: four evenly spread buttons */
.qap-act,body.qap-app #buddypress .activity-meta .generic-button > a{font-size:14px;font-weight:600;color:#3C4657;min-height:48px;padding:0 8px;border-radius:8px;gap:4px}
.qap-act .qap-i{width:16px;height:16px;flex:0 0 16px;fill:#3C4657}
.qap-act:hover,body.qap-app #buddypress .activity-meta .generic-button > a:hover{background:#E4E7EC;color:#172033}
.qap-act.is-on{color:var(--qa-blue)}
.qap-act.is-on .qap-i{fill:var(--qa-blue)}
body.qap-app #buddypress .activity-meta .generic-button > a::before{font-size:14px;font-weight:600}
/* Composer */
body.qap-app #buddypress #bp-nouveau-activity-form{padding:12px 16px}
body.qap-app #buddypress #whats-new-avatar img{width:48px;height:48px;border-radius:50%}
body.qap-app #buddypress #whats-new,body.qap-app #buddypress #whats-new-textarea > div{border:1px solid #D0D5DD;border-radius:35px;min-height:48px;padding:14px 16px;font-size:14px;color:#667085}
body.qap-app #buddypress #whats-new:hover,body.qap-app #buddypress #whats-new-textarea > div:hover{background:#F0F2F5}
.qap-composer-actions{padding:4px 0 0;gap:0;justify-content:space-between}
.qap-ca{font-size:14px;font-weight:600;color:#667085;padding:8px 10px;border-radius:8px}
.qap-ca-i{width:20px;height:20px}
/* Top bar */
.qap-appbar-in{height:52px;max-width:1128px}
body.qap-app{padding-top:52px}
/* Connect button keeps to one line */
.qap-people-btn{display:inline-flex!important;width:auto!important;max-width:none;white-space:nowrap;flex:0 0 auto}
.qap-people-txt{display:block}
/* The filter row sits on the page, not in its own card, the way LinkedIn shows Sort by */
body.qap-app #buddypress .screen-content > #subnav-filters{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px 0 8px!important;margin:0!important;display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
body.qap-app #buddypress #subnav-filters .bp-search{flex:1 1 200px;max-width:280px}
body.qap-app #buddypress #subnav-filters input[type=search],body.qap-app #buddypress #subnav-filters input[type=text]{width:100%;border:1px solid #D0D5DD;border-radius:8px;padding:6px 10px;font-size:14px;background:#fff}
body.qap-app #buddypress #subnav-filters select{border:0;background:transparent;font-size:14px;font-weight:600;color:#172033;padding:4px 2px}
body.qap-app #buddypress #subnav-filters .feed-url,body.qap-app #buddypress #subnav-filters .bp-feed{order:-1;margin-right:auto}
body.qap-app #buddypress nav.activity-type-navs{padding:0 12px;margin:0 0 8px}
body.qap-app #buddypress nav.activity-type-navs ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}
body.qap-app #buddypress nav.activity-type-navs li a{padding:12px 8px;font-size:14px;font-weight:600}
/* Filter row stays on one line */
body.qap-app #buddypress #subnav-filters .bp-search form,body.qap-app #buddypress #subnav-filters form{display:flex;align-items:center;gap:4px;margin:0}
body.qap-app #buddypress #subnav-filters button,body.qap-app #buddypress #subnav-filters input[type=submit]{background:transparent!important;border:0!important;box-shadow:none!important;color:#667085!important;padding:4px 6px!important;min-height:0!important;width:auto!important;flex:0 0 auto}
body.qap-app #buddypress #subnav-filters .feed-url a{color:#667085;font-size:14px}
body.qap-app #buddypress #subnav-filters li{list-style:none;float:none!important;margin:0}
body.qap-app #buddypress #subnav-filters ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;width:100%;justify-content:flex-end}
/* Directory row: keep the button column tight so the headline gets the room */
body.qap-app #buddypress #members-list > li .item-block > .action,body.qap-app #buddypress #groups-list > li .item-block > .action{width:max-content;padding:0!important}
/* Jobs and the Auditor Register inside the app chrome */
body.qap-app.page .entry-content,body.qap-app.page .section-inner > .container{max-width:1128px;margin:0 auto}
body.qap-app .job_listings,body.qap-app .qap-register-search,body.qap-app .job_filters,body.qap-app #job-manager-job-filters{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
body.qap-app .job_filters .search_jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}
body.qap-app .job_filters .search_jobs > div{margin:0}
body.qap-app .job_filters input[type=text],body.qap-app .job_filters select,body.qap-app .qap-register-search input,body.qap-app .qap-register-search select{width:100%;box-sizing:border-box;border:1px solid #D0D5DD;border-radius:8px;padding:8px 10px;font-size:14px;background:#fff}
body.qap-app .job_filters .filter_by_tag,body.qap-app .job_filters .job_types{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#667085;margin:12px 0 0;padding:0;list-style:none}
body.qap-app .job_filters .job_types li{list-style:none;float:none!important;margin:0}
body.qap-app ul.job_listings li.job_listing{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;margin:0 0 8px;padding:12px 16px;float:none!important;width:auto!important}
body.qap-app .no_job_listings_found{font-size:14px;color:#667085;padding:16px}
body.qap-app .qap-register-search{margin:0 0 8px}
body.qap-app .qap-register-results,body.qap-app .qap-register-row{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
/* Page heading inside the app */
.qap-page-head{max-width:1128px;margin:0 auto 12px;padding:0}
.qap-page-head h1{font-size:24px;font-weight:600;color:#172033;margin:0}
/* Jobs search form */
body.qap-app .job_filters .search_jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin:0}
body.qap-app .job_filters .search_jobs > div{display:block;margin:0;float:none!important;width:auto!important;padding:0}
body.qap-app .job_filters label{display:block;font-size:12px;font-weight:600;color:#667085;margin:0 0 4px}
body.qap-app .job_filters .search_checkboxes,body.qap-app .job_filters .job_types{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:4px 0 0}
body.qap-app .job_filters .search_checkboxes label,body.qap-app .job_filters .job_types li label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:400;color:#3C4657}
body.qap-app .job_filters input[type=submit],body.qap-app .job_filters .search_submit input{background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:8px 20px!important;font-size:14px!important;font-weight:600!important;width:auto!important;box-shadow:none!important}
body.qap-app .job_filters input[type=submit]:hover{background:var(--qa-blue-dark)!important}
body.qap-app .job_filters .showing_jobs,body.qap-app .job_filters .rss_link{grid-column:1/-1;font-size:12px;color:#667085}
body.qap-app ul.job_listings li.job_listing a{display:flex;gap:12px;align-items:center;color:#172033}
body.qap-app ul.job_listings li.job_listing .position h3{font-size:16px;font-weight:600;margin:0}
/* Repost attribution line */
body.qap-app #buddypress .activity-inner .qap-repost-of{display:block;font-style:normal;font-size:12px;color:#667085;margin:0 0 4px}
body.qap-app #buddypress .activity-inner .qap-repost-of a{color:#172033;font-weight:600}
/* Quoted repost */
body.qap-app #buddypress .activity-inner blockquote{background:#fff;border:1px solid rgba(0,0,0,.15);border-left-width:1px;border-radius:8px;margin:8px 0 0;padding:12px}
body.qap-app #buddypress .activity-inner blockquote cite{display:block;font-style:normal;font-size:12px;font-weight:600;color:#667085;margin:0 0 6px}
body.qap-app #buddypress .activity-inner blockquote cite a{color:#172033}
body.qap-app #buddypress .activity-inner blockquote p{margin:0;font-size:14px;color:#172033}
/* =====================================================================
Profile page clean up: no duplicated blocks, no stray search, tidy spacing
===================================================================== */
/* The LinkedIn sections replace BuddyPress's own profile table on the View screen.
With the sections rail in place both the rail and the sections live inside the
member body, so only BuddyPress's own profile output is put away. */
body.qap-profile-view:not(.qap-srail-on) #buddypress .bp-wrap > .item-body{display:none!important}
body.qap-profile-view.qap-srail-on #buddypress .qap-sbody > *:not(.qap-profile){display:none!important}
/* Order down the page: header card, tabs, then the sections */
body.qap-app.bp-user #buddypress > .users-header > #cover-image-container{grid-column:1;grid-row:1}
body.qap-app.bp-user #buddypress > .bp-wrap{grid-column:1;grid-row:2;margin:8px 0 0}
body.qap-app.bp-user #buddypress > .users-header > .qap-profile{grid-column:1;grid-row:3}
/* Header card: the cover and the details are one surface */
body.qap-app.bp-user #buddypress #cover-image-container{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;overflow:hidden;position:relative}
body.qap-app.bp-user #buddypress #item-header-content{padding:12px 24px 20px;background:transparent;box-shadow:none}
body.qap-app.bp-user #buddypress #item-header-avatar{margin:-92px 0 0 24px!important}
body.qap-app.bp-user #buddypress .item-meta,body.qap-app.bp-user #buddypress #item-header .activity{display:none!important}
.qap-profile-actions{margin:16px 0 0}
/* Section cards */
.qap-profile{display:block}
.qap-psec{padding:16px 24px;margin:0 0 8px}
.qap-psec:last-child{margin-bottom:0}
.qap-psec h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;font-weight:600;color:#172033;margin:0 0 12px;line-height:1.3}
.qap-psec .qap-edit{font-size:14px;font-weight:600;color:var(--qa-blue);white-space:nowrap}
.qap-psec .qap-edit:hover{text-decoration:underline}
.qap-psec > p{margin:0;font-size:14px;line-height:1.43;color:#172033}
.qap-note{color:#667085!important}
.qap-plist{list-style:none;margin:0;padding:0}
.qap-plist li{padding:12px 0;border-top:1px solid #E4E7EC}
.qap-plist li:first-child{border-top:0;padding-top:0}
.qap-plist li:last-child{padding-bottom:0}
.qap-plist strong{font-size:16px;font-weight:600;color:#172033}
.qap-plist small{font-size:12px;color:#667085;display:block;margin-top:2px}
.qap-plist li > div > p{margin:8px 0 0;font-size:14px;line-height:1.43;color:#3C4657}
.qap-skills{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.qap-skills span{background:#f3f2ef;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;color:#3C4657}
dl.qap-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;margin:0}
dl.qap-details dt{font-size:14px;font-weight:600;color:#667085;padding:8px 0;border-top:1px solid #E4E7EC}
dl.qap-details dd{font-size:14px;color:#172033;margin:0;padding:8px 0;border-top:1px solid #E4E7EC;word-break:break-word}
dl.qap-details dt:first-of-type,dl.qap-details dt:first-of-type + dd{border-top:0}
dl.qap-details a{color:var(--qa-blue);font-weight:600}
dl.qap-details a:hover{text-decoration:underline}
/* Member tabs under the header */
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs{padding:0 8px;margin:0}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs ul{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li{float:none!important;margin:0;list-style:none}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li a{display:flex;align-items:center;gap:6px;padding:14px 12px;font-size:14px;font-weight:600;color:#667085;border-bottom:2px solid transparent;border-radius:0}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li a:hover{color:#172033;background:#F0F2F5}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li.current a,body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li.selected a{color:var(--qa-blue)!important;border-bottom-color:var(--qa-blue);background:transparent!important}
body.qap-app.bp-user #buddypress .bp-wrap > nav.main-navs li a .count,body.qap-app #buddypress .bp-navs li a .count{background:var(--qa-blue);color:#fff;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.6}
/* Sub navigation inside a member screen */
body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:0 8px;margin:0 0 8px}
body.qap-app.bp-user #buddypress .item-body{background:transparent;padding:0;margin:8px 0 0}
/* One search box only: the one in the top bar */
body.qap-app #buddypress #members-directory-form .bp-search,
body.qap-app #buddypress #groups-directory-form .bp-search,
body.qap-app #buddypress #activity-directory-form .bp-search,
body.qap-app.directory #buddypress .bp-search,
body.qap-app.directory #buddypress #subnav-filters .bp-search,
body.qap-app.directory #buddypress .dir-search{display:none!important}
body.qap-app.directory #buddypress #subnav-filters{justify-content:flex-end}
/* Header card spacing: no dead space under the avatar, even steps between lines */
body.qap-app.bp-user #buddypress #item-header-avatar{line-height:0;font-size:0}
body.qap-app.bp-user #buddypress #item-header-avatar a{display:inline-block;line-height:0}
body.qap-app.bp-user #buddypress #item-header-avatar img{display:block;margin:0}
body.qap-app.bp-user #buddypress #item-header-content{display:block!important;padding:12px 24px 20px!important;gap:0}
body.qap-app.bp-user #buddypress #item-header-content > *{margin-left:0;margin-right:0}
#buddypress #item-header-content h2.qap-name{margin:0!important;font-size:24px;line-height:1.25}
body.qap-app.bp-user #buddypress .qap-headline{margin:4px 0 0!important;font-size:16px;line-height:1.5;color:#172033}
body.qap-app.bp-user #buddypress .qap-conns{margin:4px 0 0!important;font-size:14px;line-height:1.43}
body.qap-app.bp-user #buddypress .qap-hero-loc{margin:4px 0 0!important;font-size:14px;line-height:1.43;color:#667085}
body.qap-app.bp-user #buddypress .qap-hero-meta{margin:12px 0 0!important}
body.qap-app.bp-user #buddypress .qap-profile-actions{margin:16px 0 0!important}
body.qap-app.bp-user #buddypress .member-header-actions:empty{display:none!important}
body.qap-app.bp-user #buddypress .member-header-actions{margin:16px 0 0!important;order:9}
/* Header card: fixed reading order, name, headline, meta, connections, badges, buttons */
body.qap-app.bp-user #buddypress #item-header-content{display:flex!important;flex-direction:column;gap:0;align-items:flex-start;padding:12px 24px 20px!important}
body.qap-app.bp-user #buddypress #item-header-content > h2.user-nicename{display:none!important}
body.qap-app.bp-user #buddypress #item-header-content > h2.qap-name{order:1}
body.qap-app.bp-user #buddypress #item-header-content > .qap-headline{order:2}
body.qap-app.bp-user #buddypress #item-header-content > .qap-hero-loc{order:3}
body.qap-app.bp-user #buddypress #item-header-content > .qap-conns{order:4}
body.qap-app.bp-user #buddypress #item-header-content > .qap-hero-meta{order:5}
body.qap-app.bp-user #buddypress #item-header-content > .qap-profile-actions{order:6}
body.qap-app.bp-user #buddypress #item-header-content > .member-header-actions{order:6;display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0!important}
body.qap-app.bp-user #buddypress #item-header-content > *{width:auto;max-width:100%}
/* Directory rows: compact button so the headline keeps its width; one result count only */
body.qap-app #buddypress #members-list > li .action .generic-button a,body.qap-app #buddypress #members-list > li .action .generic-button button{font-size:13px!important;padding:5px 12px!important}
body.qap-app.directory #buddypress .bp-pagination.bottom .pag-count,body.qap-app.directory #buddypress #member-dir-pag-bottom .pag-count,body.qap-app.directory #buddypress #group-dir-pag-bottom .pag-count,body.qap-app.directory #buddypress .bp-pagination:last-of-type .pag-count{display:none}
body.qap-app.directory #buddypress .bp-pagination{padding:8px 0;font-size:14px;color:#667085}
body.qap-app.directory #buddypress .pag-count{font-size:14px;color:#667085}
/* Screen reader headings stay hidden, and the composer shortcuts belong to the feed only */
body.qap-app #buddypress .bp-screen-reader-text,body.qap-app #buddypress h2.bp-screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
body.qap-app.bp-user .qap-composer-actions{display:none!important}
body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs li{float:none!important;margin:0;list-style:none}
body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs li a{display:block;padding:12px 12px;font-size:14px;font-weight:600;color:#667085;border-bottom:2px solid transparent}
body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs li.current a,body.qap-app.bp-user #buddypress .item-body > nav.bp-subnavs li.selected a{color:var(--qa-blue)!important;border-bottom-color:var(--qa-blue)}
body.qap-app.bp-user #buddypress .item-body div.bp-feedback,body.qap-app.bp-user #buddypress .item-body #message{margin:0 0 8px}
body.qap-app.bp-user #buddypress #subnav-filters{background:transparent!important;box-shadow:none!important;padding:4px 0 8px!important;margin:0!important}
/* The tabs already name the screen, so the repeated screen title is dropped */
body.qap-app #buddypress h2.bp-screen-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:-1px!important}
body.qap-app.bp-user #buddypress .item-body #subnav-filters{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px 0 8px!important;margin:0!important;display:flex;justify-content:flex-end;align-items:center;gap:8px}
body.woocommerce-account .qap-btn-small{border-radius:8px!important;padding:6px 16px!important;font-size:14px!important;font-weight:600!important}
/* =====================================================================
One top gap everywhere: 52px bar, then 24px, exactly as LinkedIn
===================================================================== */
body.qap-app{padding-top:52px}
body.qap-app > section,body.qap-app .buddypress-wrap,body.qap-app > div.site-content,body.qap-app main{padding-top:24px!important;padding-bottom:24px!important}
body.qap-app > section > .section-inner{padding-top:0!important;padding-bottom:0!important}
body.qap-app .page-hero,body.qap-app .breadcrumbs{display:none!important}
body.qap-app #buddypress{margin-top:0!important}
body.qap-app .woocommerce-notices-wrapper:empty{display:none}
/* =====================================================================
Messaging, two panes: the conversation list and the open conversation
The one place the messaging screens are styled: list, tabs, search,
conversation header, messages, composer, compose form, menus, the
confirm dialog, loading, empty and error states, and the switch to one
pane at a time on phones. Updated 27 September 2026 (UI refresh).
===================================================================== */
body.qap-msg{
--qm-line:var(--qa-line,#E4E7EC);
--qm-ctl:#D0D5DD;
--qm-ink:var(--qa-ink,#172033);
--qm-dim:var(--qa-text-2,#5B6B85);
--qm-blue:var(--qa-blue,#0A5BB0);
--qm-blue-dark:var(--qa-blue-dark,#084A90);
--qm-soft:var(--qa-blue-soft,#E7F0FE);
--qm-hover:#F4F6F9;
--qm-red:var(--qa-red,#B42318);
--qm-red-soft:var(--qa-red-soft,#FEECEB);
--qm-ring:0 0 0 3px rgba(10,91,176,.16);
--qm-pop:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
}
body.qap-msg #buddypress .bp-wrap > nav.main-navs{margin:0}
body.qap-msg .qap-msg-shell,body.qap-msg .qap-msg-shell *,body.qap-msg .qap-msg-shell *::before,body.qap-msg .qap-msg-shell *::after{box-sizing:border-box}
.qap-sr,body.qap-msg .qap-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
/* The frame: one card, two panes, fixed height so each pane scrolls on its own */
body.qap-msg #buddypress .qap-msg-shell{display:grid;grid-template-columns:320px minmax(0,1fr);height:clamp(480px,calc(100vh - 112px),880px);min-height:0;margin:0;background:#fff;border:1px solid var(--qm-line);border-radius:12px;box-shadow:none;overflow:hidden}
/* ---------- Left pane ---------- */
body.qap-msg .qap-msg-list{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;background:#fff;border-right:1px solid var(--qm-line)}
body.qap-msg .qap-msg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:8px 12px 4px 16px;margin:0;border:0}
body.qap-msg .qap-msg-title{font-size:16px;line-height:24px;font-weight:600;color:var(--qm-ink);letter-spacing:-.005em}
body.qap-msg .qap-msg-new{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--qm-dim);text-decoration:none;transition:background-color .12s,color .12s}
body.qap-msg .qap-msg-new svg{width:20px;height:20px;fill:currentColor}
body.qap-msg .qap-msg-new:hover{background:var(--qm-hover);color:var(--qm-ink)}
body.qap-msg .qap-msg-new:focus-visible{outline:2px solid var(--qm-blue);outline-offset:0}
/* Inbox, Starred and Sent are tabs: text with a 2px underline for the one in view */
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters{margin:0!important;padding:0 8px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--qm-line)!important;border-radius:0!important;box-shadow:none!important}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters ul{display:flex;gap:4px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters ul::-webkit-scrollbar{display:none}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li{float:none!important;margin:0!important;padding:0!important;list-style:none;background:none!important;border:0!important}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li#compose-personal-li{display:none!important}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li > a{display:flex!important;align-items:center;height:44px;padding:0 10px!important;margin:0 0 -1px!important;font-size:14px!important;font-weight:600!important;line-height:1!important;color:var(--qm-dim)!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;white-space:nowrap;transition:color .12s,border-color .12s}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li > a:hover{color:var(--qm-ink)!important;border-bottom-color:var(--qm-ctl)!important}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li > a:focus-visible{outline:2px solid var(--qm-blue);outline-offset:-4px;border-radius:6px!important}
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li.current > a,
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li.selected > a,
body.qap-msg #buddypress .qap-msg-list nav.qap-msg-filters li > a[aria-current]{color:var(--qm-blue)!important;border-bottom-color:var(--qm-blue)!important;background:transparent!important}
/* One search box, the icon inside it */
body.qap-msg #buddypress .qap-msg-search{margin:0;padding:12px 12px 8px;border:0;list-style:none;float:none;width:auto}
body.qap-msg #buddypress .qap-msg-search form{position:relative;display:block;margin:0;padding:0;border:0;background:none;width:100%}
body.qap-msg #buddypress .qap-msg-search input[type=search],body.qap-msg #buddypress .qap-msg-search input[type=text]{display:block;width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 12px 0 36px!important;border:1px solid var(--qm-ctl)!important;border-radius:8px!important;background:#F9FAFB!important;font:inherit;font-size:14px!important;color:var(--qm-ink)!important;box-shadow:none!important;box-sizing:border-box;-webkit-appearance:none;appearance:none}
body.qap-msg #buddypress .qap-msg-search input::placeholder{color:#7A879C}
body.qap-msg #buddypress .qap-msg-search input:focus{outline:none!important;border-color:var(--qm-blue)!important;background:#fff!important;box-shadow:var(--qm-ring)!important}
body.qap-msg #buddypress .qap-msg-search button,body.qap-msg #buddypress .qap-msg-search input[type=submit]{position:absolute!important;left:6px;top:50%;transform:translateY(-50%);display:flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--qm-dim)!important;pointer-events:none}
body.qap-msg #buddypress .qap-msg-search .dashicons{font-size:18px;width:18px;height:18px;line-height:18px}
/* Conversation rows: one height, one line of preview, the time never under the text */
body.qap-msg #buddypress .qap-msg-threads{list-style:none;margin:0;padding:4px 0 8px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;border:0;background:none}
body.qap-msg #buddypress .qap-msg-item{position:relative;list-style:none;margin:0;padding:0;float:none!important;border:0;background:none}
body.qap-msg #buddypress .qap-msg-item > a{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 16px;box-sizing:border-box;border:0;background:transparent;color:inherit;text-decoration:none;position:relative;transition:background-color .12s}
body.qap-msg #buddypress .qap-msg-item > a:hover{background:var(--qm-hover)}
body.qap-msg #buddypress .qap-msg-item > a:focus-visible{outline:2px solid var(--qm-blue);outline-offset:-2px}
body.qap-msg #buddypress .qap-msg-item.is-active > a{background:var(--qm-soft);box-shadow:inset 3px 0 0 var(--qm-blue)}
body.qap-msg #buddypress .qap-msg-av{position:relative;flex:0 0 48px;width:48px;height:48px}
body.qap-msg #buddypress .qap-msg-av img{display:block;width:48px!important;height:48px!important;margin:0!important;border-radius:50%;object-fit:cover;background:#EEF0F3}
body.qap-msg #buddypress .qap-msg-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
body.qap-msg #buddypress .qap-msg-row1{display:flex;align-items:baseline;gap:8px;min-width:0}
body.qap-msg #buddypress .qap-msg-name{flex:1 1 auto;min-width:0;font-size:14px;line-height:20px;font-weight:600;color:var(--qm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-msg #buddypress .qap-msg-when{flex:0 0 auto;font-size:12px;line-height:16px;color:var(--qm-dim);white-space:nowrap}
body.qap-msg #buddypress .qap-msg-prev{display:block;font-size:13px;line-height:18px;color:var(--qm-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px;margin:0}
body.qap-msg #buddypress .qap-msg-item.is-unread .qap-msg-name{font-weight:700}
body.qap-msg #buddypress .qap-msg-item.is-unread .qap-msg-prev{color:var(--qm-ink);font-weight:500}
body.qap-msg #buddypress .qap-msg-item.is-unread .qap-msg-when{color:var(--qm-blue);font-weight:600}
body.qap-msg #buddypress .qap-msg-item.is-unread .qap-msg-av::after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--qm-blue);box-shadow:0 0 0 2px #fff}
body.qap-msg #buddypress .qap-msg-item.is-starred .qap-msg-name::after{content:"\2605";margin-left:6px;color:#B7791F;font-size:12px;font-weight:400}
/* Row menu: shown on hover or focus (always on touch screens), sits on the preview line */
body.qap-msg #buddypress .qap-msg-item .qap-msg-tools{position:absolute;right:12px;bottom:12px;top:auto;left:auto;z-index:2;display:block;margin:0;padding:0}
body.qap-msg #buddypress .qap-msg-more{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--qm-dim);cursor:pointer;opacity:0;box-shadow:none;transition:opacity .12s,background-color .12s}
body.qap-msg #buddypress .qap-msg-more svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
body.qap-msg #buddypress .qap-msg-item:hover .qap-msg-more,body.qap-msg #buddypress .qap-msg-item:focus-within .qap-msg-more,body.qap-msg #buddypress .qap-msg-more[aria-expanded="true"]{opacity:1}
body.qap-msg #buddypress .qap-msg-more:hover,body.qap-msg #buddypress .qap-msg-more[aria-expanded="true"]{background:#E9ECF1;color:var(--qm-ink)}
body.qap-msg #buddypress .qap-msg-more:focus-visible{opacity:1;outline:2px solid var(--qm-blue);outline-offset:0}
@media (hover:none){body.qap-msg #buddypress .qap-msg-more{opacity:1}}
/* Menus: the conversation menu and the row menu share one look */
body.qap-msg .qap-th-menu,body.qap-msg .qap-msg-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:50;display:flex;flex-direction:column;min-width:216px;padding:4px;margin:0;background:#fff;border:1px solid var(--qm-line);border-radius:10px;box-shadow:var(--qm-pop)}
body.qap-msg .qap-msg-pop.is-up{top:auto;bottom:calc(100% + 4px)}
body.qap-msg .qap-th-menu[hidden],body.qap-msg .qap-msg-pop[hidden],body.qap-msg .qap-emoji-pop[hidden]{display:none!important}
body.qap-msg .qap-th-menu > a,body.qap-msg .qap-th-menu > button,body.qap-msg .qap-msg-pop > button{display:flex!important;align-items:center;gap:8px;width:100%!important;min-height:36px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:14px!important;font-weight:500!important;line-height:20px;color:var(--qm-ink)!important;text-align:left;text-decoration:none!important;cursor:pointer;white-space:nowrap}
body.qap-msg .qap-th-menu > a:hover,body.qap-msg .qap-th-menu > button:hover,body.qap-msg .qap-msg-pop > button:hover,
body.qap-msg .qap-th-menu > a:focus-visible,body.qap-msg .qap-th-menu > button:focus-visible,body.qap-msg .qap-msg-pop > button:focus-visible{background:var(--qm-hover)!important;outline:none}
body.qap-msg .qap-th-menu > :focus-visible,body.qap-msg .qap-msg-pop > :focus-visible{box-shadow:inset 0 0 0 2px var(--qm-blue)!important}
body.qap-msg .qap-th-menu .qap-msg-del,body.qap-msg .qap-msg-pop .qap-msg-del{position:relative;margin-top:9px!important;color:var(--qm-red)!important}
body.qap-msg .qap-th-menu .qap-msg-del::before,body.qap-msg .qap-msg-pop .qap-msg-del::before{content:"";position:absolute;left:4px;right:4px;top:-5px;border-top:1px solid var(--qm-line)}
body.qap-msg .qap-th-menu .qap-msg-del:hover,body.qap-msg .qap-msg-pop .qap-msg-del:hover{background:var(--qm-red-soft)!important}
body.qap-msg .qap-th-menu [disabled],body.qap-msg .qap-msg-pop [disabled]{opacity:.55;cursor:progress}
/* Empty list, no search results */
body.qap-msg #buddypress .qap-msg-empty,body.qap-msg #buddypress .qap-msg-noresults{margin:0;padding:32px 24px;text-align:center;font-size:14px;line-height:20px;color:var(--qm-dim);list-style:none}
body.qap-msg #buddypress .qap-msg-empty::before,body.qap-msg #buddypress .qap-msg-noresults::before{content:"";display:block;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:var(--qm-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A5BB0'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/20px no-repeat}
body.qap-msg #buddypress .qap-msg-noresults::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A5BB0'%3E%3Cpath d='M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 14 15.5l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z'/%3E%3C/svg%3E")}
body.qap-app .qap-msg-allowance{margin:0 0 8px;padding:12px 16px;background:#fff;border:1px solid var(--qa-line,#E4E7EC);border-radius:12px;font-size:13px;line-height:18px;color:var(--qa-text-2,#5B6B85)}
body.qap-app .qap-msg-allowance a{color:var(--qa-blue,#0A5BB0);font-weight:600}
/* ---------- Right pane ---------- */
body.qap-msg #buddypress .qap-msg-shell > #item-body{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:0;margin:0;padding:0;background:#fff;border:0;border-radius:0;box-shadow:none!important;overflow:hidden}
body.qap-msg #buddypress #subsubnav,body.qap-msg #buddypress .user-messages-bulk-actions,body.qap-msg #buddypress .thread-cb,body.qap-msg #buddypress .bp-messages-content > div > ul#message-threads,body.qap-msg #buddypress #thread-preview,body.qap-msg #buddypress #bp-message-thread-header{display:none!important}
body.qap-msg #buddypress .bp-messages-content,body.qap-msg #buddypress .bp-messages-content > div{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0;padding:0;background:none;border:0}
/* Feedback from the community software: errors and confirmations show, the loading line is read out only */
body.qap-msg #buddypress .bp-messages-feedback{display:none;margin:0;padding:0}
body.qap-msg #buddypress .bp-messages-feedback:has(.bp-feedback:is(.error,.success,.warning,.loading)){display:block}
body.qap-msg #buddypress .bp-messages-feedback > .bp-messages{display:block;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback.info{display:none}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback.loading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback:is(.error,.success,.warning){display:flex;align-items:flex-start;gap:8px;margin:12px 16px 0;padding:10px 14px;border-radius:8px;font-size:14px;line-height:20px;box-shadow:none}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback .bp-icon{display:none}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback p{margin:0;font-size:14px;color:inherit}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback.error{background:var(--qm-red-soft);border:1px solid #F5B5AD;color:var(--qm-red)}
body.qap-msg #buddypress .bp-messages-feedback .bp-feedback:is(.success,.warning){background:var(--qa-green-soft,#E7F4E8);border:1px solid #B7DFBA;color:var(--qa-green,#1B5E20)}
/* Nothing open yet */
body.qap-msg #buddypress .qap-msg-none{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:48px 24px;text-align:center;color:var(--qm-dim)}
body.qap-msg #buddypress .qap-msg-none svg{box-sizing:content-box;width:24px;height:24px;padding:14px;margin:0 0 8px;border-radius:50%;background:var(--qm-soft);fill:var(--qm-blue)}
body.qap-msg #buddypress .qap-msg-none p{margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--qm-ink)}
body.qap-msg #buddypress .qap-msg-none span{max-width:34ch;font-size:14px;line-height:20px}
body.qap-msg #buddypress .qap-msg-none .qap-msg-none-cta{display:inline-flex;align-items:center;height:36px;margin-top:12px;padding:0 16px;border-radius:8px;background:var(--qm-blue);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important}
body.qap-msg #buddypress .qap-msg-none .qap-msg-none-cta:hover{background:var(--qm-blue-dark)}
body.qap-msg #buddypress .qap-msg-none .qap-msg-none-cta:focus-visible{outline:2px solid var(--qm-blue);outline-offset:2px}
/* Conversation header: stays in place while the messages scroll */
body.qap-msg #buddypress .qap-thread-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px 10px 16px;margin:0;background:#fff;border-bottom:1px solid var(--qm-line);position:relative;z-index:5;width:auto}
body.qap-msg #buddypress .qap-th-back{display:none;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:0 -4px 0 -8px;border-radius:8px;color:var(--qm-ink);text-decoration:none}
body.qap-msg #buddypress .qap-th-back svg{width:24px;height:24px;fill:currentColor}
body.qap-msg #buddypress .qap-th-back:hover{background:var(--qm-hover)}
body.qap-msg #buddypress .qap-th-back:focus-visible{outline:2px solid var(--qm-blue);outline-offset:0}
body.qap-msg #buddypress .qap-th-av{flex:0 0 40px;display:block;width:40px;height:40px;border-radius:50%}
body.qap-msg #buddypress .qap-th-av img{display:block;width:40px!important;height:40px!important;margin:0!important;border-radius:50%;object-fit:cover}
body.qap-msg #buddypress .qap-th-txt{flex:1 1 auto;min-width:0}
body.qap-msg #buddypress .qap-th-name{display:block;max-width:100%;font-size:15px;line-height:20px;font-weight:600;color:var(--qm-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-msg #buddypress .qap-th-name:hover{color:var(--qm-blue);text-decoration:underline}
body.qap-msg #buddypress .qap-th-name:focus-visible{outline:2px solid var(--qm-blue);outline-offset:2px;border-radius:4px}
body.qap-msg #buddypress .qap-th-sub{display:block;margin-top:1px;font-size:12px;line-height:16px;color:var(--qm-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-msg #buddypress .qap-th-actions{flex:0 0 auto;position:relative}
body.qap-msg #buddypress .qap-th-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--qm-dim);cursor:pointer;box-shadow:none}
body.qap-msg #buddypress .qap-th-btn svg{width:20px;height:20px;fill:currentColor}
body.qap-msg #buddypress .qap-th-btn:hover,body.qap-msg #buddypress .qap-th-btn[aria-expanded="true"]{background:var(--qm-hover);color:var(--qm-ink)}
body.qap-msg #buddypress .qap-th-btn:focus-visible{outline:2px solid var(--qm-blue);outline-offset:0}
/* Messages: received on the left with the sender, sent on the right in a blue tint */
body.qap-msg #buddypress ul#bp-message-thread-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;margin:0;padding:20px 20px 12px;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:#fff;max-height:none}
body.qap-msg #buddypress ul#bp-message-thread-list > li{position:relative;align-self:flex-start;width:auto!important;max-width:min(78%,640px);margin:0!important;padding:0 0 0 46px!important;float:none!important;list-style:none;background:transparent!important;border:0!important;box-shadow:none!important}
body.qap-msg #buddypress ul#bp-message-thread-list > li:hover{background:transparent!important}
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-cont{margin-top:-8px!important}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-height:24px;margin:0 0 4px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:auto!important}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .user-link{display:inline-flex;align-items:center;min-width:0;margin:0;padding:0;text-decoration:none;color:var(--qm-ink)}
body.qap-msg #buddypress ul#bp-message-thread-list > li:not(.is-mine):not(.is-cont) .message-metadata{min-height:36px}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata img.avatar{position:absolute;left:0;top:0;width:36px!important;height:36px!important;margin:0!important;border-radius:50%;object-fit:cover;float:none}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata strong{font-size:13px;line-height:18px;font-weight:600;color:var(--qm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .user-link:hover strong{color:var(--qm-blue);text-decoration:underline}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata time,body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .activity{flex:0 0 auto;margin:0;font-size:12px;line-height:16px;font-weight:400;color:var(--qm-dim);white-space:nowrap}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions{display:flex;align-items:center;margin:0;padding:0;float:none;position:static}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions button{display:inline-flex;align-items:center;justify-content:center;width:28px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:#7A879C!important;cursor:pointer;opacity:0;transition:opacity .12s,background-color .12s}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions button.bp-hide{display:none!important}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions .message-action-unstar{opacity:1;color:#B7791F!important}
body.qap-msg #buddypress ul#bp-message-thread-list > li:hover .actions button,body.qap-msg #buddypress ul#bp-message-thread-list > li:focus-within .actions button{opacity:1}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions button:hover{background:var(--qm-hover)!important;color:var(--qm-ink)!important}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions button:focus-visible{opacity:1;outline:2px solid var(--qm-blue);outline-offset:0}
@media (hover:none){body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata .actions button{opacity:1}}
body.qap-msg #buddypress ul#bp-message-thread-list .message-content{display:block;width:fit-content!important;max-width:100%;margin:0!important;padding:9px 12px!important;background:#F2F4F7!important;border:1px solid transparent!important;border-radius:4px 12px 12px 12px!important;font-size:14px;line-height:1.5;color:var(--qm-ink);overflow-wrap:anywhere;word-break:break-word}
body.qap-msg #buddypress ul#bp-message-thread-list .message-content p{margin:0 0 6px;font-size:14px;line-height:1.5;color:inherit}
body.qap-msg #buddypress ul#bp-message-thread-list .message-content > :last-child{margin-bottom:0}
body.qap-msg #buddypress ul#bp-message-thread-list .message-content a{color:var(--qm-blue);text-decoration:underline;text-underline-offset:2px}
body.qap-msg #buddypress ul#bp-message-thread-list .message-content img{max-width:100%;height:auto}
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-mine{align-self:flex-end;padding:0!important}
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-mine .message-metadata{justify-content:flex-end}
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-mine .message-metadata .user-link,
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-cont .message-metadata .user-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.qap-msg #buddypress ul#bp-message-thread-list > li.is-mine .message-content{margin-left:auto!important;background:#E6F0FB!important;border-color:#D3E2F5!important;border-radius:12px 4px 12px 12px!important}
/* Loading: two quiet placeholder bubbles while the conversation arrives */
body.qap-msg #buddypress ul#bp-message-thread-list:empty::before,body.qap-msg #buddypress ul#bp-message-thread-list:empty::after{content:"";display:block;flex:0 0 auto;border-radius:12px;background:linear-gradient(90deg,#F2F4F7 0,#E8EBF0 40%,#F2F4F7 80%) 0 0/200% 100%;animation:qapMsgShimmer 1.3s linear infinite}
body.qap-msg #buddypress ul#bp-message-thread-list:empty::before{width:min(60%,360px);height:56px;margin-left:46px}
body.qap-msg #buddypress ul#bp-message-thread-list:empty::after{width:min(42%,260px);height:40px;align-self:flex-end}
body.qap-msg #buddypress #item-body:has(.bp-feedback.error) ul#bp-message-thread-list:empty{display:none}
@keyframes qapMsgShimmer{to{background-position:-200% 0}}
/* ---------- Composer: one box, the tools inside it ---------- */
body.qap-msg #buddypress form#send-reply{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;margin:0;padding:12px 16px;background:#fff;border:0;border-top:1px solid var(--qm-line);box-shadow:none}
body.qap-msg #buddypress form#send-reply > .qap-composer{order:1}
body.qap-msg #buddypress form#send-reply > .qap-composer-error{order:2}
body.qap-msg #buddypress form#send-reply > .qapf4-attach-note{order:3}
body.qap-msg #buddypress .qap-composer{display:flex;flex-direction:column;border:1px solid var(--qm-ctl);border-radius:12px;background:#fff;transition:border-color .12s,box-shadow .12s}
body.qap-msg #buddypress .qap-composer:focus-within{border-color:var(--qm-blue);box-shadow:var(--qm-ring)}
body.qap-msg #buddypress form#send-reply .message-box,body.qap-msg #buddypress form#send-reply .message-content,body.qap-msg #buddypress form#send-reply .bp-message-content,body.qap-msg #buddypress form#send-reply #bp-message-content,body.qap-msg #buddypress form#send-reply #bp-message-content > div,body.qap-msg #buddypress form#send-reply .wp-editor-wrap,body.qap-msg #buddypress form#send-reply .wp-editor-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.qap-msg #buddypress form#send-reply .message-box > .message-metadata,body.qap-msg #buddypress form#send-reply .submit,body.qap-msg #buddypress form#send-reply .wp-editor-tools,body.qap-msg #buddypress form#send-reply .quicktags-toolbar,body.qap-msg #buddypress form#send-reply .mce-toolbar-grp{display:none!important}
body.qap-msg #buddypress form#send-reply label[for=message_content]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.qap-msg #buddypress form#send-reply textarea#message_content{display:block;width:100%!important;max-width:none!important;height:44px;min-height:44px!important;max-height:160px;margin:0!important;padding:12px 14px 4px!important;border:0!important;border-radius:12px 12px 0 0!important;background:transparent!important;box-shadow:none!important;outline:none!important;resize:none;overflow-y:auto;font:inherit;font-size:14px!important;line-height:20px!important;color:var(--qm-ink)!important;box-sizing:border-box}
body.qap-msg #buddypress form#send-reply textarea#message_content::placeholder{color:#7A879C}
body.qap-msg #buddypress form#send-reply textarea#message_content[readonly]{color:var(--qm-dim)!important}
body.qap-msg #buddypress .qap-composer-bar{position:relative;display:flex;align-items:center;gap:8px;padding:4px 8px 8px 6px}
body.qap-msg #buddypress .qap-composer-bar .qap-msg-emoji{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--qm-dim);cursor:pointer;box-shadow:none}
body.qap-msg #buddypress .qap-composer-bar .qap-msg-emoji svg{width:22px;height:22px;fill:currentColor}
body.qap-msg #buddypress .qap-composer-bar .qap-msg-emoji:hover,body.qap-msg #buddypress .qap-composer-bar .qap-msg-emoji[aria-expanded="true"]{background:var(--qm-hover);color:var(--qm-ink)}
body.qap-msg #buddypress .qap-composer-bar .qap-msg-emoji:focus-visible{outline:2px solid var(--qm-blue);outline-offset:0}
body.qap-msg #buddypress .qap-composer-hint{flex:1 1 auto;min-width:0;font-size:12px;line-height:16px;color:var(--qm-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-msg #buddypress .qap-composer-hint kbd{font:inherit;font-weight:600;color:var(--qm-ink);background:none;border:0;padding:0;box-shadow:none}
@media (pointer:coarse){body.qap-msg #buddypress .qap-composer-hint{visibility:hidden}}
body.qap-msg #buddypress form#send-reply #send_reply_button{flex:0 0 auto;height:36px!important;min-height:0!important;margin:0 0 0 auto!important;padding:0 18px!important;border:0!important;border-radius:8px!important;background:var(--qm-blue)!important;color:#fff!important;font:inherit;font-size:14px!important;font-weight:600!important;line-height:36px!important;box-shadow:none!important;cursor:pointer;width:auto!important;float:none!important;transition:background-color .12s}
body.qap-msg #buddypress form#send-reply #send_reply_button:hover{background:var(--qm-blue-dark)!important}
body.qap-msg #buddypress form#send-reply #send_reply_button:focus-visible{outline:2px solid var(--qm-blue);outline-offset:2px}
body.qap-msg #buddypress form#send-reply #send_reply_button:disabled{background:#EAECF0!important;color:#8390A3!important;cursor:not-allowed}
body.qap-msg #buddypress form#send-reply.is-sending #send_reply_button{background:var(--qm-blue)!important;color:#fff!important;opacity:.7;cursor:progress}
body.qap-msg #buddypress .qap-composer-error{display:flex;align-items:center;gap:6px;margin:0;padding:0 4px;font-size:13px;line-height:18px;color:var(--qm-red)}
body.qap-msg #buddypress .qap-composer-error[hidden]{display:none}
body.qap-msg #buddypress form#send-reply .qapf4-attach-note,body.qap-msg #buddypress #send_message_form .qapf4-attach-note{margin:0;padding:0 4px;font-size:12px;line-height:16px;color:var(--qm-dim)}
/* Emoji picker above the emoji button */
body.qap-msg .qap-emoji-pop{position:absolute;left:4px;bottom:calc(100% + 8px);z-index:50;display:grid;grid-template-columns:repeat(5,36px);gap:2px;padding:6px;margin:0;background:#fff;border:1px solid var(--qm-line);border-radius:10px;box-shadow:var(--qm-pop)}
body.qap-msg .qap-emoji-pop button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:6px;background:transparent;font-size:20px;line-height:1;cursor:pointer;box-shadow:none}
body.qap-msg .qap-emoji-pop button:hover,body.qap-msg .qap-emoji-pop button:focus-visible{background:var(--qm-hover);outline:none}
body.qap-msg .qap-emoji-pop button:focus-visible{box-shadow:inset 0 0 0 2px var(--qm-blue)}
/* ---------- Compose a new message (right pane) ---------- */
body.qap-msg #buddypress #send_message_form{display:flex;flex-direction:column;gap:0;width:100%;max-width:640px;margin:0;padding:20px 24px 24px;box-sizing:border-box;overflow-y:auto}
body.qap-msg #buddypress .qap-compose-head{display:flex;align-items:center;gap:8px;margin:0 0 12px}
body.qap-msg #buddypress .qap-compose-head .qap-th-back{margin-left:-10px}
body.qap-msg #buddypress .qap-compose-title{margin:0;font-size:18px;line-height:26px;font-weight:600;color:var(--qm-ink)}
body.qap-msg #buddypress #send_message_form label{display:block;margin:12px 0 6px;padding:0;font-size:13px;line-height:18px;font-weight:600;color:var(--qm-ink)}
body.qap-msg #buddypress #send_message_form input[type=text],body.qap-msg #buddypress #send_message_form .ac-input,body.qap-msg #buddypress #send_message_form textarea{display:block;width:100%!important;max-width:none!important;height:40px;min-height:40px;margin:0!important;padding:0 12px!important;border:1px solid var(--qm-ctl)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;font:inherit;font-size:14px!important;line-height:20px;color:var(--qm-ink)!important;box-sizing:border-box}
body.qap-msg #buddypress #send_message_form textarea{height:auto!important;min-height:140px!important;padding:10px 12px!important;resize:vertical}
body.qap-msg #buddypress #send_message_form input[type=text]:focus,body.qap-msg #buddypress #send_message_form .ac-input:focus,body.qap-msg #buddypress #send_message_form textarea:focus{outline:none!important;border-color:var(--qm-blue)!important;box-shadow:var(--qm-ring)!important}
body.qap-msg #buddypress #send_message_form .wp-editor-wrap,body.qap-msg #buddypress #send_message_form .wp-editor-container,body.qap-msg #buddypress #send_message_form #bp-message-content,body.qap-msg #buddypress #send_message_form #bp-message-content > div{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.qap-msg #buddypress #send_message_form .wp-editor-tools,body.qap-msg #buddypress #send_message_form .quicktags-toolbar{display:none!important}
body.qap-msg #buddypress #send_message_form .submit{display:flex;align-items:center;gap:8px;margin:16px 0 8px!important;padding:0!important}
body.qap-msg #buddypress #send_message_form #bp-messages-send,body.qap-msg #buddypress #send_message_form input[type=submit]{height:40px!important;min-height:40px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:8px!important;background:var(--qm-blue)!important;color:#fff!important;font:inherit;font-size:14px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;width:auto!important}
body.qap-msg #buddypress #send_message_form #bp-messages-send:hover{background:var(--qm-blue-dark)!important}
body.qap-msg #buddypress #send_message_form #bp-messages-reset,body.qap-msg #buddypress #send_message_form input[type=reset]{height:40px!important;min-height:40px!important;margin:0!important;padding:0 16px!important;border:1px solid var(--qm-ctl)!important;border-radius:8px!important;background:#fff!important;color:var(--qm-ink)!important;font:inherit;font-size:14px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;width:auto!important}
body.qap-msg #buddypress #send_message_form #bp-messages-reset:hover{background:var(--qm-hover)!important}
body.qap-msg #buddypress #send_message_form :is(#bp-messages-send,#bp-messages-reset):focus-visible{outline:2px solid var(--qm-blue);outline-offset:2px}
/* ---------- Confirm dialog (delete) ---------- */
.qap-dlg-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(16,24,40,.45)}
.qap-dlg{width:min(420px,100%);padding:24px;background:#fff;border-radius:12px;box-shadow:0 24px 48px rgba(16,24,40,.2);font-family:inherit;color:var(--qa-ink,#172033)}
.qap-dlg h2{margin:0 0 8px;font-size:18px;line-height:26px;font-weight:600;color:inherit}
.qap-dlg p{margin:0;font-size:14px;line-height:20px;color:var(--qa-text-2,#5B6B85)}
.qap-dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}
.qap-dlg-actions button{height:40px;min-height:40px;margin:0;padding:0 16px;border-radius:8px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none}
.qap-dlg-actions .qap-dlg-cancel{border:1px solid #D0D5DD;background:#fff;color:var(--qa-ink,#172033)}
.qap-dlg-actions .qap-dlg-cancel:hover{background:#F4F6F9}
.qap-dlg-actions .qap-dlg-ok{border:0;background:var(--qa-red,#B42318);color:#fff}
.qap-dlg-actions .qap-dlg-ok:hover{background:#912018}
.qap-dlg-actions button:focus-visible{outline:2px solid var(--qa-blue,#0A5BB0);outline-offset:2px}
/* ---------- Narrower screens ---------- */
@media (max-width:1199px){
body.qap-msg #buddypress .qap-msg-shell{grid-template-columns:288px minmax(0,1fr)}
}
@media (max-width:1023px){
body.qap-msg #buddypress .qap-msg-shell{grid-template-columns:272px minmax(0,1fr)}
body.qap-msg #buddypress ul#bp-message-thread-list{padding:16px 16px 12px}
body.qap-msg #buddypress ul#bp-message-thread-list > li{max-width:88%}
}
/* Phones: one pane at a time. The list first; a conversation opens full width with a Back button */
@media (max-width:767px){
body.qap-msg #buddypress .qap-msg-shell{display:block;height:auto;min-height:0;border-radius:12px}
body.qap-msg #buddypress .qap-msg-list{border-right:0}
body.qap-msg #buddypress .qap-msg-threads{overflow:visible}
body.qap-msg.qap-msg-inbox #buddypress .qap-msg-shell > #item-body{display:none!important}
body.qap-msg:is(.qap-msg-open,.qap-msg-compose) #buddypress .qap-msg-list{display:none!important}
body.qap-msg:is(.qap-msg-open,.qap-msg-compose) #buddypress .qap-msg-shell > #item-body{display:flex!important}
body.qap-msg #buddypress .qap-th-back{display:inline-flex}
body.qap-msg.qap-msg-open #buddypress .qap-msg-shell{display:flex;flex-direction:column;height:calc(100dvh - var(--qap-msg-top,148px));min-height:360px}
body.qap-msg.qap-msg-open #buddypress .qap-msg-shell > #item-body{flex:1 1 auto}
body.qap-msg #buddypress .qap-thread-head{min-height:56px;padding:8px 8px 8px 12px;gap:10px}
body.qap-msg #buddypress .qap-th-av,body.qap-msg #buddypress .qap-th-av img{width:36px!important;height:36px!important;flex-basis:36px}
body.qap-msg #buddypress ul#bp-message-thread-list{padding:12px 12px 8px;gap:12px}
body.qap-msg #buddypress ul#bp-message-thread-list > li{max-width:92%;padding-left:40px!important}
body.qap-msg #buddypress ul#bp-message-thread-list .message-metadata img.avatar{width:32px!important;height:32px!important}
body.qap-msg #buddypress ul#bp-message-thread-list > li:not(.is-mine):not(.is-cont) .message-metadata{min-height:32px}
body.qap-msg #buddypress form#send-reply{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
body.qap-msg #buddypress form#send-reply .qapf4-attach-note{display:none}
body.qap-msg #buddypress #send_message_form{padding:12px 16px 20px}
}
@media (max-width:359px){
body.qap-msg #buddypress .qap-msg-item > a{gap:10px;padding:10px 12px}
body.qap-msg #buddypress .qap-msg-av,body.qap-msg #buddypress .qap-msg-av img{width:40px!important;height:40px!important;flex-basis:40px}
body.qap-msg #buddypress .qap-composer-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
body.qap-msg #buddypress ul#bp-message-thread-list:empty::before,body.qap-msg #buddypress ul#bp-message-thread-list:empty::after{animation:none}
body.qap-msg #buddypress .qap-msg-item > a,body.qap-msg #buddypress .qap-composer,body.qap-msg #buddypress .qap-msg-more{transition:none}
}
/* One gap only: the page section supplies 24px, the BuddyPress wrapper adds none */
body.qap-app #buddypress.buddypress-wrap{padding-top:0!important;padding-bottom:24px!important}
body.qap-app > section,body.qap-app main{padding-top:24px!important}
/* =====================================================================
One type scale and one set of form controls across the workspace
===================================================================== */
/* Text: tight leading, one small gap between paragraphs, none after the last */
body.qap-app p{margin:0 0 8px;line-height:1.43}
body.qap-app p:last-child{margin-bottom:0}
body.qap-app #buddypress p,body.qap-app .woocommerce-MyAccount-content p,body.qap-app .qap-psec p,body.qap-app .entry-content p{font-size:14px;line-height:1.43}
body.qap-app h1,body.qap-app h2,body.qap-app h3,body.qap-app h4,body.qap-app h5{margin:0 0 8px;line-height:1.3}
body.qap-app #buddypress h1,body.qap-app #buddypress h2{font-size:20px;font-weight:600}
body.qap-app #buddypress h3,body.qap-app #buddypress h4{font-size:16px;font-weight:600}
body.qap-app ul,body.qap-app ol{margin:0 0 8px}
body.qap-app li{line-height:1.43}
body.qap-app hr{margin:12px 0;border:0;border-top:1px solid #E4E7EC}
body.qap-app .qap-psec p + p{margin-top:0}
body.qap-app #buddypress .standard-form > p,body.qap-app #buddypress .bp-feedback p{margin:0 0 8px}
/* Form controls: 40px tall, 14px text, 4px corners, one border colour */
body.qap-app input[type=text],
body.qap-app input[type=email],
body.qap-app input[type=password],
body.qap-app input[type=search],
body.qap-app input[type=url],
body.qap-app input[type=tel],
body.qap-app input[type=number],
body.qap-app input[type=date],
body.qap-app input[type=month],
body.qap-app select,
body.qap-app textarea{
height:40px;min-height:40px;padding:8px 12px;font-size:14px;line-height:22px;
border:1px solid #667085;border-radius:8px;background:#fff;color:#172033;
box-sizing:border-box;max-width:100%;box-shadow:none;font-family:inherit;margin:0
}
body.qap-app textarea{height:auto;min-height:96px;line-height:1.43;resize:vertical}
body.qap-app select{padding-right:32px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 8px center;background-size:18px}
body.qap-app input:focus,body.qap-app select:focus,body.qap-app textarea:focus{border-color:var(--qa-blue);outline:none;box-shadow:inset 0 0 0 1px var(--qa-blue)}
body.qap-app input::placeholder,body.qap-app textarea::placeholder{color:#667085}
body.qap-app label{display:block;font-size:12px;font-weight:600;color:#172033;margin:0 0 4px;line-height:1.4}
body.qap-app .qap-field,body.qap-app #buddypress .standard-form .field,body.qap-app #buddypress .editfield{margin:0 0 14px}
body.qap-app input[type=checkbox],body.qap-app input[type=radio]{height:auto;min-height:0;width:auto;margin:0 6px 0 0;vertical-align:middle}
body.qap-app .checkbox label,body.qap-app .radio label,body.qap-app label.checkbox,body.qap-app label.radio{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;margin:0 0 6px}
/* Forms read better at a readable measure, not the full pane width */
body.qap-app #buddypress .standard-form input[type=text],
body.qap-app #buddypress .standard-form input[type=email],
body.qap-app #buddypress .standard-form input[type=password],
body.qap-app #buddypress .standard-form select,
body.qap-app #buddypress .standard-form textarea{max-width:520px}
body.qap-app #buddypress .standard-form{max-width:640px}
body.qap-app #buddypress .notifications .standard-form,body.qap-app #buddypress .messages .standard-form,body.qap-app #buddypress .groups .standard-form,body.qap-app #buddypress .profile.edit .standard-form,body.qap-app #buddypress #profile-edit-form{max-width:none}
body.qap-app #buddypress #item-body .bp-feedback{max-width:none}
/* Buttons: one primary, one secondary */
body.qap-app #buddypress .standard-form input[type=submit],
body.qap-app #buddypress .standard-form button[type=submit],
body.qap-app #buddypress input[type=submit].auto{display:inline-flex!important;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px!important;border:0!important;border-radius:8px!important;background:var(--qa-blue)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:20px!important;cursor:pointer;width:auto!important;box-shadow:none!important;text-decoration:none}
body.qap-app #buddypress .standard-form input[type=submit]:hover,body.qap-app #buddypress .standard-form button[type=submit]:hover,body.qap-app #buddypress input[type=submit].auto:hover{background:var(--qa-blue-dark)!important}
body.qap-app #buddypress .standard-form input[type=reset],body.qap-app #buddypress .standard-form button.cancel{background:transparent!important;color:#667085!important;border:0!important;box-shadow:none!important;font-weight:600!important;padding:7px 14px!important;width:auto!important}
body.qap-app #buddypress .submit,body.qap-app #buddypress .standard-form .submit{margin:12px 0 0;padding:0;border:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* Search boxes everywhere share one look */
body.qap-app .bp-search input[type=search],body.qap-app .bp-search input[type=text],body.qap-app .dir-search input,body.qap-app #subnav-filters input{height:34px;min-height:34px;padding:6px 10px;font-size:14px;border:1px solid #D0D5DD;border-radius:8px;background:#fff}
body.qap-app .bp-search form,body.qap-app .dir-search form{display:flex;align-items:center;gap:4px;margin:0}
body.qap-app .bp-search button,body.qap-app .dir-search button{background:transparent!important;border:0!important;box-shadow:none!important;color:#667085!important;padding:4px 6px!important;min-height:0!important;height:auto!important;width:auto!important}
/* Notices sit tighter */
body.qap-app #buddypress .bp-feedback,body.qap-app #buddypress #message{margin:0 0 12px;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.43;background:#F0F2F5;border:0;border-left:3px solid var(--qa-blue)}
body.qap-app #buddypress .bp-feedback p{margin:0}
/* Every BuddyPress form button is a pill, and they sit on one row */
body.qap-app #buddypress .standard-form > p.submit button,
body.qap-app #buddypress .standard-form > .submit button,
body.qap-app #buddypress .standard-form input[type=button].auto{background:var(--qa-blue)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:7px 18px!important;font-size:14px!important;font-weight:600!important;height:auto!important;min-height:0!important;width:auto!important;box-shadow:none!important;line-height:1.5!important;display:inline-block}
body.qap-app #buddypress .standard-form > p.submit button:hover{background:var(--qa-blue-dark)!important}
body.qap-app #buddypress .standard-form p.submit,body.qap-app #buddypress .standard-form > p:has(input[type=submit]),body.qap-app #buddypress .standard-form > p:has(button){display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 0}
body.qap-app #buddypress #pass-strength-result{margin:8px 0 0;border-radius:8px;font-size:13px}
body.qap-app #buddypress .standard-form #pass1,body.qap-app #buddypress .standard-form #pass2{max-width:320px}
/* Edit profile: one heading, quiet help text, readable field width */
body.qap-app #buddypress h3.profile-group-title{display:none!important}
body.qap-app #buddypress h2.screen-heading{font-size:20px;font-weight:600;margin:0 0 12px}
body.qap-app #buddypress .editfield{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:14px 16px;margin:0 0 8px}
body.qap-app #buddypress .editfield legend,body.qap-app #buddypress .editfield label{font-size:12px;font-weight:600;color:#172033;margin:0 0 4px;display:block}
body.qap-app #buddypress .editfield input[type=text],body.qap-app #buddypress .editfield input[type=email],body.qap-app #buddypress .editfield input[type=url],body.qap-app #buddypress .editfield select{max-width:520px;width:100%}
body.qap-app #buddypress .editfield .description,body.qap-app #buddypress .description{background:transparent!important;font-size:12px;color:#667085;font-style:normal;margin:4px 0 0;padding:0}
body.qap-app #buddypress .field-visibility-settings-notoggle,body.qap-app #buddypress .field-visibility-settings-header,body.qap-app #buddypress .field-visibility-settings{background:transparent!important;font-size:12px;color:#667085;font-style:normal;margin:6px 0 0;padding:0}
body.qap-app #buddypress .field-visibility-settings-toggle a,body.qap-app #buddypress .visibility-toggle-link{font-size:12px;font-weight:600;color:var(--qa-blue)}
body.qap-app #buddypress .editfield .field-visibility-settings{margin-top:8px}
/* Profile field fieldsets carry no extra chrome */
body.qap-app #buddypress .standard-form fieldset,body.qap-app #buddypress .editfield fieldset{border:0;padding:0;margin:0;min-width:0}
/* Toolbars, row actions and inline toggles keep their quiet look */
body.qap-app #buddypress .activity-meta a.button,
body.qap-app #buddypress .qap-topright a.button,
body.qap-app #buddypress .activity-comments a.button,
body.qap-app #buddypress .field-visibility-settings a,
body.qap-app #buddypress .field-visibility-settings-toggle a,
body.qap-app #buddypress .visibility-toggle-link,
body.qap-app #buddypress .field-visibility-settings-close{background:transparent!important;color:var(--qa-blue)!important;border:0!important;border-radius:8px!important;padding:2px 6px!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;width:auto!important;min-height:0!important;display:inline-block}
body.qap-app #buddypress .field-visibility-settings a:hover,body.qap-app #buddypress .visibility-toggle-link:hover{text-decoration:underline;background:transparent!important}
body.qap-app .mce-toolbar .mce-btn,body.qap-app .mce-toolbar .mce-btn button,body.qap-app .mce-container button{background:transparent!important;border:0!important;color:#50575e!important;padding:2px 4px!important;border-radius:3px!important;font-weight:400!important;min-height:0!important;width:auto!important;box-shadow:none!important}
body.qap-app .mce-toolbar .mce-btn:hover,body.qap-app .mce-toolbar .mce-btn button:hover{background:rgba(0,0,0,.06)!important}
body.qap-app .wp-switch-editor{background:#f6f7f7!important;border:1px solid #dcdcde!important;color:#50575e!important;padding:3px 8px!important;border-radius:3px 3px 0 0!important;font-size:13px!important;font-weight:400!important;min-height:0!important;width:auto!important;box-shadow:none!important}
body.qap-app .wp-switch-editor.switch-tmce.active,body.qap-app .wp-switch-editor.switch-html.active{background:#fff!important}
/* ---- v3.4.4 form + typography unification across dashboard ---- */
body.qap-app label,body.qap-app .woocommerce form .form-row label,body.qap-app #buddypress label{font-size:14px;font-weight:600;line-height:20px;color:#172033;margin:0 0 4px;display:block}
body.qap-app .woocommerce form .form-row{margin:0 0 12px;padding:0}
body.qap-app .woocommerce form .form-row:last-child{margin-bottom:0}
body.qap-app .woocommerce-MyAccount-content h2,body.qap-app .qap-sec>h2,body.qap-app .woocommerce-MyAccount-content>h3{font-size:20px;font-weight:600;line-height:28px;color:#172033;margin:0 0 12px;letter-spacing:normal}
body.qap-app .woocommerce-MyAccount-content h3{font-size:16px;font-weight:600;line-height:24px;margin:16px 0 8px}
body.qap-app .woocommerce form .form-row span.description,body.qap-app .woocommerce-MyAccount-content em,body.qap-app .qap-note,body.qap-app .woocommerce-MyAccount-content small{font-size:12px;line-height:16px;color:#667085;font-style:normal;display:block;margin:4px 0 0}
body.qap-app .woocommerce fieldset{border:0;border-top:1px solid #E4E7EC;margin:16px 0 0;padding:16px 0 0}
body.qap-app .woocommerce fieldset legend{font-size:16px;font-weight:600;line-height:24px;color:#172033;padding:0;margin:0 0 12px;float:left;width:100%}
body.qap-app .woocommerce-MyAccount-content p{margin:0 0 8px}
body.qap-app .woocommerce-MyAccount-content p:last-child{margin-bottom:0}
body.qap-app .woocommerce form .password-input,body.qap-app .woocommerce form .woocommerce-input-wrapper{display:block;width:100%}
body.qap-app .woocommerce form .show-password-input{top:9px;right:12px}
/* ---- v3.4.4 buttons inside the app shell ---- */
body.qap-app .qap-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border-radius:8px;border:1px solid transparent;background:var(--qa-blue);color:#fff!important;font-size:15px;font-weight:600;line-height:20px;text-decoration:none!important;cursor:pointer}
body.qap-app .qap-btn:hover{background:var(--qa-blue-dark)}
body.qap-app .qap-btn-outline{background:transparent;color:var(--qa-blue)!important;border:1px solid var(--qa-blue)}
body.qap-app .qap-btn-outline:hover{background:rgba(10,91,176,.08);box-shadow:inset 0 0 0 1px var(--qa-blue)}
body.qap-app .qap-quick{display:flex;flex-wrap:wrap;gap:8px}
/* ---- v3.4.4 jobs search ---- */
body.qap-app .job_filters{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px;border:0}
body.qap-app .job_filters .search_jobs{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:8px;grid-template-columns:none!important}
body.qap-app .job_filters .search_jobs>div{width:auto;margin:0;padding:0;float:none}
body.qap-app .job_filters .search_jobs>div:empty{display:none!important}
body.qap-app .job_filters .search_keywords,body.qap-app .job_filters .search_location{flex:1 1 220px;min-width:min(170px,100%)}
body.qap-app .job_filters .search_keywords input,body.qap-app .job_filters .search_location input{width:100%}
body.qap-app .job_filters .search_submit{flex:0 0 auto;order:2}
body.qap-app .job_filters .search_submit input[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border:0;border-radius:8px;background:var(--qa-blue);color:#fff;font-size:15px;font-weight:600;line-height:20px;cursor:pointer;width:auto}
body.qap-app .job_filters .search_submit input[type=submit]:hover{background:var(--qa-blue-dark)}
body.qap-app .job_filters .search_remote_position{flex:1 0 100%;order:3;display:flex;align-items:center;gap:8px;margin:4px 0 0}
body.qap-app .job_filters .search_remote_position label{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#172033}
body.qap-app .job_filters ul.job_types{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #E4E7EC;list-style:none;justify-content:flex-start;background:transparent}
body.qap-app .job_filters ul.job_types li{margin:0;padding:0;width:auto;float:none;list-style:none;background:transparent;border:0}
body.qap-app .job_filters ul.job_types li label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:400;line-height:20px;margin:0;color:#172033;cursor:pointer}
body.qap-app .job_filters input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--qa-blue)}
body.qap-app ul.job_listings{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;margin:0;padding:0;list-style:none;overflow:hidden}
body.qap-app ul.job_listings li.no_job_listings_found{display:block;padding:32px 16px;text-align:center;font-size:14px;line-height:20px;color:#667085;border:0;background:transparent}
body.qap-app ul.job_listings li.job_listing{border-bottom:1px solid #E4E7EC;padding:0}
body.qap-app ul.job_listings li.job_listing:last-child{border-bottom:0}
body.qap-app ul.job_listings li.job_listing a{display:flex;gap:12px;padding:12px 16px;text-decoration:none;color:inherit}
body.qap-app ul.job_listings li.job_listing a:hover{background:#F0F2F5}
/* ---- v3.4.4 jobs wrapper + headings tidy ---- */
body.qap-app div.job_listings{background:transparent;box-shadow:none;padding:0;border-radius:0}
body.qap-app .showing_jobs{font-size:12px;line-height:16px;color:#667085;border:0;background:transparent;padding:8px 0 0;margin:0}
body.qap-app .showing_jobs a{display:none}
body.qap-app .woocommerce-MyAccount-content form>h2:first-child,body.qap-app .woocommerce-MyAccount-content form>h3:first-child{display:none}
body.qap-app .woocommerce form .form-row .show-password-input{top:9px;transform:none;right:12px}
/* ---- v3.4.6 feed filter bar tidy ---- */
body.qap-app.activity #buddypress .subnav-filters .subnav-search,body.qap-app.activity #buddypress #subnav-filters .subnav-search{display:none!important}
/* ---- v3.4.7 tables, empty states, fine print ---- */
body.qap-app .qap-note{font-size:13px;line-height:18px;color:#3C4657}
body.qap-app #buddypress .bp-feedback{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;margin:0 0 8px;padding:24px 16px;text-align:center}
body.qap-app #buddypress .bp-feedback .bp-icon,body.qap-app #buddypress .bp-feedback:before{display:none!important}
body.qap-app #buddypress .bp-feedback p{margin:0;font-size:14px;line-height:20px;color:#667085}
body.qap-app #buddypress table.bp-tables-user,body.qap-app #buddypress table.notifications{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;overflow:hidden;margin:0 0 8px;font-size:14px}
body.qap-app #buddypress table.bp-tables-user th{background:#fff;border:0;border-bottom:1px solid #E4E7EC;padding:10px 12px;font-size:12px;font-weight:600;color:#667085;text-align:left;text-transform:none}
body.qap-app #buddypress table.bp-tables-user td{border:0;border-bottom:1px solid #E4E7EC;padding:12px;vertical-align:middle;color:#172033;background:#fff}
body.qap-app #buddypress table.bp-tables-user tr:last-child td{border-bottom:0}
body.qap-app #buddypress table.bp-tables-user tr:hover td{background:#F9FAFB}
body.qap-app #buddypress .pag-data{font-size:12px;line-height:16px;color:#667085;margin:0 0 8px}
body.qap-app #buddypress .pag-data+*+.pag-data,body.qap-app #buddypress form.standard-form+.pag-data{display:none}
body.qap-app #buddypress .bulk-actions-top select,body.qap-app #buddypress .bulk-actions select{height:32px;min-height:32px;padding:0 28px 0 10px;font-size:13px;width:auto;max-width:200px}
body.qap-app #buddypress .bulk-actions-top,body.qap-app #buddypress .bulk-actions{display:flex;align-items:center;gap:8px;margin:0 0 8px}
/* ---- v3.4.8 pagination duplicate ---- */
body.qap-app #buddypress .pag-count.bottom,body.qap-app #buddypress div.pagination.bottom .pag-count{display:none}
/* ---- v3.4.9 settings screens ---- */
body.qap-app .qap-settings-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
body.qap-app .qap-settings-card .screen-heading{font-size:20px;font-weight:600;line-height:28px;color:#172033;margin:0 0 4px;padding:0;border:0}
body.qap-app .qap-settings-card p.info{font-size:14px;line-height:20px;color:#667085;margin:0 0 16px;background:transparent;border:0;padding:0}
body.qap-app .qap-settings-card .standard-form{max-width:none;margin:0}
body.qap-app .qap-settings-card .standard-form>label,body.qap-app .qap-settings-card .standard-form label{font-size:14px;font-weight:600;line-height:20px;color:#172033;margin:0 0 4px;display:block}
body.qap-app .qap-settings-card .standard-form input.settings-input{max-width:420px;width:100%}
body.qap-app #buddypress .qap-settings-card .bp-feedback,body.qap-app .qap-settings-card .bp-feedback{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:8px 0 12px;text-align:left}
body.qap-app #buddypress .qap-settings-card .bp-feedback p,body.qap-app .qap-settings-card .bp-feedback p{font-size:12px;line-height:16px;color:#667085;margin:0}
body.qap-app .qap-settings-card .user-pass1-wrap{margin:0 0 12px}
body.qap-app .qap-settings-card .submit{margin:16px 0 0;padding:0;border:0;display:flex;gap:8px;flex-wrap:wrap}
body.qap-app #buddypress .qap-settings-card .standard-form .submit input[type=submit],body.qap-app #buddypress .qap-settings-card .standard-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border:0;border-radius:8px;background:var(--qa-blue);color:#fff;font-size:15px;font-weight:600;line-height:20px;cursor:pointer;width:auto}
body.qap-app #buddypress .qap-settings-card .standard-form .submit input[type=submit]:hover{background:var(--qa-blue-dark)}
body.qap-app #buddypress .qap-settings-card button.wp-generate-pw,body.qap-app #buddypress .qap-settings-card .wp-cancel-pw{background:transparent!important;color:var(--qa-blue)!important;border:1px solid var(--qa-blue)!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border:1px solid var(--qa-blue);border-radius:8px;background:transparent;color:var(--qa-blue);font-size:15px;font-weight:600;line-height:20px;cursor:pointer;width:auto;text-decoration:none}
body.qap-app #buddypress .qap-settings-card button.wp-generate-pw:hover{background:rgba(10,91,176,.08);box-shadow:inset 0 0 0 1px var(--qa-blue)}
body.qap-app .qap-settings-card table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
body.qap-app .qap-settings-card table th{text-align:left;font-size:12px;font-weight:600;color:#667085;padding:8px 8px 8px 0;border-bottom:1px solid #E4E7EC}
body.qap-app .qap-settings-card table td{padding:10px 8px 10px 0;border-bottom:1px solid #E4E7EC;color:#172033}
/* ---- v3.5.2 disclosure panels and file inputs in the dashboard ---- */
body.qap-app details.qap-details{display:block;background:#fff;border:0;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;border-radius:8px;padding:12px 16px;margin:0 0 8px}
body.qap-app details.qap-details>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--qa-blue);list-style:none;padding:0;margin:0}
body.qap-app details.qap-details[open]>summary{margin:0 0 12px}
body.qap-app details.qap-details>summary::-webkit-details-marker{display:none}
body.qap-app details.qap-details>summary::before{content:"+";display:inline-block;width:14px;font-weight:600}
body.qap-app details.qap-details[open]>summary::before{content:"\2212"}
body.qap-app input[type=file]{height:auto;min-height:0;padding:0;border:0;background:transparent;font-size:14px}
body.qap-app input[type=file]::file-selector-button{height:32px;min-height:32px;padding:0 14px;margin:0 10px 0 0;border:1px solid #667085;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#3C4657;cursor:pointer}
body.qap-app input[type=file]::file-selector-button:hover{background:#F0F2F5}
body.qap-app .qap-form{display:block}
body.qap-app .qap-form .qap-field{margin:0 0 12px}
/* ================= QA Assessor Plus ================= */
.qap-badge-plus{display:inline-flex;align-items:center;background:#f3c04f;color:#3d2c00;font-size:11px;font-weight:700;line-height:16px;letter-spacing:.02em;padding:2px 6px;border-radius:8px;border:0}
body.qap-app .qap-dir-badges{margin:4px 0 0}
/* Left rail card */
body.qap-app .qap-lplus{padding:0;overflow:hidden}
body.qap-app .qap-lplus a{display:block;padding:12px 16px;text-decoration:none;color:inherit}
body.qap-app .qap-lplus a:hover{background:#F0F2F5}
body.qap-app .qap-lplus strong{display:block;font-size:14px;font-weight:600;color:#172033;margin:6px 0 2px}
body.qap-app .qap-lplus span:last-child{display:block;font-size:12px;line-height:16px;color:#667085}
body.qap-app .qap-lplus.is-on{border:1px solid #E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.06),inset 3px 0 0 #f3c04f}
/* Upsell card used on the groups directory and the Post a Position page */
body.qap-app .qap-plus-upsell{padding:16px;margin:0 0 8px}
body.qap-app .qap-plus-upsell h3{font-size:18px;font-weight:600;line-height:24px;color:#172033;margin:8px 0 4px}
body.qap-app .qap-plus-upsell p{font-size:14px;line-height:20px;color:#667085;margin:0 0 12px}
body.qap-app .qap-plus-upsell p:last-child{margin:0}
/* The Plus page */
body.qap-app .qap-plus .qap-card{padding:16px;margin:0 0 8px}
body.qap-app .qap-plus h2{font-size:20px;font-weight:600;line-height:28px;color:#172033;margin:8px 0 4px}
body.qap-app .qap-plus h3{font-size:16px;font-weight:600;line-height:24px;color:#172033;margin:0 0 12px}
body.qap-app .qap-plus p{font-size:14px;line-height:20px;color:#3C4657;margin:0 0 8px}
body.qap-app .qap-plus p:last-child{margin-bottom:0}
body.qap-app .qap-plus-head.is-on{border:1px solid #E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.06),inset 0 3px 0 #f3c04f}
body.qap-app .qap-plus-status{font-size:14px;font-weight:600;color:#172033}
body.qap-app .qap-plus-list{list-style:none;margin:0;padding:0}
body.qap-app .qap-plus-list li{padding:12px 0;border-top:1px solid #E4E7EC}
body.qap-app .qap-plus-list li:first-child{border-top:0;padding-top:0}
body.qap-app .qap-plus-list li:last-child{padding-bottom:0}
body.qap-app .qap-plus-list strong{display:block;font-size:14px;font-weight:600;line-height:20px;color:#172033;margin:0 0 2px}
body.qap-app .qap-plus-list span{display:block;font-size:13px;line-height:18px;color:#667085}
body.qap-app .qap-plus-price{font-size:15px;color:#172033}
body.qap-app .qap-plus .qap-tbc{font-size:14px;color:#667085}
/* Jobs Portal: the post a position bar */
body.qap-app .qap-jobs-bar{margin:0 0 12px}
body.qap-app .qap-jobs-bar-muted{font-size:13px;line-height:18px;color:#667085}
body.qap-app .qap-jobs-bar-muted a{color:var(--qa-blue);font-weight:600}
/* Plus page: keep the running text light, headings in sentence case */
body.qap-app .qap-plus h2,body.qap-app .qap-plus h3,body.qap-app .qap-plus-upsell h3{text-transform:none}
body.qap-app .qap-plus-head p strong{display:inline;font-weight:600}
body.qap-app .qap-plus-list span,body.qap-app .qap-plus p,body.qap-app .qap-plus-upsell p{font-weight:400}
body.qap-app .qap-plus .qap-note{font-weight:400;font-size:12px;line-height:16px;color:#667085;margin-top:12px}
body.qap-app .woocommerce-MyAccount-content .qap-plus .qap-card{box-shadow:none;border:1px solid #E4E7EC}
body.qap-app .qap-plus h2,body.qap-app .qap-plus h3,body.qap-app .qap-plus-upsell h3,body.qap-app .qap-plus-list strong{text-transform:none!important;font-variant:normal!important}
/* ---- v3.6.3 WP Job Manager forms ---- */
body.qap-app .job-manager-form input[type=submit],body.qap-app .job_preview input[type=submit],body.qap-app .job-manager-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border:0;border-radius:8px;background:var(--qa-blue);color:#fff;font-size:15px;font-weight:600;line-height:20px;cursor:pointer;width:auto;margin:0 8px 0 0}
body.qap-app .job-manager-form input[type=submit]:hover,body.qap-app .job_preview input[type=submit]:hover{background:var(--qa-blue-dark)}
body.qap-app .job_preview input[name=edit_job]{background:transparent;color:var(--qa-blue);border:1px solid var(--qa-blue)}
body.qap-app .job_preview input[name=edit_job]:hover{background:rgba(10,91,176,.08)}
body.qap-app .job_preview_title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#fff;border-radius:12px 8px 0 0;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:12px 16px;margin:0}
body.qap-app .job_preview_title h2{font-size:16px;font-weight:600;line-height:24px;margin:0;text-transform:none}
body.qap-app .job_listing_preview{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
body.qap-app .job-manager-form fieldset{border:0;border-top:1px solid #E4E7EC;border-radius:0;padding:16px 0 0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px 24px}
body.qap-app .job-manager-form fieldset:first-of-type{border-top:0;padding-top:0}
body.qap-app .job-manager-form fieldset .label{flex:0 0 200px;max-width:200px}
body.qap-app .job-manager-form fieldset .label label{font-size:14px;font-weight:600;line-height:20px;color:#172033;margin:0}
body.qap-app .job-manager-form fieldset .field{flex:1 1 320px;min-width:260px}
body.qap-app .job-manager-form .description{font-size:12px;line-height:16px;color:#667085;margin:4px 0 0}
body.qap-app .job-manager-form h2{font-size:20px;font-weight:600;line-height:28px;color:#172033;margin:24px 0 12px;text-transform:none}
/* ---- v3.6.4 job listings ---- */
body.qap-app .job_application.application{display:none!important}
body.qap-app .qa-article-cta{display:none!important}
body.qap-app .single_job_listing .qap-page-head h1{font-size:24px;font-weight:600;line-height:32px;margin:0 0 8px}
body.qap-app .single_job_listing .meta,body.qap-app .single_job_listing .job-type{margin:0 0 12px}
body.qap-app .single_job_listing .company{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-top:1px solid #E4E7EC;border-bottom:1px solid #E4E7EC;padding:12px 0;margin:0 0 16px}
body.qap-app ul.job_listings li.job_listing a{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit}
body.qap-app ul.job_listings li.job_listing img.company_logo{position:static!important;left:auto!important;top:auto!important;width:40px;height:40px;flex:0 0 40px;object-fit:contain;border-radius:8px;margin:0;box-shadow:none}
body.qap-app ul.job_listings li.job_listing div.position{flex:1 1 auto;min-width:0;padding:0}
body.qap-app ul.job_listings li.job_listing div.position h3{font-size:15px;font-weight:600;line-height:20px;color:var(--qa-blue);margin:0 0 2px;text-transform:none}
body.qap-app ul.job_listings li.job_listing div.company{font-size:13px;line-height:18px;color:#667085;margin:0}
body.qap-app ul.job_listings li.job_listing div.company strong{font-weight:600;color:#172033}
body.qap-app ul.job_listings li.job_listing div.company .tagline{color:#667085;margin-left:6px}
body.qap-app ul.job_listings li.job_listing div.location{flex:0 0 160px;font-size:13px;line-height:18px;color:#667085;padding:0}
body.qap-app ul.job_listings li.job_listing ul.meta{flex:0 0 140px;text-align:right;font-size:12px;line-height:16px;color:#667085;list-style:none;margin:0;padding:0}
body.qap-app ul.job_listings li.job_listing ul.meta li{margin:0 0 2px;list-style:none;padding:0;background:none}
body.qap-app ul.job_listings li.job_listing li.job-type{display:inline-block;font-size:12px;font-weight:600;color:var(--qa-blue);background:rgba(10,91,176,.08);border-radius:8px;padding:1px 6px}
@media (max-width:700px){body.qap-app ul.job_listings li.job_listing a{flex-wrap:wrap}body.qap-app ul.job_listings li.job_listing div.location,body.qap-app ul.job_listings li.job_listing ul.meta{flex:1 1 100%;text-align:left}}
/* ---- v3.6.7 single job listing in the member area ---- */
body.qap-app.single-job_listing .qa-article-meta{display:none!important}
body.qap-app .single_job_listing{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
body.qap-app .single_job_listing .qap-page-head{margin:0 0 8px}
body.qap-app .qap-apply{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);border:1px solid #E4E7EC;padding:16px;margin:0 0 8px}
body.qap-app .qap-apply h3{font-size:16px;font-weight:600;line-height:24px;color:#172033;margin:0 0 12px;text-transform:none}
/* ================= Jobs Portal ================= */
body.qap-jobs-page .policy-content,body.qap-jobs-page .qa-article{max-width:none!important}
body.qap-app .qap-jobs{max-width:1128px;margin:0 auto}
/* Search bar */
body.qap-app .qap-jobs-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;margin:0 0 8px}
body.qap-app .qap-jobs-search input[type=text]{flex:1 1 240px;min-width:180px}
body.qap-app .qap-jobs-search .qap-jobs-post{margin-left:auto}
/* Filter pills */
body.qap-app .qap-jobs-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
body.qap-app .qap-pill{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid #667085;border-radius:8px;background:#fff;color:#3C4657;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;white-space:nowrap}
body.qap-app .qap-pill:hover{background:#F0F2F5;box-shadow:inset 0 0 0 1px #667085}
body.qap-app .qap-pill.is-on{background:var(--qa-blue);border-color:var(--qa-blue);color:#fff;font-weight:600}
body.qap-app .qap-pill.is-on:hover{background:var(--qa-blue-dark);box-shadow:inset 0 0 0 1px var(--qa-blue-dark)}
/* Two panes */
body.qap-app .qap-jobs-shell{display:flex;align-items:stretch;padding:0;overflow:hidden;height:calc(100vh - 230px);min-height:540px}
body.qap-app .qap-jobs-list{flex:0 0 450px;max-width:450px;overflow-y:auto;border-right:1px solid #E4E7EC}
body.qap-app .qap-jobs-detail{flex:1 1 auto;min-width:0;overflow-y:auto}
body.qap-app .qap-jobs-count{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;font-size:12px;line-height:16px;color:#667085;border-bottom:1px solid #E4E7EC;position:sticky;top:0;background:#fff;z-index:2}
body.qap-app .qap-jobs-sort{color:#172033;font-weight:600;text-decoration:none}
body.qap-app .qap-jobs-sort:hover{color:var(--qa-blue);text-decoration:underline}
/* Job cards */
body.qap-app ul.qap-job-cards{list-style:none;margin:0;padding:0}
body.qap-app .qap-job-card{list-style:none;margin:0;padding:0;border-bottom:1px solid #E4E7EC;position:relative}
body.qap-app .qap-job-card:last-child{border-bottom:0}
body.qap-app .qap-job-card > a{display:flex;gap:12px;padding:12px 16px;text-decoration:none;color:inherit}
body.qap-app .qap-job-card > a:hover{background:#F0F2F5}
body.qap-app .qap-job-card.is-on > a{background:#E7F0FE}
body.qap-app .qap-job-card.is-on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--qa-blue)}
body.qap-app .qap-job-logo{flex:0 0 auto;width:48px;height:48px;object-fit:contain;border-radius:2px;background:#fff;display:inline-flex;align-items:center;justify-content:center}
body.qap-app .qap-job-logo-blank{background:#E7F0FE;color:var(--qa-blue);font-size:20px;font-weight:700;border-radius:2px}
body.qap-app .qap-job-card-main{display:block;min-width:0;flex:1 1 auto}
body.qap-app .qap-job-card-title{display:block;font-size:16px;font-weight:600;line-height:20px;color:var(--qa-blue);margin:0 0 2px}
body.qap-app .qap-job-card > a:hover .qap-job-card-title{text-decoration:underline}
body.qap-app .qap-job-card-company{display:block;font-size:14px;line-height:20px;color:#172033}
body.qap-app .qap-job-card-place{display:block;font-size:14px;line-height:20px;color:#667085}
body.qap-app .qap-job-card-foot{display:block;font-size:12px;line-height:16px;color:#667085;margin:6px 0 0}
body.qap-app .qap-job-flag{font-weight:600;color:#3C4657}
body.qap-app .qap-jobs-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;font-size:13px;color:#667085}
body.qap-app .qap-jobs-pager a{color:var(--qa-blue);font-weight:600;text-decoration:none}
/* Detail pane */
body.qap-app .qap-job-detail{padding:24px}
body.qap-app .qap-job-empty{font-size:14px;line-height:20px;color:#667085;text-align:center;padding:48px 16px;margin:0}
body.qap-app .qap-job-org{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#172033;margin:0 0 8px}
body.qap-app .qap-job-org .qap-job-logo{width:32px;height:32px}
body.qap-app .qap-job-org .qap-job-logo-blank{font-size:14px}
body.qap-app .qap-job-site{font-weight:400;color:var(--qa-blue);font-size:13px;text-decoration:none;margin-left:4px}
body.qap-app .qap-job-head h2{font-size:24px;font-weight:600;line-height:30px;color:#172033;margin:0 0 6px;text-transform:none}
body.qap-app .qap-job-meta{font-size:14px;line-height:20px;color:#667085;margin:0 0 12px}
body.qap-app .qap-job-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body.qap-app .qap-job-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:#E7F0FE;color:#172033;font-size:13px;font-weight:600;line-height:20px}
body.qap-app .qap-job-tag-off{background:#f4e6e6;color:#8a2b2b}
body.qap-app .qap-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
body.qap-app .qap-btn-done{background:#E4E7EC!important;color:#667085!important;border-color:#E4E7EC!important;cursor:default}
body.qap-app .qap-job-save.is-on{background:rgba(10,91,176,.08);box-shadow:inset 0 0 0 1px var(--qa-blue)}
body.qap-app .qap-job-body{border-top:1px solid #E4E7EC;padding:16px 0 0}
body.qap-app .qap-job-body h3{font-size:16px;font-weight:600;line-height:24px;color:#172033;margin:0 0 12px;text-transform:none}
body.qap-app .qap-job-body p,body.qap-app .qap-job-body li{font-size:14px;line-height:20px;color:#172033}
body.qap-app .qap-job-body ul{margin:0 0 12px;padding-left:20px}
body.qap-app .qap-job-detail .qap-apply{box-shadow:none;border-top:1px solid #E4E7EC;border-radius:0;padding:16px 0 0;margin:20px 0 0;background:transparent}
@media (max-width:900px){
body.qap-app .qap-jobs-shell{display:block;height:auto;min-height:0}
body.qap-app .qap-jobs-list{flex:none;max-width:none;border-right:0;overflow:visible}
body.qap-app .qap-jobs-detail{display:none}
body.qap-app .qap-jobs-search .qap-jobs-post{margin-left:0}
}
/* ================= Verification ================= */
.qap-vmark{display:inline-flex;align-items:center;vertical-align:middle;color:var(--qa-blue);margin-left:6px}
.qap-vmark svg{display:block}
body.qap-app .qap-name .qap-vmark{color:var(--qa-blue)}
body.qap-app .qap-dir-badges .qap-vmark{margin-left:2px}
body.qap-app .qap-lcard-name .qap-vmark{margin-left:4px}
body.qap-app .qap-vlist{list-style:none;margin:0;padding:0;display:block;overflow:hidden}
body.qap-app .qap-vlist li{display:flex!important;float:none!important;width:auto!important;gap:12px;align-items:flex-start;padding:12px 0;margin:0;border-top:1px solid #E4E7EC;list-style:none;background:none}
body.qap-app .qap-vlist li:first-child{border-top:0;padding-top:0}
body.qap-app .qap-vlist li:last-child{padding-bottom:0}
body.qap-app .qap-vicon{flex:0 0 24px;width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e8f0e8;color:#1c6b3c}
body.qap-app .qap-vlist li.is-off .qap-vicon{background:rgba(0,0,0,.06);color:#98A2B3}
body.qap-app .qap-vtext{min-width:0}
body.qap-app .qap-vtext strong{display:block;font-size:14px;font-weight:600;line-height:20px;color:#172033}
body.qap-app .qap-vlist li.is-off .qap-vtext strong{color:#667085}
body.qap-app .qap-vtext span{display:block;font-size:13px;line-height:18px;color:#667085}
body.qap-app .qap-vsec .qap-note{clear:both;margin-top:12px;font-size:12px;line-height:16px;color:#667085}
body.qap-app .qap-verify .qap-card{padding:16px;margin:0 0 8px}
body.qap-app .qap-verify h3{font-size:16px;font-weight:600;line-height:24px;color:#172033;margin:0 0 12px;text-transform:none}
body.qap-app .qap-verify p{font-size:14px;line-height:20px;color:#3C4657;margin:0 0 12px}
body.qap-app .qap-verify .qap-note{font-size:12px;line-height:16px;color:#667085;margin:12px 0 0}
body.qap-app .qap-verify select{max-width:320px}
/* Verify prompt beside your own name, the way LinkedIn shows it */
/* the verify prompt is styled in one place, further down */
body.qap-app .qap-people-name .qap-vmark{margin-left:4px}
body.qap-app .qap-people-name{display:inline}
/* Verification: the two self service routes */
body.qap-app .qap-vroute{padding:16px;margin:0 0 8px}
body.qap-app .qap-vnotice{padding:12px 16px;font-size:14px;line-height:20px;margin:0 0 8px}
body.qap-app .qap-vnotice-ok{border-left:3px solid #1c6b3c;color:#172033}
body.qap-app .qap-vnotice-error{border-left:3px solid #b32d2e;color:#8a2b2b}
body.qap-app .qap-vdone{font-size:13px;line-height:18px;color:#667085;margin:12px 0 0}
body.qap-app .qap-vcode input{max-width:160px;letter-spacing:.3em;text-align:center;font-size:18px!important;font-weight:600}
body.qap-app .qap-vcam-stage{background:#F0F2F5;border:1px solid #E4E7EC;border-radius:8px;padding:12px;margin:0 0 12px;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
body.qap-app .qap-vcam-stage video,body.qap-app .qap-vcam-stage img{width:100%;max-width:420px;border-radius:8px;display:block;background:#000}
body.qap-app .qap-vcam-hint{font-size:13px;line-height:18px;color:#667085;margin:0}
body.qap-app .qap-vcam-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
body.qap-app .qap-vcam-file{margin:0 0 12px}
body.qap-app .qap-vcam-file label{font-size:13px;font-weight:400;color:#667085}
body.qap-app .qap-vsec-cta{margin:12px 0 0}
body.qap-app .qap-vcam-stage video[hidden],body.qap-app .qap-vcam-stage img[hidden],body.qap-app .qap-vcam-stage canvas[hidden]{display:none!important}
body.qap-app .qap-vcam-controls button[hidden]{display:none!important}
/* ================================================================
QA Assessor design system, September 2026
Navy and blue palette, 12px cards, 8px controls, Inter type.
================================================================ */
body.qap-app{
--qa-navy:#173B5F;
--qa-blue:#0A5BB0;
--qa-blue-dark:#084A90;
--qa-blue-soft:#E7F0FE;
--qa-green:#2E7D32;
--qa-green-soft:#E7F4E8;
--qa-amber:#D98A00;
--qa-amber-soft:#FDF3E2;
--qa-red:#B42318;
--qa-red-soft:#FEECEB;
--qa-bg:#F0F2F5;
--qa-card:#FFFFFF;
--qa-text:#172033;
--qa-text-2:#667085;
--qa-border:#E4E7EC;
--qa-shadow:0 1px 2px rgba(16,24,40,.06);
--qa-shadow-lg:0 4px 16px rgba(16,24,40,.08);
--qa-r-card:12px;
--qa-r-ctl:8px;
background:var(--qa-bg);
color:var(--qa-text);
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
}
body.qap-app h1,body.qap-app h2,body.qap-app h3,body.qap-app h4,body.qap-app h5,
body.qap-app input,body.qap-app select,body.qap-app textarea,body.qap-app button,
body.qap-app .qap-btn,body.qap-app .qap-pill{font-family:inherit}
body.qap-app .qap-card,body.qap-app #buddypress .qap-card{border-radius:var(--qa-r-card);border:1px solid var(--qa-border);box-shadow:var(--qa-shadow);background:var(--qa-card)}
/* Controls keep the tighter corner */
body.qap-app .qap-btn,
body.qap-app .qap-pill,
body.qap-app .qap-pbtn,
body.qap-app input[type=text],body.qap-app input[type=email],body.qap-app input[type=password],
body.qap-app input[type=tel],body.qap-app input[type=url],body.qap-app input[type=number],
body.qap-app input[type=date],body.qap-app input[type=search],body.qap-app select,body.qap-app textarea,
body.qap-app .woocommerce form .form-row .input-text,body.qap-app .woocommerce form .form-row select,
body.qap-app .woocommerce form .form-row textarea,
body.qap-app #buddypress .standard-form input[type=submit],
body.qap-app #buddypress .standard-form button[type=submit],
body.qap-app #buddypress input[type=submit].auto,
body.qap-app .woocommerce button.button,body.qap-app .woocommerce .button:not(.qap-btn),
body.qap-app .woocommerce-Button,body.qap-app .woocommerce input[type=submit],body.qap-app .woocommerce a.button,
body.qap-app .job-manager-form input[type=submit],body.qap-app .job_preview input[type=submit],
body.qap-app .qap-job-tag,body.qap-app .qap-badge,body.qap-app .qap-job-save{border-radius:var(--qa-r-ctl)!important}
/* Primary and secondary action */
body.qap-app .qap-btn{background:var(--qa-blue);border-color:var(--qa-blue);font-weight:600}
body.qap-app .qap-btn:hover{background:var(--qa-blue-dark);border-color:var(--qa-blue-dark)}
body.qap-app .qap-btn-outline{background:#fff;color:var(--qa-blue)!important;border:1px solid var(--qa-border)}
body.qap-app .qap-btn-outline:hover{background:var(--qa-blue-soft);border-color:var(--qa-blue);box-shadow:none}
body.qap-app a{color:var(--qa-blue)}
/* Status colours */
body.qap-app .qap-status-active,body.qap-app .qap-chip-active{background:var(--qa-green-soft);color:var(--qa-green)}
body.qap-app .qap-chip-warn{background:var(--qa-amber-soft);color:var(--qa-amber)}
body.qap-app .qap-chip-off{background:var(--qa-red-soft);color:var(--qa-red)}
body.qap-app .qap-badge{background:#F0F2F5;color:#3C4657;border:0}
body.qap-app .qap-badge-cert{background:var(--qa-green-soft);color:var(--qa-green)}
body.qap-app .qap-badge-plus{background:#FDF3E2;color:#8A5A00}
body.qap-app .qap-vmark{color:var(--qa-blue)}
/* App bar: navy with a soft gradient rather than a flat block */
body.qap-app .qap-appbar{background:linear-gradient(180deg,#1C4571 0%,var(--qa-navy) 100%);border-bottom:1px solid #123049;box-shadow:0 1px 3px rgba(16,24,40,.12)}
body.qap-app .qap-appbar .qap-ab-link{color:rgba(255,255,255,.78)}
body.qap-app .qap-appbar .qap-ab-link:hover{color:#fff}
body.qap-app .qap-appbar .qap-ab-link.is-on{color:#fff;box-shadow:inset 0 -3px 0 #fff}
body.qap-app .qap-appbar-logout{color:rgba(255,255,255,.78)}
body.qap-app .qap-appbar-logout:hover{color:#fff}
body.qap-app .qap-appbar-avatar span{color:rgba(255,255,255,.78)}
/* ---------------- App bar: grouped navigation, bell, avatar menu ---------------- */
body.qap-app .qap-appbar-nav{display:flex;align-items:stretch;gap:2px;flex:1 1 auto;justify-content:center;min-width:0}
body.qap-app .qap-ab-sep{width:1px;align-self:center;height:22px;background:rgba(255,255,255,.22);margin:0 8px;flex:0 0 1px}
body.qap-app .qap-ab-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 10px;min-width:60px;font-size:11px;line-height:14px;font-weight:500;text-decoration:none;white-space:nowrap}
body.qap-app .qap-ab-i{width:20px;height:20px;fill:currentColor}
body.qap-app .qap-ab-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:rgba(255,255,255,.8)}
body.qap-app .qap-ab-bell:hover{color:#fff;background:rgba(255,255,255,.12)}
body.qap-app .qap-ab-bell .qap-ab-i{width:20px;height:20px}
body.qap-app .qap-ab-dot{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#D92D20;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
body.qap-app .qap-ab-me{position:relative}
body.qap-app .qap-ab-me-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;border:0;background:transparent;color:rgba(255,255,255,.85);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px}
body.qap-app .qap-ab-me-btn:hover{background:rgba(255,255,255,.12);color:#fff}
body.qap-app .qap-ab-me-btn img{width:28px;height:28px;border-radius:50%;display:block}
body.qap-app .qap-ab-me-btn i{font-style:normal;font-size:10px;opacity:.8}
body.qap-app .qap-ab-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid var(--qa-border);border-radius:var(--qa-r-card);box-shadow:var(--qa-shadow-lg);padding:6px;z-index:60}
body.qap-app .qap-ab-menu[hidden]{display:none!important}
body.qap-app .qap-ab-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;line-height:20px;color:var(--qa-text);text-decoration:none}
body.qap-app .qap-ab-menu a:hover{background:var(--qa-blue-soft);color:var(--qa-blue)}
body.qap-app .qap-ab-menu-out{border-top:1px solid var(--qa-border);border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px!important;color:var(--qa-text-2)!important}
@media (max-width:1180px){body.qap-app .qap-ab-link span{display:none}body.qap-app .qap-ab-link{min-width:44px}}
@media (max-width:900px){body.qap-app .qap-appbar-nav{display:none}}
/* ---------------- Dashboard ---------------- */
body.qap-app .qap-dash{display:block}
/* Certification card */
body.qap-app .qap-certcard{padding:20px;margin:0 0 8px;background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFE 100%)}
body.qap-app .qap-certcard-active{border-left:4px solid var(--qa-green)}
body.qap-app .qap-certcard-warn{border-left:4px solid var(--qa-amber)}
body.qap-app .qap-certcard-off,body.qap-app .qap-certcard-none{border-left:4px solid #D0D5DD}
body.qap-app .qap-certcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}
body.qap-app .qap-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.04em}
body.qap-app .qap-chip-active{background:var(--qa-green-soft);color:var(--qa-green)}
body.qap-app .qap-chip-warn{background:var(--qa-amber-soft);color:#8A5A00}
body.qap-app .qap-chip-off{background:#F0F2F5;color:var(--qa-text-2)}
body.qap-app .qap-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
body.qap-app .qap-certcard h3{font-size:22px;font-weight:700;line-height:28px;color:var(--qa-text);margin:0 0 14px;text-transform:none}
body.qap-app .qap-certcard-warn{font-size:12px;font-weight:600;color:var(--qa-amber)}
body.qap-app .qap-certcard-meta{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0 0 18px}
body.qap-app .qap-certcard-meta dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--qa-text-2);margin:0 0 2px}
body.qap-app .qap-certcard-meta dd{font-size:14px;font-weight:600;color:var(--qa-text);margin:0}
body.qap-app .qap-certcard-actions{display:flex;flex-wrap:wrap;gap:8px}
body.qap-app .qap-certcard-more{margin:14px 0 0;font-size:13px}
body.qap-app .qap-certcard-none p{font-size:14px;line-height:20px;color:var(--qa-text-2);margin:0 0 16px}
/* Metric tiles */
/* Two panels */
body.qap-app .qap-dash-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
body.qap-app .qap-dash-panel{padding:16px}
body.qap-app .qap-dash-panel h3{font-size:16px;font-weight:700;line-height:22px;color:var(--qa-text);margin:0 0 12px;text-transform:none}
@media (max-width:900px){body.qap-app .qap-dash-two{grid-template-columns:1fr}}
body.qap-app .qap-reclist{list-style:none;margin:0;padding:0;counter-reset:none}
body.qap-app .qap-reclist li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--qa-border);float:none!important;width:auto!important}
body.qap-app .qap-reclist li:first-child{border-top:0;padding-top:0}
body.qap-app .qap-recnum{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--qa-blue-soft);color:var(--qa-blue);font-size:12px;font-weight:700;line-height:22px;text-align:center}
body.qap-app .qap-reclist a{font-size:14px;line-height:22px;font-weight:500;color:var(--qa-text);text-decoration:none}
body.qap-app .qap-reclist a:hover{color:var(--qa-blue);text-decoration:underline}
body.qap-app .qap-timeline{list-style:none;margin:0;padding:0}
body.qap-app .qap-timeline li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--qa-border);float:none!important;width:auto!important}
body.qap-app .qap-timeline li:first-child{border-top:0;padding-top:0}
body.qap-app .qap-tl-date{flex:0 0 48px;font-size:12px;font-weight:600;color:var(--qa-text-2);line-height:20px}
body.qap-app .qap-tl-body{min-width:0}
body.qap-app .qap-tl-body a{display:block;font-size:14px;font-weight:600;line-height:20px;color:var(--qa-text);text-decoration:none}
body.qap-app .qap-tl-body a:hover{color:var(--qa-blue)}
body.qap-app .qap-tl-body span{display:block;font-size:12px;line-height:17px;color:var(--qa-text-2)}
body.qap-app .qap-timeline li.is-ok .qap-tl-date{color:var(--qa-green)}
body.qap-app .qap-timeline li.is-wait .qap-tl-date{color:var(--qa-amber)}
body.qap-app .qap-dash-quick{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
/* ---------- Corrections after the navy repaint (16 Sep 2026) ---------- */
/* body.qap-app a{color:var(--qa-blue)} outranked the filled profile button, so its label disappeared. */
body.qap-app .qap-pbtn-primary,body.qap-app #buddypress .qap-pbtn-primary{background:var(--qa-blue);border-color:var(--qa-blue);color:#fff!important}
body.qap-app .qap-pbtn-primary:hover,body.qap-app #buddypress .qap-pbtn-primary:hover{background:var(--qa-blue-dark);border-color:var(--qa-blue-dark);color:#fff!important}
body.qap-app .qap-pbtn:not(.qap-pbtn-primary){color:var(--qa-blue)!important;border-color:var(--qa-blue)}
body.qap-app .qap-pbtn:not(.qap-pbtn-primary):hover{background:var(--qa-blue-soft);color:var(--qa-blue-dark)!important;border-color:var(--qa-blue-dark)}
/* ---------- Notifications, laid out like LinkedIn (16 Sep 2026) ---------- */
body.qap-notif #subnav,
body.qap-notif #subnav-filters,
body.qap-notif #notifications-user-list{display:none!important}
body.qap-notif #buddypress #item-body{padding:0!important}
body.qap-app .qap-nt{display:flex;flex-direction:column;gap:8px}
body.qap-app .qap-nt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px}
body.qap-app .qap-nt-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.qap-app .qap-nt-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--qa-border,#E4E7EC);border-radius:999px;background:#fff;color:var(--qa-text,#172033)!important;font-size:14px;font-weight:600;line-height:1;text-decoration:none!important;white-space:nowrap}
body.qap-app .qap-nt-pill:hover{background:var(--qa-blue-soft,#E7F0FE);border-color:var(--qa-blue,var(--qa-blue))}
body.qap-app .qap-nt-pill.is-on{background:var(--qa-navy,#173B5F);border-color:var(--qa-navy,#173B5F);color:#fff!important}
body.qap-app .qap-nt-pill.is-on:hover{background:var(--qa-navy,#173B5F)}
body.qap-app .qap-nt-pill-n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#B42318;color:#fff;font-size:11px;font-weight:700;line-height:18px}
body.qap-app .qap-nt-pill.is-on .qap-nt-pill-n{background:#fff;color:var(--qa-navy,#173B5F)}
body.qap-app .qap-nt-readall{font-size:14px;font-weight:600;color:var(--qa-blue,var(--qa-blue))!important;text-decoration:none!important;white-space:nowrap}
body.qap-app .qap-nt-readall:hover{text-decoration:underline!important}
body.qap-app .qap-nt-list{padding:0;overflow:visible}
body.qap-app .qap-nt-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:12px;align-items:start;padding:16px 12px 16px 20px;border-bottom:1px solid var(--qa-border,#E4E7EC);background:#fff;float:none!important;width:auto!important}
body.qap-app .qap-nt-row:first-child{border-radius:12px 12px 0 0}
body.qap-app .qap-nt-row:last-child{border-bottom:0;border-radius:0 0 12px 12px}
body.qap-app .qap-nt-row:only-child{border-radius:8px}
body.qap-app .qap-nt-row:hover{background:#F9FAFB}
body.qap-app .qap-nt-row.is-unread{background:var(--qa-blue-soft,#E7F0FE)}
body.qap-app .qap-nt-row.is-unread:hover{background:#DDEBFB}
body.qap-app .qap-nt-face{display:block;width:48px;height:48px}
body.qap-app .qap-nt-face a{display:block;width:48px;height:48px}
body.qap-app .qap-nt-face img{width:48px!important;height:48px!important;border-radius:50%;object-fit:cover;display:block;margin:0!important;float:none!important;border:0!important}
body.qap-app .qap-nt-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#EAECF0}
body.qap-app .qap-nt-icon svg{width:22px;height:22px;fill:var(--qa-text-2,#667085)}
body.qap-app .qap-nt-body{min-width:0;padding-top:2px}
body.qap-app .qap-nt-text{display:block;font-size:14px;line-height:20px;color:var(--qa-text,#172033)!important;text-decoration:none!important}
body.qap-app a.qap-nt-text:hover{text-decoration:underline!important}
body.qap-app .qap-nt-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-left:8px}
body.qap-app .qap-nt-when{font-size:12px;line-height:16px;color:var(--qa-text-2,#667085);white-space:nowrap}
body.qap-app .qap-nt-menu{position:relative}
body.qap-app .qap-nt-more{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}
body.qap-app .qap-nt-more:hover{background:rgba(16,24,40,.08)}
body.qap-app .qap-nt-more svg{width:20px;height:20px;fill:var(--qa-text-2,#667085)}
body.qap-app .qap-nt-pop{position:absolute;right:0;top:34px;z-index:40;min-width:210px;background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:6px;display:flex;flex-direction:column}
body.qap-app .qap-nt-pop[hidden]{display:none!important}
body.qap-app .qap-nt-pop a{display:block;padding:8px 10px;border-radius:6px;font-size:14px;font-weight:500;color:var(--qa-text,#172033)!important;text-decoration:none!important;white-space:nowrap}
body.qap-app .qap-nt-pop a:hover{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))!important}
body.qap-app .qap-nt-empty{text-align:center;padding:48px 24px}
body.qap-app .qap-nt-empty-i{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#EAECF0;margin-bottom:12px}
body.qap-app .qap-nt-empty-i svg{width:30px;height:30px;fill:var(--qa-text-2,#667085)}
body.qap-app .qap-nt-empty h3{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--qa-text,#172033)}
body.qap-app .qap-nt-empty p{margin:0;font-size:14px;line-height:20px;color:var(--qa-text-2,#667085)}
@media(max-width:600px){body.qap-app .qap-nt-row{grid-template-columns:40px minmax(0,1fr) auto;padding:14px 8px 14px 14px}body.qap-app .qap-nt-face,body.qap-app .qap-nt-face a,body.qap-app .qap-nt-icon{width:40px;height:40px}body.qap-app .qap-nt-face img{width:40px!important;height:40px!important}}
/* ---------- Verification: the prompt, the clickable mark and the panel (16 Sep 2026) ---------- */
/* The prompt is shown to the member on their own profile only, dashed like LinkedIn.
Pinned with !important so it looks identical beside a 24px name, an 18px name or anywhere else. */
/* The verify prompt keeps its shape wherever it sits: beside the name on a profile,
in the identity card on the dashboard, or anywhere else it is printed. The rules
below this one only set colour, so without this it had no shape at all. */
body.qap-app .qap-vprompt{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:22px;padding:0 9px;margin:0 0 0 6px;border:1px dashed var(--qa-blue,var(--qa-blue));border-radius:999px;background:#fff;color:var(--qa-blue,var(--qa-blue));font-family:inherit;font-size:12px;font-weight:600;line-height:16px;letter-spacing:normal;text-transform:none;text-decoration:none;vertical-align:middle;white-space:nowrap;width:auto}
body.qap-app #buddypress h2.qap-name{display:flex;flex-wrap:wrap;align-items:center}
body.qap-app .qap-vprompt,
body.qap-app a.qap-vprompt,
body.qap-app #buddypress .qap-vprompt,
body.qap-app #buddypress .qap-name .qap-vprompt,
body.qap-app #buddypress h2 a.qap-vprompt,
body.qap-app .qap-vprompt:hover{background:var(--qa-blue-soft,#E7F0FE)!important;color:var(--qa-blue-dark,var(--qa-blue-dark))!important;border-color:var(--qa-blue-dark,var(--qa-blue-dark))!important;box-shadow:none!important}
body.qap-app .qap-vprompt svg{display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;color:inherit!important;margin:0!important}
body.qap-app .qap-vprompt span{font-size:12px!important;font-weight:600!important;line-height:16px!important;color:inherit!important}
@media(max-width:600px){body.qap-app .qap-vprompt{margin:6px 0 0!important}}
/* The prompt sits beside the name in the identity card, so it needs its own shape
here: the rule that gave it one lived with the old header card. */
body.woocommerce-account .qap-idcard-body h2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 0}
body.woocommerce-account .qap-idcard-body h2 .qap-vmark{vertical-align:middle;margin-left:5px}
/* The mark becomes a button on the profile and the account bar. */
body.qap-app button.qap-vmark-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:6px;border:0;background:transparent;color:var(--qa-blue,var(--qa-blue));cursor:pointer;vertical-align:middle;line-height:0;height:auto;min-height:0;border-radius:50%}
body.qap-app button.qap-vmark-btn:hover{color:var(--qa-blue-dark,var(--qa-blue-dark))}
body.qap-app button.qap-vmark-btn:focus-visible{outline:2px solid var(--qa-blue,var(--qa-blue));outline-offset:2px}
/* The panel */
body.qap-vmodal-on{overflow:hidden}
.qap-vmodal[hidden]{display:none!important}
.qap-vmodal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}
.qap-vmodal-back{position:absolute;inset:0;background:rgba(16,24,40,.55)}
.qap-vmodal-box{position:relative;width:100%;max-width:520px;max-height:86vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 16px 48px rgba(16,24,40,.28);padding:20px 24px 24px}
.qap-vmodal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.qap-vmodal-head h2{margin:0!important;font-size:20px!important;font-weight:600;color:#172033;line-height:28px}
.qap-vmodal-x{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}
.qap-vmodal-x:hover{background:rgba(16,24,40,.08)}
.qap-vmodal-x svg{width:18px;height:18px;fill:#667085}
.qap-vmodal-sub{margin:0 0 14px!important;font-size:14px;line-height:20px;color:#667085}
.qap-vmodal-list{list-style:none;margin:0!important;padding:0!important}
.qap-vmodal-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #E4E7EC;float:none!important;width:auto!important;list-style:none}
.qap-vmodal-tick{flex:0 0 24px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#E7F4E8;margin-top:2px}
.qap-vmodal-tick svg{width:15px;height:15px;fill:#2E7D32}
.qap-vmodal-txt{font-size:14px;line-height:20px;color:#3C4657}
.qap-vmodal-txt strong{color:#172033;font-weight:600}
.qap-vmodal-date{font-size:12px;color:#667085;margin-left:6px}
.qap-vmodal-foot{margin:16px 0 0!important;padding-top:14px;border-top:1px solid #E4E7EC;font-size:12px;line-height:18px;color:#667085}
@media(max-width:600px){.qap-vmodal-box{padding:16px 16px 20px}}
/* ---------- Verification hub, laid out like LinkedIn (16 Sep 2026) ---------- */
body.qap-app .qap-vhero{text-align:center;padding:28px 24px 24px}
body.qap-app .qap-vhero-face{position:relative;display:inline-block;width:96px;height:96px;margin:0 0 14px}
body.qap-app .qap-vhero-face img{width:96px!important;height:96px!important;border-radius:50%;object-fit:cover;display:block;margin:0!important;float:none!important;border:0!important}
body.qap-app .qap-vhero-shield{position:absolute;right:-2px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--qa-blue,var(--qa-blue))}
body.qap-app .qap-vhero-shield svg{width:22px;height:22px}
body.qap-app .qap-vhero h2{margin:0 0 14px!important;font-size:22px!important;font-weight:600;color:var(--qa-text,#172033);line-height:30px}
body.qap-app .qap-vwhy{list-style:none;margin:0 auto 20px!important;padding:0!important;display:inline-block;text-align:left;max-width:420px}
body.qap-app .qap-vwhy li{position:relative;padding:4px 0 4px 28px;font-size:14px;line-height:20px;color:var(--qa-text,#172033);float:none!important;width:auto!important;list-style:none}
body.qap-app .qap-vwhy li::before{content:'';position:absolute;left:4px;top:9px;width:12px;height:7px;border-left:2px solid #2E7D32;border-bottom:2px solid #2E7D32;transform:rotate(-45deg)}
body.qap-app .qap-vroutes{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto;text-align:left}
body.qap-app .qap-vroute-row{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;background:#fff;text-decoration:none!important;color:inherit!important}
body.qap-app .qap-vroute-row:hover{border-color:var(--qa-blue,var(--qa-blue));background:var(--qa-blue-soft,#E7F0FE)}
body.qap-app .qap-vroute-row.is-done{background:#F3FAF4;border-color:#CDE7CF}
body.qap-app .qap-vroute-i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#EAECF0}
body.qap-app .qap-vroute-i svg{width:22px;height:22px;fill:var(--qa-text-2,#667085)}
body.qap-app .qap-vroute-row.is-done .qap-vroute-i{background:#E7F4E8}
body.qap-app .qap-vroute-row.is-done .qap-vroute-i svg{fill:#2E7D32}
body.qap-app .qap-vroute-t{min-width:0}
body.qap-app .qap-vroute-t strong{display:block;font-size:15px;font-weight:600;color:var(--qa-text,#172033);line-height:20px}
body.qap-app .qap-vroute-t span{display:block;font-size:13px;line-height:18px;color:var(--qa-text-2,#667085)}
body.qap-app .qap-vroute-go{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--qa-blue,var(--qa-blue));color:var(--qa-blue,var(--qa-blue));font-size:15px;line-height:1}
body.qap-app .qap-vroute-row.is-done .qap-vroute-go{border-color:#2E7D32;color:#2E7D32}
body.qap-app .qap-vback{margin:4px 0 0!important;font-size:14px}
body.qap-app .qap-vback a{font-weight:600;text-decoration:none!important}
body.qap-app .qap-vback a:hover{text-decoration:underline!important}
/* the row menu must escape the card */
body.qap-notif #buddypress #item-body,body.qap-notif #buddypress .qap-nt,body.qap-notif #buddypress .qap-nt-list{overflow:visible!important}
/* clicks on the mark must register on the button, not the drawing inside it */
body.qap-app button.qap-vmark-btn svg,body.qap-app .qap-nt-more svg,body.qap-app .qap-vmodal-x svg{pointer-events:none}
/* ---------- People card: keep the mark on the name line (16 Sep 2026) ----------
The two line clamp was written for the headline but matched every span in the card,
including the verification mark and the plus sign, which pushed them onto their own lines. */
body.qap-app .qap-people-txt > span.qap-people-head{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px!important;color:var(--qa-text-2,#667085)!important;line-height:16px!important;margin:2px 0 8px!important}
body.qap-app .qap-people-name{display:inline-flex!important;align-items:center;gap:4px;max-width:100%;font-size:14px!important;font-weight:600!important;line-height:18px!important;text-decoration:none!important}
body.qap-app .qap-people-name .qap-vmark{display:inline-flex!important;align-items:center;width:auto!important;height:auto!important;flex:0 0 auto;margin:0!important;line-height:0!important;overflow:visible!important;-webkit-line-clamp:none!important}
body.qap-app .qap-people-name .qap-vmark svg{display:block;width:14px;height:14px}
body.qap-app .qap-people-btn .qap-plus{display:inline!important;width:auto!important;height:auto!important;margin:0!important;font-size:inherit!important;color:inherit!important;line-height:inherit!important;overflow:visible!important;-webkit-line-clamp:none!important}
/* ================= Review fixes, 16 September 2026 ================= */
/* ---- 01. A bar along the bottom on phones, where the top navigation has no room ---- */
.qap-tabbar{display:none}
@media(max-width:900px){
body.qap-app .qap-tabbar{
display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:600;
background:var(--qa-navy,#173B5F);border-top:1px solid rgba(255,255,255,.12);
padding-bottom:env(safe-area-inset-bottom,0px);
box-shadow:0 -2px 10px rgba(16,24,40,.18);
}
body.qap-app .qap-tab{
position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
padding:8px 2px 7px;color:rgba(255,255,255,.78)!important;text-decoration:none!important;
font-size:10.5px;font-weight:600;line-height:13px;letter-spacing:.01em;min-height:54px;
}
body.qap-app .qap-tab svg{width:22px;height:22px;fill:currentColor;display:block}
body.qap-app .qap-tab.is-on{color:#fff!important;box-shadow:inset 0 -3px 0 #fff}
body.qap-app .qap-tab-dot{
position:absolute;top:5px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;
border-radius:8px;background:#B42318;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;
}
body.qap-app{padding-bottom:62px}
}
/* ---- 07 + 08. Tab row stays on one line; the leftover filter box goes ---- */
body.qap-app #buddypress div.item-list-tabs ul,
body.qap-app #buddypress .bp-navs.bp-subnavs ul,
body.qap-app #buddypress nav.activity-type-navs ul{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body.qap-app #buddypress nav.activity-type-navs ul::-webkit-scrollbar{display:none}
body.qap-app #buddypress nav.activity-type-navs li > a{white-space:nowrap}
body.activity #buddypress #subnav-filters,
body.qap-group #buddypress #subnav-filters,
body.qap-app #buddypress #activity-filter-select,
body.qap-app #buddypress .subnav-filters #activity-filter-select{display:none!important}
/* ---- 09. One menu per post instead of bare Save and Delete links ---- */
body.qap-app .qap-topright{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:0;z-index:5}
body.qap-app .qap-post-more{
display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;
border:0;background:transparent;border-radius:50%;cursor:pointer
}
body.qap-app .qap-post-more:hover{background:rgba(16,24,40,.08)}
body.qap-app .qap-post-more svg{width:20px;height:20px;fill:var(--qa-text-2,#667085);pointer-events:none}
body.qap-app .qap-post-pop{
position:absolute;right:0;top:34px;min-width:216px;background:#fff;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);
padding:6px;display:flex;flex-direction:column;z-index:60
}
body.qap-app .qap-post-pop[hidden]{display:none!important}
body.qap-app .qap-post-pop a,
body.qap-app .qap-post-pop .generic-button,
body.qap-app .qap-post-pop .generic-button > a{
display:block;width:100%;padding:0;border:0!important;background:transparent!important;
font-size:14px!important;font-weight:500!important;color:var(--qa-text,#172033)!important;
text-decoration:none!important;white-space:nowrap;text-align:left;height:auto!important;min-height:0!important;line-height:20px!important
}
body.qap-app .qap-post-pop > a,
body.qap-app .qap-post-pop .generic-button > a{padding:8px 10px!important;border-radius:6px}
body.qap-app .qap-post-pop > a:hover,
body.qap-app .qap-post-pop .generic-button > a:hover{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))!important}
body.qap-app #buddypress ul.activity-list > li.activity-item{position:relative}
/* ---- 02 + 13. Groups ---- */
/* The banner is the absolutely positioned #header-cover-image; #item-header-cover-image
is the wrapper whose top padding clears it. Same pattern as the member profile. */
body.qap-group #buddypress #header-cover-image{height:140px!important;border-radius:12px 8px 0 0}
body.qap-group #buddypress #item-header-cover-image{padding-top:140px!important}
body.qap-group #buddypress #item-header-avatar{margin:-56px 0 0 24px!important;float:none!important;position:relative;z-index:2;width:auto!important;line-height:0}
body.qap-group #buddypress #item-header-avatar img,
body.qap-group #buddypress #item-header-avatar .avatar{width:104px!important;height:104px!important;border-radius:10px!important;border:4px solid #fff;object-fit:cover;display:block;margin:0!important}
body.qap-group #buddypress .desc-wrap,
body.qap-group #buddypress .group-description,
body.qap-group #buddypress #item-actions.group-item-actions,
body.qap-group #buddypress dl.moderators-lists,
body.qap-group #buddypress #item-header-content > h2,
body.qap-group #buddypress #item-header-content > .highlight,
body.qap-group #buddypress #item-header-content > .activity,
body.qap-group #buddypress .group-status,
body.qap-group #buddypress #item-buttons{display:none!important}
body.qap-group #buddypress #item-header-content{background:#fff;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:10px 24px 18px!important;clear:both;display:block!important}
body.qap-app .qap-ghead{display:block;padding:0}
body.qap-app .qap-gname{margin:0 0 6px!important;font-size:24px!important;font-weight:600;line-height:1.25;color:var(--qa-text,#172033)}
body.qap-app .qap-gmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px!important}
body.qap-app .qap-gcount{font-size:14px;color:var(--qa-text-2,#667085)}
body.qap-app .qap-gdesc{margin:0 0 14px!important;font-size:15px;line-height:1.5;color:var(--qa-text,#172033);max-width:70ch}
body.qap-app .qap-gactions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
@media(max-width:700px){
body.qap-group #buddypress #header-cover-image{height:110px!important}
body.qap-group #buddypress #item-header-cover-image{padding-top:110px!important}
body.qap-group #buddypress #item-header-avatar{margin:-44px 0 0 16px!important}
body.qap-group #buddypress #item-header-avatar img{width:84px!important;height:84px!important}
body.qap-group #buddypress #item-header-content{padding:10px 16px 16px!important}
}
/* The group activity screen keeps only its own search box, not the old filter row */
body.qap-group #buddypress .subnav-filters .feed,
body.qap-group #buddypress .subnav-filters #group_activity_search_submit{display:none!important}
body.qap-groupdir #buddypress #groups-list > li .item-desc,
body.qap-groupdir #buddypress #groups-list > li .group-desc{display:none!important}
body.qap-app .qap-gdir-meta{margin:2px 0 0!important;font-size:13px;color:var(--qa-text-2,#667085)}
body.qap-app .qap-gdir-desc{margin:4px 0 0!important;font-size:14px;line-height:1.45;color:var(--qa-text,#172033)}
body.qap-groupdir #buddypress #groups-list > li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--qa-border,#E4E7EC);float:none!important;width:auto!important}
body.qap-groupdir #buddypress #groups-list > li:first-child{border-top:0}
body.qap-groupdir #buddypress #groups-list > li .item-avatar{flex:0 0 56px}
body.qap-groupdir #buddypress #groups-list > li .item-avatar img{width:56px!important;height:56px!important;border-radius:8px;object-fit:cover;margin:0!important;float:none!important}
body.qap-groupdir #buddypress #groups-list > li .item{flex:1 1 auto;min-width:0}
body.qap-groupdir #buddypress #groups-list > li .action{flex:0 0 auto;margin:0!important;float:none!important}
body.qap-groupdir #buddypress #groups-list > li .item-title{font-size:16px;font-weight:600;margin:0}
/* ---- 14. The grade and register ID on every directory row ---- */
body.qap-app .qap-dir-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0!important}
/* the theme washes out h2 inside the item header, so the group name gets the same repair as the member name */
body.qap-group #buddypress #item-header-content h2.qap-gname,
body.qap-app h2.qap-gname{color:#172033!important;-webkit-text-fill-color:#172033;-webkit-text-stroke:0;text-shadow:none;background:none;opacity:1;text-transform:none;letter-spacing:normal}
body.qap-app .qap-gmeta .qap-gcount + .qap-gcount::before{content:'\00b7';margin-right:10px;color:var(--qa-border,#E4E7EC)}
/* the directory row's inner block floats its children and never clears them, so they overlapped */
body.qap-groupdir #buddypress #groups-list > li .item-block{display:flow-root;min-height:0}
body.qap-groupdir #buddypress #groups-list > li .item-block > *{float:none!important;width:auto!important}
body.qap-groupdir #buddypress #groups-list > li .item-avatar{float:none!important}
body.qap-groupdir #buddypress #groups-list > li h2.list-title{margin:0 0 3px!important;font-size:16px!important;font-weight:600;line-height:1.3;float:none!important}
body.qap-groupdir #buddypress #groups-list > li h2.list-title a{color:var(--qa-text,#172033)!important;text-decoration:none!important}
body.qap-groupdir #buddypress #groups-list > li h2.list-title a:hover{text-decoration:underline!important}
body.qap-groupdir #buddypress #groups-list > li p.item-meta,
body.qap-groupdir #buddypress #groups-list > li p.last-activity{margin:0!important;font-size:13px!important;line-height:18px;color:var(--qa-text-2,#667085)!important;float:none!important}
body.qap-app .qap-gdir-meta{display:none!important}
body.qap-app .qap-gdir-desc{margin:6px 0 0!important;font-size:14px;line-height:1.45;color:var(--qa-text,#172033)}
/* directory badges sit on one line, not stacked by the theme's floats */
body.qap-app .qap-dir-badges .qap-badge{float:none!important;margin:0!important;display:inline-flex;align-items:center}
body.qap-app .qap-dir-badges .qap-badge{font-size:11.5px;padding:2px 8px;line-height:16px}
/* ================= Deep pass, 16 September 2026 ================= */
/* ---- Member lists: name, headline and badges; no stray post excerpt ---- */
body.qap-app #buddypress #members-list h2.list-title a{display:block;text-decoration:none!important}
body.qap-app .qap-ml-head{display:block;font-size:14px;font-weight:400;line-height:1.43;color:var(--qa-text-2,#667085);margin:2px 0 0}
body.qap-app .qap-ml-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0}
body.qap-app .qap-ml-badges .qap-badge{float:none!important;margin:0!important;font-size:11.5px;padding:2px 8px;line-height:16px;display:inline-flex;align-items:center}
body.qap-app #buddypress #members-list .user-update,
body.qap-app #buddypress #members-list .item-extra,
body.qap-app #buddypress #members-list p.update,
body.qap-app .qap-dir-head,
body.qap-app .qap-dir-badges{display:none!important}
body.qap-app #buddypress #members-list > li{align-items:flex-start}
body.qap-app #buddypress #members-list h2.list-title{margin:0!important;font-size:16px!important;font-weight:600;line-height:1.35}
body.qap-app #buddypress #members-list p.item-meta.last-activity{margin:6px 0 0!important;font-size:12.5px;color:var(--qa-text-2,#667085)}
/* ---- The BuddyPress sort control, which shipped unstyled and clipped on every list ---- */
body.qap-app #buddypress .subnav-filters,
body.qap-app #buddypress .dir-search + .subnav-filters{margin:0 0 4px}
body.qap-app #buddypress .subnav-filters .select-wrap,
body.qap-app #buddypress .filter .select-wrap{position:relative;display:inline-flex;align-items:center}
body.qap-app #buddypress .subnav-filters select,
body.qap-app #buddypress .filter select,
body.qap-app #buddypress .dir-search select,
body.qap-app #buddypress #members-order-by,
body.qap-app #buddypress #groups-order-by{appearance:none;-webkit-appearance:none;height:36px;min-height:36px;padding:0 34px 0 12px;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:8px!important;background:#fff;color:var(--qa-text,#172033);font-size:14px;font-weight:500;line-height:34px;width:auto!important;min-width:min(150px,100%);max-width:100%;text-overflow:ellipsis}
body.qap-app #buddypress .select-wrap span.select-arrow,
body.qap-app #buddypress .select-wrap .select-arrow{position:absolute;right:12px;pointer-events:none;color:var(--qa-text-2,#667085)}
body.qap-app #buddypress .subnav-filters .filter label,
body.qap-app #buddypress .filter label:not(.bp-screen-reader-text){font-size:13px;font-weight:600;color:var(--qa-text-2,#667085);margin-right:8px}
/* ---- The list search box on group members ---- */
body.qap-app #buddypress .dir-search input[type=search],
body.qap-app #buddypress .dir-search input[type=text],
body.qap-app #buddypress .groups-members-search input[type=search],
body.qap-app #buddypress .groups-members-search input[type=text]{height:36px;min-height:36px;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:8px!important;padding:0 12px;font-size:14px;background:#fff}
body.qap-app #buddypress .dir-search button[type=submit],
body.qap-app #buddypress .groups-members-search button[type=submit]{height:36px;min-height:36px;width:36px;padding:0;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:8px!important;background:#fff!important;color:var(--qa-text-2,#667085)!important;display:inline-flex;align-items:center;justify-content:center}
body.qap-app #buddypress .dir-search button[type=submit]:hover,
body.qap-app #buddypress .groups-members-search button[type=submit]:hover{background:var(--qa-blue-soft,#E7F0FE)!important;border-color:var(--qa-blue,var(--qa-blue))!important;color:var(--qa-blue,var(--qa-blue))!important}
/* ---- Group rows look the same wherever they are listed ---- */
body.qap-app #buddypress #groups-list > li .item-desc,
body.qap-app #buddypress #groups-list > li .group-desc{display:none!important}
body.qap-app #buddypress #groups-list > li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--qa-border,#E4E7EC);float:none!important;width:auto!important}
body.qap-app #buddypress #groups-list > li:first-child{border-top:0}
body.qap-app #buddypress #groups-list > li .item-avatar{flex:0 0 56px;float:none!important}
body.qap-app #buddypress #groups-list > li .item-avatar img{width:56px!important;height:56px!important;border-radius:8px;object-fit:cover;margin:0!important;float:none!important}
body.qap-app #buddypress #groups-list > li .item{flex:1 1 auto;min-width:0}
body.qap-app #buddypress #groups-list > li .item-block{display:flow-root;min-height:0}
body.qap-app #buddypress #groups-list > li .item-block > *{float:none!important;width:auto!important}
body.qap-app #buddypress #groups-list > li h2.list-title{margin:0 0 3px!important;font-size:16px!important;font-weight:600;line-height:1.3;float:none!important}
body.qap-app #buddypress #groups-list > li h2.list-title a{color:var(--qa-text,#172033)!important;text-decoration:none!important}
body.qap-app #buddypress #groups-list > li p.item-meta,
body.qap-app #buddypress #groups-list > li p.last-activity{margin:0!important;font-size:13px!important;line-height:18px;color:var(--qa-text-2,#667085)!important;float:none!important}
body.qap-app #buddypress #groups-list > li .action{flex:0 0 auto;margin:0!important;float:none!important}
/* the sort control had its own border plus a wrapper border, which read as two boxes */
body.qap-app #buddypress .subnav-filters .select-wrap,
body.qap-app #buddypress .filter .select-wrap{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
/* one meta line on a group row, wherever the row appears */
body.qap-app #buddypress #groups-list > li p.item-meta.group-details{display:none!important}
body.qap-app .qap-gdir-meta{display:block!important;margin:2px 0 0!important;font-size:13px;line-height:18px;color:var(--qa-text-2,#667085)}
/* the sort control: one box, text not clipped, sized to its own row */
body.qap-app #buddypress .subnav-filters .filter,
body.qap-app #buddypress .subnav-filters .select-wrap{width:auto!important;max-width:100%!important;display:inline-flex!important;align-items:center}
body.qap-app #buddypress .subnav-filters select,
body.qap-app #buddypress .filter select,
body.qap-app #buddypress #members-order-by,
body.qap-app #buddypress #groups-order-by,
body.qap-app #buddypress #friends-order-by{box-sizing:border-box!important;height:36px!important;min-height:36px!important;padding:0 34px 0 12px!important;width:auto!important;min-width:min(170px,100%)!important;max-width:100%!important;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:8px!important;background-color:#fff!important;background-position:right 10px center!important;font-size:14px!important;font-weight:500!important;line-height:34px!important;color:var(--qa-text,#172033)!important;text-indent:0!important}
body.qap-app #buddypress .subnav-filters .select-wrap span.select-arrow{display:none!important}
/* the sort control keeps its arrow */
body.qap-app #buddypress .subnav-filters select,
body.qap-app #buddypress .filter select,
body.qap-app #buddypress #members-order-by,
body.qap-app #buddypress #groups-order-by,
body.qap-app #buddypress #friends-order-by{background-image:url("data:image/svg+xml;utf8,")!important;background-repeat:no-repeat!important;background-size:18px!important}
/* two badges fit on one line on a member row */
body.qap-app .qap-ml-badges{gap:6px}
body.qap-app .qap-ml-badges .qap-badge{font-size:11px;padding:2px 7px;letter-spacing:0}
/* a group's member rows read like every other member row */
body.qap-group #buddypress #member-list > li h2,
body.qap-group #buddypress #member-list > li .item-title{margin:0!important;font-size:16px!important;font-weight:600;line-height:1.35}
body.qap-group #buddypress #member-list > li .item-meta,
body.qap-group #buddypress #member-list > li .joined{margin:6px 0 0!important;font-size:12.5px;color:var(--qa-text-2,#667085)}
/* =====================================================================
Spacing scale and the three widths, 16 September 2026
8px between cards in a stack, 16px before a new section, 24px between columns.
These sit at the end of the file so they win over the earlier unconditional rules.
===================================================================== */
/* ---- One gap between stacked cards, everywhere ---- */
body.qap-app .qap-rail > * + *{margin-top:8px!important}
body.qap-app.directory #buddypress > .screen-content > * + *,
body.qap-app #buddypress .qap-feed > * + *{margin-top:8px}
body.qap-app #buddypress > .activity-update-form,
body.qap-app #buddypress > .qap-composer-actions,
body.qap-app #buddypress > nav.activity-type-navs,
body.qap-app #buddypress > .screen-content{margin-top:0}
body.qap-app #buddypress > .qap-composer-actions{margin-top:8px!important}
body.qap-app #buddypress > nav.activity-type-navs{margin-top:8px!important}
body.qap-app #buddypress > .screen-content{margin-top:8px!important}
body.qap-app #buddypress ul.activity-list > li + li{margin-top:8px}
/* ---- Laptop: the right rail is hidden, so the grid must give its space back ---- */
@media (max-width:1180px){
/* The directory rail carries the member's own card, so it stays and only narrows.
A profile still hides its rail here, because the profile itself fills the screen. */
body.qap-app.directory #buddypress{grid-template-columns:minmax(0,1fr) 280px!important}
}
@media (max-width:900px){
body.qap-app.directory #buddypress{display:block!important}
body.qap-app.directory #buddypress > .qap-rail-right{display:none!important}
}
/* ---- Phone and small tablet ---- */
@media (max-width:900px){
/* The account screens: the member's own content first, the menu after it */
body.woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
body.woocommerce-account .qap-rail{grid-column:1!important;grid-row:1!important;position:static!important;flex-direction:column!important}
/* Back to a column, so the basis set for the side by side layout would otherwise
become a fixed height and cut the card off. */
body.woocommerce-account .qap-rail>*{flex:0 0 auto!important}
body.woocommerce-account .woocommerce-MyAccount-content{grid-column:1!important;grid-row:2!important;min-width:0}
body.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1!important;grid-row:3!important;position:static!important}
/* The profile header reads left aligned on a phone, as it does on a laptop */
body.qap-app.bp-user #buddypress #item-header-content,
body.qap-app.bp-user #buddypress #item-header-avatar,
body.qap-app.bp-user #buddypress .qap-name,
body.qap-app.bp-user #buddypress .qap-headline,
body.qap-app.bp-user #buddypress .qap-hero-loc,
body.qap-app.bp-user #buddypress .qap-hero-meta,
body.qap-app.bp-user #buddypress .qap-conns{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}
body.qap-app.bp-user #buddypress #item-header-avatar{margin-left:16px!important}
body.qap-app .qap-profile-actions{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-start}
body.qap-app .qap-profile-actions .qap-pbtn{flex:0 0 auto;width:auto!important}
/* The post box fills the card and its text is not clipped */
body.qap-app #buddypress #whats-new-form{display:flex;align-items:center;gap:10px}
body.qap-app #buddypress #whats-new-form #whats-new-avatar{flex:0 0 40px}
body.qap-app #buddypress #whats-new-form #whats-new-content{flex:1 1 auto;min-width:0}
body.qap-app #buddypress #whats-new-form #whats-new{width:100%;min-height:44px;padding:12px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.qap-app #buddypress #whats-new-form #whats-new-submit,
body.qap-app #buddypress #whats-new-form .whats-new-form-actions{display:none}
body.qap-app #buddypress #whats-new-form.focus-in #whats-new-submit,
body.qap-app #buddypress #whats-new-form.focus-in .whats-new-form-actions{display:block}
/* The three record shortcuts share one row */
body.qap-app .qap-composer-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
body.qap-app .qap-composer-actions .qap-ca{justify-content:center;padding:10px 4px;font-size:12px;min-width:0}
body.qap-app .qap-composer-actions .qap-ca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* A post header keeps the name on one line */
body.qap-app .qap-ah-name,
body.qap-app #buddypress .activity-header strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
/* Cards keep a 16px gutter from the edge of the screen */
body.qap-app #buddypress,
body.qap-app .qap-shellpad{padding-left:16px!important;padding-right:16px!important}
}
/* ---- Very narrow: two record shortcuts per row rather than three cramped ---- */
@media (max-width:380px){
body.qap-app .qap-composer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---- Phone: the theme stacks three sets of side padding, which cost 52px a side ---- */
@media (max-width:900px){
body.qap-app section{padding-left:0!important;padding-right:0!important}
body.qap-app .section-inner{padding-left:0!important;padding-right:0!important;max-width:none!important}
body.qap-app .policy-content{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.qap-app #buddypress{padding-left:12px!important;padding-right:12px!important;max-width:none!important}
body.qap-app.woocommerce-account .woocommerce{padding-left:0!important;padding-right:0!important}
/* The profile header uses the width it now has */
body.qap-app.bp-user #buddypress #item-header-content{padding:12px 16px 18px!important}
body.qap-app.bp-user #buddypress #item-header-avatar{margin-left:16px!important}
body.qap-app .qap-profile-actions{width:auto!important;max-width:none!important}
/* Record shortcuts: two lines of small text rather than a cut off word */
body.qap-app .qap-composer-actions .qap-ca{flex-direction:column;gap:4px;padding:10px 2px;font-size:11.5px;line-height:1.25;text-align:center}
body.qap-app .qap-composer-actions .qap-ca span{white-space:normal;overflow:visible;text-overflow:clip}
/* The post box shows its whole prompt */
body.qap-app #buddypress #whats-new-form #whats-new{font-size:14px;padding:12px}
/* Post actions keep their words */
body.qap-app #buddypress .qap-actbar .qap-act span,
body.qap-app .qap-act span{display:inline!important;font-size:12px}
body.qap-app .qap-actbar{gap:2px}
body.qap-app .qap-act{padding:8px 4px;font-size:12px}
}
/* ---- The post box card hugs its input, with the record shortcuts inside it ---- */
body.qap-app #buddypress #bp-nouveau-activity-form{padding:12px 16px 0!important}
body.qap-app #buddypress #bp-nouveau-activity-form #whats-new-form{margin-bottom:0!important;padding:4px 2px 12px!important}
body.qap-app #buddypress #bp-nouveau-activity-form .qap-composer-actions{margin:0 -16px!important;padding:6px 8px!important;border-top:1px solid var(--qa-border,#E4E7EC);background:transparent;display:flex;justify-content:space-around;gap:4px}
body.qap-app #buddypress #bp-nouveau-activity-form .qap-composer-actions .qap-ca{flex:1 1 0;justify-content:center}
body.qap-app .comment-count[hidden]{display:none!important}
@media (max-width:900px){
body.qap-app #buddypress #bp-nouveau-activity-form .qap-composer-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -16px!important;padding:6px 4px!important}
}
/* the Comment control matches Like, Repost and Send rather than standing out in blue */
body.qap-app #buddypress .activity-meta a.acomment-reply,
body.qap-app #buddypress a.acomment-reply.bp-primary-action{display:inline-flex!important;align-items:center;gap:6px;height:40px;padding:0 10px!important;border:0!important;background:transparent!important;color:#555!important;font-size:15px!important;font-weight:600!important;border-radius:8px}
body.qap-app #buddypress .activity-meta a.acomment-reply:hover{background:rgba(16,24,40,.06)!important;color:var(--qa-text,#172033)!important;text-decoration:none!important}
body.qap-app #buddypress .activity-meta a.acomment-reply .comment-count{font-size:14px;font-weight:600;color:inherit}
/* the tabs to first post gap was 42px from four stacked margins; it is one 8px step */
body.qap-app #buddypress > nav.activity-type-navs{margin-bottom:0!important}
body.qap-app #buddypress .screen-content{margin-top:8px!important;padding-top:0!important}
body.qap-app #buddypress #activity-stream,
body.qap-app #buddypress ul.activity-list{margin-top:0!important;padding-top:0!important}
/* Comment carries an icon like the other three */
body.qap-app #buddypress .activity-meta a.acomment-reply::before{content:'';flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,") no-repeat center/contain}
/* keep the word Comment beside its icon */
body.qap-app #buddypress .activity-meta a.acomment-reply .bp-screen-reader-text{position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;white-space:nowrap;font-size:inherit;color:inherit}
/* the Comment control matches the weight of the other three, and all four share one row on a phone */
body.qap-app #buddypress .activity-meta a.acomment-reply{font-weight:400!important}
@media (max-width:900px){
/* shrink the four controls so they share one line, without changing how the bar lays out */
body.qap-app #buddypress .activity-meta .qap-act,
body.qap-app #buddypress .activity-meta a.acomment-reply{padding:0 6px!important;font-size:12px!important;gap:4px}
body.qap-app #buddypress .activity-meta a.acomment-reply::before{flex:0 0 15px;width:15px;height:15px}
body.qap-app #buddypress .activity-meta .qap-act svg{width:16px;height:16px}
}
body.qap-app #buddypress .activity-meta a.acomment-reply .bp-screen-reader-text{font-weight:inherit!important}
/* =====================================================================
The comment area under a post
Author line with headline and verification mark, the text in a rounded
panel, Like and Reply beneath it, a sort control, an older comments
control, and a comment box that stays in place once a post has comments.
===================================================================== */
body.qap-app #buddypress .activity-comments{
margin:8px 0 0 0!important;padding:12px 0 0;border-top:1px solid var(--qa-border,#E4E7EC);
background:transparent;clear:both;position:relative
}
body.qap-app #buddypress .activity-comments > ul{margin:0;padding:0;list-style:none}
body.qap-app #buddypress .activity-comments ul ul{margin:6px 0 0 0;padding:0 0 0 20px;list-style:none;border-left:2px solid var(--qa-border,#E4E7EC)}
/* ---- sort control ---- */
body.qap-app #buddypress .activity-comments > .qap-cm-sortbar{
position:relative;display:flex;justify-content:flex-end;margin:0 0 4px
}
body.qap-app #buddypress .qap-cm-sort{
display:inline-flex;align-items:center;gap:2px;padding:4px 6px;border:0;background:transparent;
border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--qa-text-2,#667085);min-height:0
}
body.qap-app #buddypress .qap-cm-sort:hover{background:rgba(16,24,40,.06);color:var(--qa-text,#172033)}
body.qap-app #buddypress .qap-cm-chev{width:14px;height:14px;fill:currentColor;flex:0 0 14px}
body.qap-app #buddypress .qap-cm-sortpop{
position:absolute;right:0;top:30px;min-width:160px;background:#fff;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);
padding:6px;display:flex;flex-direction:column;z-index:60
}
body.qap-app #buddypress .qap-cm-sortpop[hidden]{display:none!important}
body.qap-app #buddypress .qap-cm-sortpop button{
border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;
font-size:14px;font-weight:500;color:var(--qa-text,#172033);min-height:0;width:100%
}
body.qap-app #buddypress .qap-cm-sortpop button:hover{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))}
/* ---- one comment ---- */
body.qap-app #buddypress .activity-comments li.comment-item{
display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:8px;align-items:start;
margin:0;padding:6px 0;background:transparent;border:0;list-style:none;float:none!important;width:auto!important
}
body.qap-app #buddypress .activity-comments li.comment-item[hidden]{display:none!important}
body.qap-app #buddypress .activity-comments li.comment-item > .acomment-avatar{grid-column:1;width:40px;margin:0;padding:0}
body.qap-app #buddypress .activity-comments li.comment-item > .acomment-avatar img{
width:40px!important;height:40px!important;border-radius:50%;object-fit:cover;display:block;margin:0
}
body.qap-app #buddypress .activity-comments li.comment-item > .qap-cm-main{grid-column:2;min-width:0}
body.qap-app #buddypress .activity-comments li.comment-item.qap-cm > .acomment-meta{display:none}
/* if the script has not run yet the plain BuddyPress row still reads correctly */
body.qap-app #buddypress .activity-comments li.comment-item:not(.qap-cm) > .acomment-meta,
body.qap-app #buddypress .activity-comments li.comment-item:not(.qap-cm) > .acomment-content,
body.qap-app #buddypress .activity-comments li.comment-item:not(.qap-cm) > .activity-meta{grid-column:2;margin:0;padding:0;border:0;font-size:14px}
body.qap-app #buddypress .activity-comments li.comment-item:not(.qap-cm) > .acomment-meta{font-size:12px;color:var(--qa-text-2,#667085)}
body.qap-app #buddypress .qap-cm-box{
background:#F1F4F8;border-radius:0 8px 8px 8px;padding:8px 12px 10px;min-width:0
}
body.qap-app #buddypress .qap-cm-top{display:flex;align-items:flex-start;gap:8px;min-width:0}
body.qap-app #buddypress .qap-cm-who{min-width:0;flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}
body.qap-app #buddypress .qap-cm-name{
font-size:14px;font-weight:600;line-height:20px;color:var(--qa-text,#172033)!important;text-decoration:none!important;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%
}
body.qap-app #buddypress .qap-cm-name:hover{color:var(--qa-blue-dark,var(--qa-blue-dark))!important;text-decoration:underline!important}
body.qap-app #buddypress .qap-cm-who .qap-vmark{display:inline-flex;align-items:center;color:var(--qa-blue,var(--qa-blue));flex:0 0 auto}
body.qap-app #buddypress .qap-cm-who .qap-vmark svg{width:14px;height:14px;display:block}
body.qap-app #buddypress .qap-cm-head{
flex:1 1 100%;font-size:12px;line-height:16px;color:var(--qa-text-2,#667085);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%
}
body.qap-app #buddypress .qap-cm-ops{display:flex;align-items:center;gap:2px;flex:0 0 auto;position:relative;margin-left:auto}
body.qap-app #buddypress .qap-cm-time{font-size:12px;line-height:20px;color:var(--qa-text-2,#667085);white-space:nowrap}
body.qap-app #buddypress .qap-cm-more{
display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;padding:0;
border:0;background:transparent;border-radius:50%;cursor:pointer
}
body.qap-app #buddypress .qap-cm-more:hover{background:rgba(16,24,40,.08)}
body.qap-app #buddypress .qap-cm-more svg{width:16px;height:16px;fill:var(--qa-text-2,#667085);pointer-events:none}
body.qap-app #buddypress .qap-cm-pop{
position:absolute;right:0;top:28px;min-width:min(150px,100%);background:#fff;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);
padding:6px;display:flex;flex-direction:column;z-index:60
}
body.qap-app #buddypress .qap-cm-pop[hidden]{display:none!important}
body.qap-app #buddypress .qap-cm-pop a{
display:block;width:100%;padding:8px 10px!important;border:0!important;background:transparent!important;
border-radius:6px;font-size:14px!important;font-weight:500!important;color:var(--qa-text,#172033)!important;
text-decoration:none!important;text-align:left;white-space:nowrap;height:auto!important;min-height:0!important;line-height:20px!important
}
body.qap-app #buddypress .qap-cm-pop a::before{content:none!important}
body.qap-app #buddypress .qap-cm-pop a:hover{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))!important}
body.qap-app #buddypress .qap-cm-box > .acomment-content{
background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
margin:4px 0 0!important;font-size:14px;line-height:1.43;color:var(--qa-text,#172033);max-width:100%;overflow-wrap:anywhere
}
body.qap-app #buddypress .qap-cm-box > .acomment-content p{margin:0 0 6px}
body.qap-app #buddypress .qap-cm-box > .acomment-content p:last-child{margin:0}
/* ---- Like and Reply ---- */
body.qap-app #buddypress .qap-cm-bar{display:flex;align-items:center;gap:6px;margin:4px 0 0;padding:0 4px}
body.qap-app #buddypress .qap-cm-bar .qap-cm-dot{color:var(--qa-text-2,#667085);font-size:12px;line-height:1}
body.qap-app #buddypress .qap-cm-like,
body.qap-app #buddypress .qap-cm-bar a.acomment-reply.qap-cm-reply,
body.qap-app #buddypress .activity-comments .qap-cm-bar a.acomment-reply.bp-primary-action{
display:inline-flex!important;align-items:center;height:auto!important;min-height:0!important;
padding:2px 4px!important;border:0!important;background:transparent!important;border-radius:4px;cursor:pointer;
font-size:12px!important;font-weight:600!important;line-height:16px!important;color:var(--qa-text-2,#667085)!important;
text-decoration:none!important;width:auto!important;box-shadow:none!important;gap:0
}
body.qap-app #buddypress .qap-cm-like:hover,
body.qap-app #buddypress .qap-cm-bar a.acomment-reply.qap-cm-reply:hover{
color:var(--qa-text,#172033)!important;text-decoration:underline!important;background:transparent!important
}
body.qap-app #buddypress .qap-cm-bar a.acomment-reply.qap-cm-reply::before{content:none!important;display:none!important}
body.qap-app #buddypress .qap-cm-bar a.acomment-reply .bp-screen-reader-text{display:none!important}
body.qap-app #buddypress .qap-cm-like.is-on{color:var(--qa-blue,var(--qa-blue))!important}
body.qap-app #buddypress .qap-cm-like[disabled]{opacity:.55;cursor:default}
body.qap-app #buddypress .qap-cm-tally{display:inline-flex;align-items:center;gap:3px;margin-left:auto;font-size:12px;color:var(--qa-text-2,#667085)}
body.qap-app #buddypress .qap-cm-tally[hidden]{display:none!important}
body.qap-app #buddypress .qap-cm-tally .qap-face{width:16px;height:16px}
/* ---- older comments ---- */
body.qap-app #buddypress .activity-comments > .qap-cm-older{
display:inline-flex;align-items:center;margin:6px 0 0;padding:6px 8px;border:0;background:transparent;
border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--qa-text-2,#667085);min-height:0
}
body.qap-app #buddypress .activity-comments > .qap-cm-older:hover{background:rgba(16,24,40,.06);color:var(--qa-text,#172033)}
body.qap-app #buddypress .activity-comments > .qap-cm-older[hidden]{display:none!important}
/* ---- the comment box ---- */
body.qap-app #buddypress form.ac-form{display:none}
body.qap-app #buddypress form.ac-form[style*="grid"],
body.qap-app #buddypress form.ac-form[style*="block"]{
display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:8px;align-items:start;
margin:10px 0 0;padding:0;background:transparent;border:0
}
body.qap-app #buddypress form.ac-form[style*="none"]{display:none!important}
body.qap-app #buddypress form.ac-form .ac-reply-avatar{grid-column:1;width:40px;margin:0;padding:0}
body.qap-app #buddypress form.ac-form .ac-reply-avatar img{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover;display:block;margin:0}
body.qap-app #buddypress form.ac-form .ac-reply-content{
grid-column:2;min-width:0;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:8px
}
body.qap-app #buddypress form.ac-form .ac-textarea{
margin:0;background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:24px;padding:8px 14px;transition:border-color .15s ease
}
body.qap-app #buddypress form.ac-form.has-text .ac-textarea{border-radius:8px}
body.qap-app #buddypress form.ac-form.is-focus .ac-textarea{border-color:#B9C2CF}
body.qap-app #buddypress form.ac-form textarea.ac-input{
width:100%!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;
font-size:14px!important;line-height:22px;color:var(--qa-text,#172033);min-height:22px;height:22px;resize:none;
box-shadow:none!important;outline:none!important;overflow:hidden;display:block
}
body.qap-app #buddypress form.ac-form textarea.ac-input::placeholder{color:var(--qa-text-2,#667085);opacity:1}
body.qap-app #buddypress form.ac-form input[type=submit]{
align-self:flex-end;background:var(--qa-blue,var(--qa-blue))!important;color:#fff!important;border:0!important;
border-radius:10px!important;padding:6px 16px!important;font-size:14px!important;font-weight:600!important;
width:auto!important;float:none!important;box-shadow:none!important;min-height:0!important;height:auto!important;display:none
}
body.qap-app #buddypress form.ac-form.has-text input[type=submit]{display:inline-block}
body.qap-app #buddypress form.ac-form input[type=submit]:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))!important}
body.qap-app #buddypress form.ac-form .ac-reply-cancel{display:none!important}
body.qap-app #buddypress form.ac-form .bp-screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* a reply box that BuddyPress moves under a comment keeps the same shape */
body.qap-app #buddypress li.comment-item form.ac-form[style*="grid"],
body.qap-app #buddypress li.comment-item form.ac-form[style*="block"]{grid-column:2;margin:8px 0 0}
/* the Comment control on the post shows that the comment area is open */
body.qap-app #buddypress .activity-item .activity-comments.qap-cm-live{border-top-color:var(--qa-border,#E4E7EC)}
@media (max-width:700px){
body.qap-app #buddypress .activity-comments li.comment-item{grid-template-columns:32px minmax(0,1fr);column-gap:6px}
body.qap-app #buddypress .activity-comments li.comment-item > .acomment-avatar{width:32px}
body.qap-app #buddypress .activity-comments li.comment-item > .acomment-avatar img{width:32px!important;height:32px!important}
body.qap-app #buddypress form.ac-form[style*="grid"],
body.qap-app #buddypress form.ac-form[style*="block"]{grid-template-columns:32px minmax(0,1fr);column-gap:6px}
body.qap-app #buddypress form.ac-form .ac-reply-avatar{width:32px}
body.qap-app #buddypress form.ac-form .ac-reply-avatar img{width:32px!important;height:32px!important}
body.qap-app #buddypress .qap-cm-box{padding:8px 10px}
body.qap-app #buddypress .activity-comments ul ul{padding-left:12px}
}
/* the detail the comment rows are built from never shows */
body.qap-app #buddypress .qap-cm-x{display:none!important}
/* a single post page keeps the same left aligned header as the feed */
body.qap-app #buddypress .activity-permalink .activity-header,
body.qap-app #buddypress .activity-item.activity-permalink .activity-header,
body.qap-app #buddypress .activity-header{text-align:left}
/* =====================================================================
Repost and share
===================================================================== */
/* the counts on the right of the summary line */
body.qap-app #buddypress .qap-summary .qap-counts{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.qap-app #buddypress .qap-summary .qap-count-comments{margin-left:0}
body.qap-app #buddypress .qap-summary .qap-count-reposts{color:inherit}
body.qap-app #buddypress .qap-summary .qap-count-dot{color:inherit;opacity:.6;font-size:10px;line-height:1}
body.qap-app #buddypress .qap-summary .qap-count-comments:hover,
body.qap-app #buddypress .qap-summary .qap-count-reposts:hover{color:var(--qa-blue,var(--qa-blue));text-decoration:underline;cursor:default}
/* the two ways to repost */
body.qap-app #buddypress .qap-repost-menu{
position:absolute;min-width:240px;background:#fff;border:1px solid var(--qa-border,#E4E7EC);
border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:6px;z-index:70;
display:flex;flex-direction:column
}
body.qap-app #buddypress .qap-repost-menu[hidden]{display:none!important}
body.qap-app #buddypress .qap-repost-menu button{
display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 10px;
font-size:14px;font-weight:600;color:var(--qa-text,#172033);cursor:pointer;border-radius:6px;
min-height:0;height:auto;box-shadow:none
}
body.qap-app #buddypress .qap-repost-menu button:hover{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))}
/* the note panel sits on its own row under the action bar, so nothing clips it */
body.qap-app #buddypress .activity-meta .qap-rp-box{
flex:0 0 100%;order:9;width:100%;margin:8px 0 0;padding:10px;background:#fff;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-sizing:border-box
}
body.qap-app #buddypress .activity-meta .qap-rp-box[hidden]{display:none!important}
body.qap-app #buddypress .qap-rp-box textarea.qap-rp-text{
width:100%;box-sizing:border-box;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
padding:8px 10px;font-size:14px;line-height:1.43;color:var(--qa-text,#172033);background:#fff;
min-height:60px;resize:vertical;outline:none;box-shadow:none
}
body.qap-app #buddypress .qap-rp-box textarea.qap-rp-text:focus{border-color:#B9C2CF}
body.qap-app #buddypress .qap-rp-box textarea.qap-rp-text::placeholder{color:var(--qa-text-2,#667085);opacity:1}
body.qap-app #buddypress .qap-rp-row{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 0}
body.qap-app #buddypress .qap-rp-row button{
border:0;border-radius:10px;padding:6px 16px;font-size:14px;font-weight:600;cursor:pointer;
min-height:0;height:auto;box-shadow:none
}
body.qap-app #buddypress .qap-rp-row .qap-rp-cancel{background:transparent;color:var(--qa-text-2,#667085)}
body.qap-app #buddypress .qap-rp-row .qap-rp-cancel:hover{background:rgba(16,24,40,.06);color:var(--qa-text,#172033)}
body.qap-app #buddypress .qap-rp-row .qap-rp-send{background:var(--qa-blue,var(--qa-blue));color:#fff}
body.qap-app #buddypress .qap-rp-row .qap-rp-send:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))}
body.qap-app #buddypress .qap-rp-row button[disabled]{opacity:.55;cursor:default}
/* the share menu is placed against the window, so it needs the same weight as the others */
body.qap-app #buddypress .qap-send-menu{z-index:70;min-width:200px}
body.qap-app #buddypress .qap-send-menu a,
body.qap-app #buddypress .qap-send-menu button{font-size:14px;color:var(--qa-text,#172033)}
body.qap-app #buddypress .qap-send-menu a:hover,
body.qap-app #buddypress .qap-send-menu button:hover{background:var(--qa-blue-soft,#E7F0FE)!important;color:var(--qa-blue-dark,var(--qa-blue-dark))}
/* the quoted post inside a repost */
body.qap-app #buddypress .activity-inner blockquote cite{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--qa-text-2,#667085);margin:0 0 6px}
/* =====================================================================
Action bar, repost menu and share panels, measured against LinkedIn
Icon above the label, the member photo at the start of the row,
a small menu for repost, and a panel for sending a post to members.
===================================================================== */
body.qap-app #buddypress .activity-meta.action,
body.qap-app #buddypress .activity-meta{
display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;
gap:0;margin:0;padding:4px 0 2px;border-top:1px solid var(--qa-border,#E4E7EC)
}
body.qap-app #buddypress .activity-meta > .qap-summary{order:-1;flex:0 0 100%;align-self:auto}
body.qap-app #buddypress .activity-meta .qap-asme{order:0;flex:0 0 auto;display:flex;align-items:center;padding:0 6px 0 2px}
body.qap-app #buddypress .activity-meta .qap-asme img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;margin:0}
body.qap-app #buddypress .activity-meta .qap-like-wrap{order:1;flex:1 1 0;min-width:0;position:relative;display:flex}
body.qap-app #buddypress .activity-meta > .generic-button:has(.acomment-reply){order:2;flex:1 1 0;min-width:0;margin:0;display:flex}
body.qap-app #buddypress .activity-meta .qap-act.qap-repost{order:3;flex:1 1 0;min-width:0}
body.qap-app #buddypress .activity-meta .qap-act.qap-send{order:4;flex:1 1 0;min-width:0}
body.qap-app #buddypress .activity-meta .qap-repost-menu{order:9}
/* the four controls share one shape */
body.qap-app #buddypress .activity-meta .qap-act,
body.qap-app #buddypress .activity-meta a.acomment-reply,
body.qap-app #buddypress a.acomment-reply.bp-primary-action{
display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;
width:100%;height:auto!important;min-height:0!important;padding:8px 4px!important;
border:0!important;background:transparent!important;border-radius:6px!important;box-shadow:none!important;
font-size:14px!important;font-weight:600!important;line-height:18px!important;font-family:inherit;
color:var(--qa-text,#172033)!important;text-decoration:none!important;cursor:pointer;text-transform:none
}
body.qap-app #buddypress .activity-meta .qap-act:hover,
body.qap-app #buddypress .activity-meta a.acomment-reply:hover{background:rgba(16,24,40,.06)!important;color:var(--qa-text,#172033)!important;text-decoration:none!important}
body.qap-app #buddypress .activity-meta .qap-act .qap-i{width:20px;height:20px;flex:0 0 20px;display:block}
body.qap-app #buddypress .activity-meta .qap-act .qap-act-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
/* the comment control carries its own drawing, and its count belongs in the summary line */
body.qap-app #buddypress .activity-meta a.acomment-reply::before{
content:'';flex:0 0 20px;width:20px;height:20px;margin:0;background:currentColor;
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;
mask:url("data:image/svg+xml;utf8,") no-repeat center/contain
}
body.qap-app #buddypress .activity-meta a.acomment-reply .comment-count{display:none!important}
body.qap-app #buddypress .activity-meta a.acomment-reply .bp-screen-reader-text{
position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;
overflow:visible!important;margin:0!important;padding:0!important;white-space:nowrap;
font-size:inherit!important;font-weight:inherit!important;color:inherit!important
}
/* what you have already done shows on the control */
body.qap-app #buddypress .activity-meta .qap-act.qap-like.is-on{color:var(--qa-blue,var(--qa-blue))!important}
body.qap-app #buddypress .activity-meta .qap-act.qap-like.is-on .qap-i{fill:currentColor;stroke:currentColor}
body.qap-app #buddypress .activity-meta .qap-act.qap-repost.is-on{color:var(--qa-blue,var(--qa-blue))!important}
body.qap-app #buddypress .activity-meta .qap-act[aria-expanded="true"]{background:rgba(16,24,40,.06)!important}
/* the reaction picker sits above the Like control */
body.qap-app #buddypress .qap-like-wrap > .qap-act.qap-like{width:100%}
/* ---- repost menu ---- */
body.qap-app #buddypress .qap-repost-menu{
position:absolute;min-width:250px;background:#fff;border:0;
border-radius:4px;box-shadow:0 4px 12px rgba(16,24,40,.15),0 0 0 1px rgba(16,24,40,.08);padding:8px 0;z-index:70;
display:flex;flex-direction:column
}
body.qap-app #buddypress .qap-repost-menu[hidden]{display:none!important}
body.qap-app #buddypress .qap-repost-menu button{
display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;
padding:12px 16px;font-size:15px;font-weight:600;line-height:20px;color:var(--qa-text,#172033);
cursor:pointer;min-height:0;height:auto;box-shadow:none;border-radius:0
}
body.qap-app #buddypress .qap-repost-menu button:hover{background:rgba(16,24,40,.06)}
body.qap-app #buddypress .qap-repost-menu .qap-si{width:20px;height:20px;flex:0 0 20px}
/* ---- the panel behind Repost with thoughts and Send ---- */
body.qap-sheet-on{overflow:hidden}
.qap-sheet{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.qap-sheet[hidden]{display:none!important}
.qap-sheet-veil{position:absolute;inset:0;background:rgba(16,24,40,.55)}
.qap-sheet-box{
position:relative;width:100%;max-width:680px;max-height:calc(100vh - 48px);background:#fff;border-radius:8px;
box-shadow:0 20px 60px rgba(16,24,40,.30);display:flex;flex-direction:column;overflow:hidden;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif
}
.qap-sheet-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--qa-border,#E4E7EC)}
.qap-sheet-head h2{margin:0;font-size:19px;font-weight:600;line-height:24px;color:var(--qa-text,#172033);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-sheet-x{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;flex:0 0 34px}
.qap-sheet-x:hover{background:rgba(16,24,40,.08)}
.qap-sheet-x svg{width:18px;height:18px;fill:var(--qa-text-2,#667085);pointer-events:none}
.qap-sheet-body{padding:16px 20px;overflow:auto;flex:1 1 auto;min-height:0}
.qap-sheet-foot{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--qa-border,#E4E7EC)}
.qap-sheet-go{
margin-left:auto;background:var(--qa-blue,var(--qa-blue));color:#fff;border:0;border-radius:20px;
padding:8px 22px;font-size:15px;font-weight:600;cursor:pointer;min-height:0;height:auto;box-shadow:none
}
.qap-sheet-go:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))}
.qap-sheet-go[disabled]{background:#E4E7EC;color:#98A2B3;cursor:default}
.qap-sheet-copy{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--qa-blue,var(--qa-blue));min-height:0}
.qap-sheet-copy:hover{background:var(--qa-blue-soft,#E7F0FE)}
.qap-sheet-copy .qap-si{width:18px;height:18px;flex:0 0 18px}
/* who is reposting */
.qap-sheet-me{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.qap-sheet-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}
.qap-sheet-who{display:flex;flex-direction:column;min-width:0}
.qap-sheet-name{font-size:15px;font-weight:600;color:var(--qa-text,#172033)}
.qap-sheet-sub{font-size:13px;color:var(--qa-text-2,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-sheet-text{
width:100%;box-sizing:border-box;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:10px 12px;
font-family:inherit;font-size:15px;line-height:1.47;color:var(--qa-text,#172033);background:#fff;
min-height:76px;resize:vertical;outline:none;box-shadow:none
}
.qap-sheet-text:focus{border-color:#B9C2CF}
.qap-sheet-text::placeholder{color:var(--qa-text-2,#667085);opacity:1}
/* the post being reposted */
.qap-quote{margin:14px 0 0;border:1px solid var(--qa-border,#E4E7EC);border-radius:10px;padding:12px;background:#fff}
.qap-quote-top{display:flex;align-items:flex-start;gap:8px;margin:0 0 8px}
.qap-quote-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px}
.qap-quote-who{display:flex;flex-direction:column;min-width:0}
.qap-quote-name{font-size:14px;font-weight:600;color:var(--qa-text,#172033)}
.qap-quote-head,.qap-quote-time{font-size:12px;color:var(--qa-text-2,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-quote-body{font-size:14px;line-height:1.5;color:var(--qa-text,#172033);max-height:220px;overflow:auto}
.qap-quote-body p{margin:0 0 8px}
.qap-quote-body p:last-child{margin:0}
.qap-quote-body img{max-width:100%;border-radius:8px}
/* choosing members to send to */
.qap-find{display:flex;align-items:center;gap:8px;background:#F1F4F8;border-radius:6px;padding:0 12px;margin:0 0 8px}
.qap-find .qap-si{width:18px;height:18px;flex:0 0 18px;color:var(--qa-text-2,#667085)}
.qap-find-in{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;padding:11px 0!important;font-size:15px;color:var(--qa-text,#172033);outline:none!important;box-shadow:none!important;height:auto;min-height:0}
.qap-find-in::placeholder{color:var(--qa-text-2,#667085);opacity:1}
.qap-people{max-height:320px;overflow:auto;margin:0 -8px}
.qap-people-wait{margin:0;padding:16px 8px;font-size:14px;color:var(--qa-text-2,#667085)}
.qap-person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px 8px;cursor:pointer;min-height:0;height:auto;box-shadow:none}
.qap-person:hover{background:rgba(16,24,40,.05)}
.qap-person.is-on{background:var(--qa-blue-soft,#E7F0FE)}
.qap-person-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}
.qap-person-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.qap-person-name{font-size:15px;font-weight:600;color:var(--qa-text,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-person-head{font-size:13px;color:var(--qa-text-2,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-tick{flex:0 0 22px;width:22px;height:22px;border:1.5px solid #B9C2CF;border-radius:4px;background:#fff;position:relative}
.qap-person.is-on .qap-tick{background:var(--qa-blue,var(--qa-blue));border-color:var(--qa-blue,var(--qa-blue))}
.qap-person.is-on .qap-tick::after{content:'';position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.qap-send-note{margin:12px 0 0;min-height:64px}
.qap-send-note[hidden]{display:none!important}
@media (max-width:700px){
body.qap-app #buddypress .activity-meta .qap-act,
body.qap-app #buddypress .activity-meta a.acomment-reply{font-size:11px!important;padding:6px 2px!important;gap:2px}
body.qap-app #buddypress .activity-meta .qap-act .qap-i,
body.qap-app #buddypress .activity-meta a.acomment-reply::before{width:18px;height:18px;flex-basis:18px}
body.qap-app #buddypress .activity-meta .qap-asme{padding:0 4px 0 0}
body.qap-app #buddypress .activity-meta .qap-asme img{width:24px;height:24px}
.qap-sheet{padding:0}
.qap-sheet-box{max-width:none;max-height:100vh;height:100vh;border-radius:0}
body.qap-app #buddypress .qap-repost-menu{min-width:220px}
}
@media (max-width:380px){
body.qap-app #buddypress .activity-meta .qap-asme{display:none}
}
/* =====================================================================
The messaging dock, kept in the corner of every page the way LinkedIn
keeps messaging to hand, plus the controls on a conversation row.
===================================================================== */
.qap-dock{
position:fixed;right:24px;bottom:0;width:304px;z-index:9000;background:#fff;
border:1px solid var(--qa-border,#E4E7EC);border-bottom:0;border-radius:10px 10px 0 0;
box-shadow:0 -2px 14px rgba(16,24,40,.12);
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column
}
.qap-dock-head{display:flex;align-items:center;gap:2px;padding:6px 8px 6px 10px;border-radius:10px 10px 0 0}
.qap-dock-toggle{
display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;background:transparent;border:0;
padding:4px 2px;cursor:pointer;text-align:left;min-height:0;box-shadow:none
}
.qap-dock-me{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 32px}
.qap-dock-title{font-size:16px;font-weight:600;color:var(--qa-text,#172033);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qap-dock-count{
flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#D92D20;color:#fff;
font-size:12px;font-weight:600;line-height:20px;text-align:center
}
.qap-dock-count[hidden]{display:none!important}
.qap-dock-btn{
display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:0;flex:0 0 32px;
padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;color:var(--qa-text-2,#667085);text-decoration:none
}
.qap-dock-btn:hover{background:rgba(16,24,40,.08);color:var(--qa-text,#172033)}
.qap-dock-btn svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
.qap-dock-new svg{fill:none;stroke:currentColor}
.qap-dock[data-open="1"] .qap-dock-chev svg{transform:rotate(180deg)}
.qap-dock-body{display:flex;flex-direction:column;height:420px;max-height:calc(100vh - 140px);border-top:1px solid var(--qa-border,#E4E7EC)}
.qap-dock-body[hidden]{display:none!important}
.qap-dock-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.qap-dock-panel[hidden]{display:none!important}
.qap-dock-find{display:flex;align-items:center;gap:8px;margin:8px 10px;padding:0 10px;background:#F1F4F8;border-radius:6px}
.qap-dock-find .qap-si{width:16px;height:16px;flex:0 0 16px;color:var(--qa-text-2,#667085)}
.qap-dock-in{
flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;padding:9px 0!important;
font-size:14px;color:var(--qa-text,#172033);outline:none!important;box-shadow:none!important;min-height:0;height:auto
}
.qap-dock-in::placeholder{color:var(--qa-text-2,#667085);opacity:1}
.qap-dock-list{flex:1 1 auto;min-height:0;overflow:auto}
.qap-dock-wait{margin:0;padding:16px 14px;font-size:13px;color:var(--qa-text-2,#667085)}
.qap-dock-row{
display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:transparent;border:0;
padding:10px 12px;cursor:pointer;min-height:0;height:auto;box-shadow:none;border-bottom:1px solid #F1F4F8
}
.qap-dock-row:hover{background:rgba(16,24,40,.05)}
.qap-dock-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px}
.qap-dock-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:2px}
.qap-dock-r1{display:flex;align-items:baseline;gap:6px;min-width:0}
.qap-dock-name{font-size:14px;font-weight:600;color:var(--qa-text,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.qap-dock-when{font-size:12px;color:var(--qa-text-2,#667085);flex:0 0 auto}
.qap-dock-prev{font-size:13px;color:var(--qa-text-2,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-dock-row.is-unread .qap-dock-name,.qap-dock-row.is-unread .qap-dock-prev{color:var(--qa-text,#172033);font-weight:600}
.qap-dock-all{display:block;padding:10px 12px;border-top:1px solid var(--qa-border,#E4E7EC);font-size:13px;font-weight:600;color:var(--qa-blue,var(--qa-blue));text-decoration:none;text-align:center}
.qap-dock-all:hover{background:var(--qa-blue-soft,#E7F0FE)}
.qap-dock-top{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--qa-border,#E4E7EC)}
.qap-dock-with-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}
.qap-dock-with{font-size:14px;font-weight:600;color:var(--qa-text,#172033)!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-dock-with:hover{text-decoration:underline!important}
.qap-dock-talk{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:12px}
.qap-dock-msg{display:flex;gap:8px;align-items:flex-start}
.qap-dock-msg-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}
.qap-dock-msg-in{min-width:0;flex:1 1 auto}
.qap-dock-msg-top{display:flex;align-items:baseline;gap:6px}
.qap-dock-msg-name{font-size:13px;font-weight:600;color:var(--qa-text,#172033)}
.qap-dock-msg-when{font-size:11px;color:var(--qa-text-2,#667085)}
.qap-dock-msg-text{font-size:13px;line-height:1.45;color:var(--qa-text,#172033);overflow-wrap:anywhere}
.qap-dock-msg-text p{margin:0 0 6px}
.qap-dock-msg-text p:last-child{margin:0}
.qap-dock-write{display:flex;align-items:flex-end;gap:8px;padding:8px 10px;border-top:1px solid var(--qa-border,#E4E7EC)}
.qap-dock-text{
flex:1 1 auto;min-width:0;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:10px!important;
padding:7px 12px!important;box-sizing:border-box;
font-family:inherit;font-size:13px!important;line-height:20px;color:var(--qa-text,#172033);background:#fff!important;
min-height:36px!important;height:36px!important;max-height:110px;resize:none;overflow:hidden;
outline:none!important;box-shadow:none!important
}
.qap-dock-text:focus{border-color:#B9C2CF}
.qap-dock-send{
flex:0 0 auto;background:var(--qa-blue,var(--qa-blue));color:#fff;border:0;border-radius:10px;padding:7px 14px;
font-size:13px;font-weight:600;cursor:pointer;min-height:0;height:auto;box-shadow:none
}
.qap-dock-send:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))}
.qap-dock-send[disabled]{background:#E4E7EC;color:#98A2B3;cursor:default}
/* the group feed: a styled search box and a plain empty state */
body.qap-group #buddypress .bp-dir-search-form,
body.qap-group #buddypress #group-activity-search-form{
display:flex;align-items:center;gap:8px;max-width:320px;background:#F1F4F8;border-radius:6px;padding:0 10px;margin:0
}
body.qap-group #buddypress #group-activity-search{
flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;padding:9px 0!important;
font-size:14px;color:var(--qa-text,#172033);outline:none!important;box-shadow:none!important;min-height:0;height:auto
}
body.qap-group #buddypress .bp-dir-search-form button[type=submit]{
flex:0 0 auto;background:transparent!important;border:0!important;padding:4px!important;color:var(--qa-text-2,#667085)!important;
min-height:0!important;box-shadow:none!important
}
body.qap-group #buddypress .bp-feedback,
body.qap-app #buddypress .activity-list + .bp-feedback,
body.qap-app #buddypress #activity-stream .bp-feedback{
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;box-shadow:var(--qa-shadow,0 1px 2px rgba(16,24,40,.06));
padding:20px;margin:8px 0 0;color:var(--qa-text-2,#667085);font-size:14px
}
body.qap-app #buddypress .bp-feedback .bp-icon,body.qap-app #buddypress .bp-feedback::before{display:none!important}
@media (max-width:900px){
/* the corner panel would cover the tab bar on a phone, so messaging stays on its own page there */
.qap-dock{display:none}
}
/* =====================================================================
Events
===================================================================== */
body.qap-events .qap-ev-wrap,body.qap-event .qap-ev-single{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.qap-ev-wrap{max-width:900px;margin:0 auto}
.qap-ev-head{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.qap-ev-h1{margin:0;font-size:24px;font-weight:600;color:var(--qa-text,#172033);flex:1 1 auto}
.qap-ev-new,.qap-ev-save{
display:inline-flex;align-items:center;justify-content:center;background:var(--qa-blue,var(--qa-blue));color:#fff!important;
border:0;border-radius:20px;padding:9px 20px;font-size:15px;font-weight:600;text-decoration:none!important;cursor:pointer;
min-height:0;height:auto;box-shadow:none
}
.qap-ev-new:hover,.qap-ev-save:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))}
.qap-ev-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--qa-border,#E4E7EC)}
.qap-ev-tab{
padding:10px 14px;font-size:14px;font-weight:600;color:var(--qa-text-2,#667085)!important;text-decoration:none!important;
border-bottom:2px solid transparent;margin-bottom:-1px
}
.qap-ev-tab:hover{color:var(--qa-text,#172033)!important}
.qap-ev-tab.is-on{color:var(--qa-blue,var(--qa-blue))!important;border-bottom-color:var(--qa-blue,var(--qa-blue))}
.qap-ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.qap-ev-card{
display:block;background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;overflow:hidden;
box-shadow:var(--qa-shadow,0 1px 2px rgba(16,24,40,.06));text-decoration:none!important;color:inherit!important
}
.qap-ev-card:hover{box-shadow:0 4px 14px rgba(16,24,40,.12)}
.qap-ev-cover{display:block;aspect-ratio:2/1;background:#E7F0FE;overflow:hidden}
.qap-ev-cover img{width:100%;height:100%;object-fit:cover;display:block}
.qap-ev-cover.is-plain{background:linear-gradient(135deg,#173B5F,var(--qa-blue))}
.qap-ev-card-in{display:block;padding:12px 14px 14px}
.qap-ev-when{display:block;font-size:13px;font-weight:600;color:var(--qa-blue,var(--qa-blue));margin:0 0 4px}
.qap-ev-name{display:block;font-size:16px;font-weight:600;line-height:1.35;color:var(--qa-text,#172033);margin:0 0 4px}
.qap-ev-place{display:block;font-size:13px;color:var(--qa-text-2,#667085)}
.qap-ev-going{display:block;font-size:13px;color:var(--qa-text-2,#667085);margin:6px 0 0}
.qap-ev-empty{margin:20px 0;font-size:15px;color:var(--qa-text-2,#667085)}
.qap-ev-gate{background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:24px;text-align:center}
.qap-ev-gate h1{margin:0 0 8px;font-size:20px;font-weight:600}
.qap-ev-gate p{margin:0 0 16px;color:var(--qa-text-2,#667085)}
/* the form */
.qap-ev-form{background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:24px;max-width:620px}
.qap-ev-form-title{margin:0 0 18px;font-size:22px;font-weight:600;color:var(--qa-text,#172033)}
.qap-ev-lab{display:block;font-size:13px;font-weight:600;color:var(--qa-text,#172033);margin:14px 0 6px}
.qap-ev-in{
width:100%;box-sizing:border-box;border:1px solid var(--qa-border,#E4E7EC)!important;border-radius:8px!important;
padding:10px 12px!important;font-family:inherit;font-size:15px;color:var(--qa-text,#172033);background:#fff!important;
min-height:0;height:auto;box-shadow:none!important
}
.qap-ev-in:focus{border-color:#B9C2CF!important;outline:none!important}
.qap-ev-area{min-height:130px;resize:vertical;line-height:1.5}
.qap-ev-hint{margin:6px 0 0;font-size:12px;color:var(--qa-text-2,#667085)}
.qap-ev-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qap-ev-modes{display:flex;gap:10px;flex-wrap:wrap}
.qap-ev-mode{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--qa-border,#E4E7EC);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--qa-text,#172033);cursor:pointer}
.qap-ev-mode input{margin:0}
.qap-ev-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:22px 0 0}
.qap-ev-cancel{font-size:15px;font-weight:600;color:var(--qa-text-2,#667085)!important;text-decoration:none!important;padding:9px 12px;border-radius:20px}
.qap-ev-cancel:hover{background:rgba(16,24,40,.06);color:var(--qa-text,#172033)!important}
.qap-ev-file{display:block;font-size:14px;color:var(--qa-text-2,#667085)}
/* one event */
.qap-ev-single{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;overflow:hidden;box-shadow:var(--qa-shadow,0 1px 2px rgba(16,24,40,.06))}
.qap-ev-hero{display:block;aspect-ratio:3/1;background:linear-gradient(135deg,#173B5F,var(--qa-blue));overflow:hidden}
.qap-ev-hero img{width:100%;height:100%;object-fit:cover;display:block}
.qap-ev-body{padding:22px 24px 26px}
.qap-ev-date{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--qa-blue,var(--qa-blue))}
.qap-ev-title{margin:0 0 8px;font-size:26px;font-weight:600;line-height:1.25;color:var(--qa-text,#172033)}
.qap-ev-meta{margin:0 0 18px;font-size:14px;color:var(--qa-text-2,#667085)}
.qap-ev-meta a{color:var(--qa-blue,var(--qa-blue))}
.qap-ev-sep{margin:0 6px;opacity:.6}
.qap-ev-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.qap-ev-go,.qap-ev-invite,.qap-ev-share,.qap-ev-edit{
display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:8px 20px;
font-size:15px;font-weight:600;cursor:pointer;min-height:0;height:auto;box-shadow:none;text-decoration:none!important
}
.qap-ev-go{background:var(--qa-blue,var(--qa-blue));color:#fff!important;border:0}
.qap-ev-go:hover{background:var(--qa-blue-dark,var(--qa-blue-dark))}
.qap-ev-go.is-on{background:#fff;color:var(--qa-blue,var(--qa-blue))!important;border:1px solid var(--qa-blue,var(--qa-blue))}
.qap-ev-invite,.qap-ev-share,.qap-ev-edit{background:#fff;color:var(--qa-blue,var(--qa-blue))!important;border:1px solid var(--qa-blue,var(--qa-blue))}
.qap-ev-invite:hover,.qap-ev-share:hover,.qap-ev-edit:hover{background:var(--qa-blue-soft,#E7F0FE)}
.qap-ev-go[disabled]{opacity:.6;cursor:default}
.qap-ev-join{margin:0 0 18px;font-size:14px}
.qap-ev-join-locked{color:var(--qa-text-2,#667085)}
.qap-ev-about{border-top:1px solid var(--qa-border,#E4E7EC);padding:18px 0 0;margin:0 0 18px}
.qap-ev-about h2,.qap-ev-people h2{margin:0 0 10px;font-size:17px;font-weight:600;color:var(--qa-text,#172033)}
.qap-ev-about p{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--qa-text,#172033)}
.qap-ev-people{border-top:1px solid var(--qa-border,#E4E7EC);padding:18px 0 0}
.qap-ev-faces{display:flex;flex-wrap:wrap;gap:8px}
.qap-ev-face img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
@media (max-width:700px){
.qap-ev-two{grid-template-columns:1fr}
.qap-ev-body{padding:18px 16px 22px}
.qap-ev-title{font-size:22px}
.qap-ev-form{padding:18px 16px}
.qap-ev-grid{grid-template-columns:1fr}
}
/* an event page is the event card, so the theme banner stands down */
body.qap-event .page-hero{display:none!important}
body.qap-event .qa-article-meta{display:none!important}
body.qap-event .qa-article,body.qap-event .policy-content{padding-top:24px}
body.qap-event .qap-ev-about h2,body.qap-event .qap-ev-people h2{
font-size:17px!important;font-weight:600!important;color:var(--qa-text,#172033)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important
}
body.qap-event .qap-ev-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important;color:var(--qa-text,#172033)!important}
body.qap-event .qap-ev-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
body.qap-event .qap-ev-join a{color:var(--qa-blue,var(--qa-blue))!important;font-weight:600;text-decoration:none}
body.qap-event .qap-ev-join a:hover{text-decoration:underline}
body.qap-events .qap-ev-form .qap-ev-venue-wrap[hidden],body.qap-events .qap-ev-form .qap-ev-link-wrap[hidden]{display:none!important}
/* =====================================================================
Nothing is seen in an unfinished state
Parts the script moves are hidden where they start and shown where they land,
and the two screens that rearrange their markup stay covered while they do it.
===================================================================== */
/* Save and Delete live in the corner menu, never in the action row */
body.qap-app #buddypress .activity-meta > .generic-button:has(.fav),
body.qap-app #buddypress .activity-meta > .generic-button:has(.unfav),
body.qap-app #buddypress .activity-meta > .generic-button:has(.delete-activity){display:none!important}
body.qap-app .qap-topright .generic-button{display:block!important}
/* the three record shortcuts only show once they are inside the post box */
body.qap-app .qap-composer-actions{display:none}
body.qap-app #bp-nouveau-activity-form .qap-composer-actions{display:flex}
/* the messaging and settings screens rearrange their own markup */
html.qap-msg-busy .bp-wrap,html.qap-set-busy #item-body{visibility:hidden}
/* a quiet line while the feed arrives, rather than a jumping block */
body.qap-app #buddypress #bp-ajax-loader,
body.qap-app #buddypress .bp-feedback.loading{
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:20px;margin:8px 0 0;
color:var(--qa-text-2,#667085);font-size:14px;text-align:center;box-shadow:var(--qa-shadow,0 1px 2px rgba(16,24,40,.06))
}
body.qap-app #buddypress #bp-ajax-loader img,body.qap-app #buddypress .bp-feedback.loading img{display:none}
/* the group search button carries the same magnifier as every other search box */
body.qap-app #buddypress .nouveau-search-submit .dashicons{
width:18px;height:18px;font-size:0;background:currentColor;color:var(--qa-text-2,#667085);
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;
mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;
display:inline-block;vertical-align:middle
}
body.qap-app #buddypress .nouveau-search-submit .dashicons::before{content:none}
/* Every part the platform draws uses the platform typeface, including the ones
that sit on pages the theme also styles */
.qap-sheet,.qap-dock,.qap-ev-wrap,.qap-ev-single,.qap-toast{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif
}
.qap-sheet button,.qap-sheet input,.qap-sheet textarea,.qap-sheet select,
.qap-dock button,.qap-dock input,.qap-dock textarea,
.qap-ev-wrap button,.qap-ev-wrap input,.qap-ev-wrap textarea,.qap-ev-wrap select,
.qap-ev-single button,.qap-ev-single input,.qap-ev-single textarea{font-family:inherit!important}
.qap-ev-h1,.qap-ev-title,.qap-ev-form-title,.qap-ev-name,.qap-sheet-head h2,
.qap-ev-about h2,.qap-ev-people h2,.qap-ev-gate h1{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important
}
/* the hidden label beside the search button keeps the platform typeface */
body.qap-app #buddypress .nouveau-search-submit .bp-screen-reader-text{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif
}
/* Every search button on the platform carries the same magnifier, wherever
BuddyPress puts one, and every hidden label keeps the platform typeface. */
body.qap-app #buddypress .dashicons-search{
width:18px;height:18px;font-size:0!important;background:currentColor;color:var(--qa-text-2,#667085);
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;
mask:url("data:image/svg+xml;utf8,") no-repeat center/contain;
display:inline-block;vertical-align:middle
}
body.qap-app #buddypress .dashicons-search::before{content:none!important}
body.qap-app #buddypress .bp-screen-reader-text{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif
}
/* ------------------------------------------------------------------
Public site header: keep it inside the window at every width.
The header row is the logo, the eight item menu and the two buttons.
Side by side they need about 1372px, so between the theme's own
mobile breakpoint and that figure the buttons were pushed past the
right edge and the page scrolled sideways, and on a phone the row
stayed in place behind the menu button. Two bands fix it without
touching the theme: from 1240px the menu is tightened so the full row
fits, and below that the theme's own menu panel takes over.
------------------------------------------------------------------ */
@media (min-width:1240px) and (max-width:1379px){
.header-inner > nav.site-nav ul.menu > li > a{ padding-left:10px !important; padding-right:10px !important }
.header-inner a.logo .logo-text{ font-size:13px !important }
.header-inner a.logo img{ width:52px !important; height:auto !important }
}
@media (max-width:1239px){
header.site-header .header-inner > nav.site-nav{ display:none !important }
header.site-header .header-inner > .header-cta-group{ display:none !important }
header.site-header .header-inner > button.hamburger{ display:flex !important }
}
/* On a phone the row is the mark, the name and the menu button. The strip of
shortcuts above it wraps onto a second line rather than running off the side. */
@media (max-width:768px){
header.site-header .header-topbar-inner{ padding-left:16px; padding-right:16px }
header.site-header .header-topbar-right{ flex-wrap:wrap; justify-content:center; gap:6px 14px }
header.site-header .header-inner{ padding-left:16px; padding-right:16px }
header.site-header .header-inner a.logo .logo-tagline{ display:none }
header.site-header .header-inner a.logo img{ width:48px !important; height:auto !important }
}
/* ------------------------------------------------------------------
On a phone
Two things reached past the right edge of the screen: the sort
control in a directory filter row, which kept the width it needs on
a desktop, and the record tables, which are wider than a phone can
show. The sort control now takes the whole row, and a table scrolls
sideways inside its own box with every column kept, rather than
pushing the page across.
------------------------------------------------------------------ */
@media (max-width:520px){
body.qap-app #buddypress #subnav-filters,
body.qap-app #buddypress .subnav-filters{ flex-wrap:wrap }
body.qap-app #buddypress #dir-filters,
body.qap-app #buddypress .component-filters{ width:100%; min-width:0 }
body.qap-app #buddypress #subnav-filters .filter,
body.qap-app #buddypress .subnav-filters .filter{ display:flex !important; width:100%; min-width:0; align-items:center; gap:8px }
body.qap-app #buddypress .select-wrap{ flex:1 1 auto; min-width:0; width:auto }
body.qap-app #buddypress .filter select,
body.qap-app #buddypress #members-order-by,
body.qap-app #buddypress #groups-order-by,
body.qap-app #buddypress #friends-order-by{ min-width:0 !important; width:100% !important; max-width:100% !important }
}
@media (max-width:640px){
body.qap-app .qap-table,
body.woocommerce-account .qap-table{
display:block !important; width:100% !important; max-width:100% !important;
overflow-x:auto !important; -webkit-overflow-scrolling:touch
}
}
/* Six reactions need more room than four, so on a narrow screen the row of
choices tightens instead of reaching past the edge of the post. */
@media (max-width:560px){
.qap-pop{ padding:4px 5px; gap:0; justify-content:space-between }
.qap-react{ padding:3px 3px }
.qap-react .qap-face{ width:22px; height:22px; flex:0 0 22px; line-height:22px }
.qap-react .qap-face::before{ font-size:13px; line-height:22px }
.qap-react em{ font-size:.56rem }
/* the row of choices sits over the whole action row rather than over the
button, so it stays inside the post on a narrow screen */
body.qap-app #buddypress .activity-meta{ position:relative }
body.qap-app #buddypress .activity-meta .qap-like-wrap{ position:static }
.qap-pop{ left:0; right:auto; max-width:100% }
}
/* A photograph we could not use: said plainly, in the amber the platform uses
for something that needs the member to act. */
body.qap-app .qap-vroute .qap-vnote{
margin:0 0 12px;padding:10px 14px;border-radius:8px;
background:#FFF8EC;border-left:3px solid var(--qa-amber,#D98A00);
font-size:14px;line-height:1.43;color:var(--qa-text,#172033)
}
/* =====================================================================
Approvals inside the dashboard, for staff only
===================================================================== */
body.qap-app .qap-apd-sub{font-size:14px;line-height:20px;color:var(--qa-text-2,#667085);margin:0 0 14px}
body.qap-app .qap-apd-said{
background:#EDF7EE;border-left:3px solid var(--qa-green,#2E7D32);border-radius:8px;
padding:10px 14px;margin:0 0 14px;font-size:14px;color:var(--qa-text,#172033)
}
body.qap-app .qap-apd-tabs{display:flex;gap:4px;border-bottom:1px solid var(--qa-border,#E4E7EC);margin:0 0 16px;flex-wrap:wrap}
body.qap-app .qap-apd-tab{
padding:10px 14px;font-size:14px;font-weight:600;color:var(--qa-text-2,#667085);
text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap
}
body.qap-app .qap-apd-tab:hover{color:var(--qa-text,#172033)}
body.qap-app .qap-apd-tab.is-on{color:var(--qa-blue,var(--qa-blue));border-bottom-color:var(--qa-blue,var(--qa-blue))}
body.qap-app .qap-apd-n{
display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--qa-blue,var(--qa-blue));
color:#fff;font-size:12px;line-height:20px;font-weight:600;text-align:center;vertical-align:middle
}
/* These are elements, and the theme gives a bare section the tall padding
it uses for bands on the marketing pages. Inside a screen that is dead space. */
body.qap-app .qap-apd-sec,body.qap-app .qap-rev-sec{padding:0}
body.qap-app .qap-apd-sec{margin:0 0 20px}
body.qap-app .qap-apd-sec h3{
font-size:15px;line-height:22px;font-weight:600;color:var(--qa-text,#172033);
margin:0 0 8px;display:flex;align-items:center;gap:8px
}
body.qap-app .qap-apd-sec h3 .qap-apd-n{background:var(--qa-panel,#F1F4F8);color:var(--qa-text-2,#667085)}
body.qap-app .qap-apd-row{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:16px;align-items:start;
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
box-shadow:0 1px 2px rgba(16,24,40,.06);padding:14px 16px;margin:0 0 8px
}
body.qap-app .qap-apd-row.is-done{grid-template-columns:1fr}
body.qap-app .qap-apd-what strong{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--qa-text,#172033)}
body.qap-app .qap-apd-meta{display:block;font-size:13px;line-height:18px;color:var(--qa-text-2,#667085);margin:2px 0 0}
body.qap-app .qap-apd-note{
display:block;font-size:13px;line-height:18px;color:var(--qa-text,#172033);
background:var(--qa-panel,#F1F4F8);border-radius:8px;padding:6px 10px;margin:6px 0 0
}
body.qap-app .qap-apd-ev{display:inline-block;font-size:13px;color:var(--qa-blue,var(--qa-blue));margin:4px 0 0}
body.qap-app .qap-apd-do .qap-ap-act{margin:0;display:flex;flex-wrap:wrap;gap:6px}
body.qap-app .qap-apd-do textarea,
body.qap-app .qap-apd-do input[type=text]{
width:100%;flex:1 1 100%;font-family:inherit;font-size:13px;line-height:18px;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:7px 10px;margin:0;
background:#fff;color:var(--qa-text,#172033);resize:vertical;box-sizing:border-box
}
body.qap-app .qap-apd-do textarea:focus,
body.qap-app .qap-apd-do input[type=text]:focus{border-color:var(--qa-blue,var(--qa-blue));outline:none}
body.qap-app .qap-apd-do .qap-btn{margin:0}
body.qap-app .qap-apd-clear{
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
box-shadow:0 1px 2px rgba(16,24,40,.06);padding:24px 16px;text-align:center
}
body.qap-app .qap-apd-clear strong{display:block;font-size:15px;color:var(--qa-text,#172033)}
body.qap-app .qap-apd-clear p{margin:4px 0 0;font-size:14px;color:var(--qa-text-2,#667085)}
/* The line at the top of the Overview */
body.qap-app .qap-apd-flag{
display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
background:#FFF8EC;border:1px solid #F3DFB8;border-radius:8px;padding:12px 16px;margin:0 0 14px
}
body.qap-app .qap-apd-flag.is-clear{background:#fff;border-color:var(--qa-border,#E4E7EC)}
body.qap-app .qap-apd-flag strong{font-size:14px;line-height:20px;color:var(--qa-text,#172033)}
@media (max-width:760px){
body.qap-app .qap-apd-row{grid-template-columns:1fr}
body.qap-app .qap-apd-do{border-top:1px solid var(--qa-border,#E4E7EC);padding-top:10px}
}
/* The assessment recorded on an application, and why a decision is not open to you */
body.qap-app .qap-ap-rec{
flex:1 1 100%;margin:0 0 8px;padding:8px 12px;border-radius:8px;
background:var(--qa-blue-soft,#E7F0FE);border-left:3px solid var(--qa-blue,var(--qa-blue));
font-size:13px;line-height:18px;color:var(--qa-text,#172033)
}
body.qap-app .qap-ap-rec em{display:block;margin-top:2px;font-style:normal;color:var(--qa-text-2,#667085)}
body.qap-app .qap-ap-why{
flex:1 1 100%;margin:8px 0 0;padding:8px 12px;border-radius:8px;
background:#FFF8EC;border-left:3px solid var(--qa-amber,#D98A00);
font-size:13px;line-height:18px;color:var(--qa-text,#172033)
}
/* A record the candidate can no longer change */
body.qap-app .qap-rec-frozen{
display:block;font-size:12px;line-height:17px;color:var(--qa-text-2,#667085)
}
/* =====================================================================
One application, opened by an assessor
===================================================================== */
body.qap-app .qap-rev-back{margin:0 0 12px;font-size:14px}
body.qap-app .qap-rev-head{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
box-shadow:0 1px 2px rgba(16,24,40,.06);padding:16px;margin:0 0 16px
}
body.qap-app .qap-rev-who{display:flex;gap:12px;align-items:flex-start}
body.qap-app .qap-rev-who img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 56px}
body.qap-app .qap-rev-head strong{display:block;font-size:15px;line-height:21px;color:var(--qa-text,#172033)}
body.qap-app .qap-rev-meta{display:block;font-size:13px;line-height:18px;color:var(--qa-text-2,#667085);margin:2px 0 0}
body.qap-app .qap-rev-warn{color:var(--qa-amber,#D98A00);font-weight:600}
body.qap-app .qap-rev-state{
display:inline-block;margin:8px 0 0;padding:2px 10px;border-radius:10px;
background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark));font-size:12px;font-weight:600
}
body.qap-app .qap-rev-sec{margin:0 0 18px}
body.qap-app .qap-rev-sec h3{
font-size:15px;line-height:22px;font-weight:600;color:var(--qa-text,#172033);
margin:0 0 8px;display:flex;align-items:center;gap:8px
}
body.qap-app .qap-rev-n{
display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;
background:var(--qa-panel,#F1F4F8);color:var(--qa-text-2,#667085);
font-size:12px;line-height:20px;font-weight:600;text-align:center
}
body.qap-app .qap-rev-check{list-style:none;margin:0;padding:0}
body.qap-app .qap-rev-check li{
display:flex;justify-content:space-between;gap:12px;padding:8px 12px;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;margin:0 0 6px;
background:#fff;font-size:13px;line-height:18px
}
body.qap-app .qap-rev-check li.is-ok{border-left:3px solid var(--qa-green,#2E7D32)}
body.qap-app .qap-rev-check li.is-no{border-left:3px solid var(--qa-amber,#D98A00)}
body.qap-app .qap-rev-check em{font-style:normal;color:var(--qa-text-2,#667085);white-space:nowrap}
body.qap-app .qap-rev-verdict{
margin:8px 0 0;padding:8px 12px;border-radius:8px;font-size:13px;line-height:18px
}
body.qap-app .qap-rev-verdict.is-ok{background:#EDF7EE;border-left:3px solid var(--qa-green,#2E7D32)}
body.qap-app .qap-rev-verdict.is-no{background:#FFF8EC;border-left:3px solid var(--qa-amber,#D98A00)}
body.qap-app .qap-rev-row{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:16px;
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
box-shadow:0 1px 2px rgba(16,24,40,.06);padding:14px 16px;margin:0 0 8px
}
body.qap-app .qap-rev-row.is-used{border-left:3px solid var(--qa-blue,var(--qa-blue))}
body.qap-app .qap-rev-rec strong{display:block;font-size:14px;line-height:20px;font-weight:600}
body.qap-app .qap-rev-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
body.qap-app .qap-rev-pill{
display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;line-height:18px;font-weight:600;
background:var(--qa-panel,#F1F4F8);color:var(--qa-text-2,#667085)
}
body.qap-app .qap-rev-pill.is-ok{background:#EDF7EE;color:#1b5e20}
body.qap-app .qap-rev-pill.is-no{background:#FDECEA;color:#9a2b20}
body.qap-app .qap-rev-pill.is-wait{background:#FFF8EC;color:#8a5a00}
body.qap-app .qap-rev-pill.is-used-pill{background:var(--qa-blue-soft,#E7F0FE);color:var(--qa-blue-dark,var(--qa-blue-dark))}
body.qap-app .qap-rev-pill.is-lock{background:#EFEAF7;color:#5b3d8a}
body.qap-app .qap-rev-ev{display:inline-block;font-size:13px;color:var(--qa-blue,var(--qa-blue));margin:6px 0 0}
body.qap-app .qap-rev-note{
display:block;font-size:13px;line-height:18px;background:var(--qa-panel,#F1F4F8);
border-radius:8px;padding:6px 10px;margin:6px 0 0
}
body.qap-app .qap-rev-act .qap-ap-act{margin:0;display:flex;flex-wrap:wrap;gap:6px}
body.qap-app .qap-rev-act textarea{
width:100%;flex:1 1 100%;font-family:inherit;font-size:13px;line-height:18px;
border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;padding:7px 10px;margin:0;box-sizing:border-box;resize:vertical
}
body.qap-app .qap-rev-fix{margin:8px 0 0;font-size:13px}
body.qap-app .qap-rev-decide{
background:#fff;border:1px solid var(--qa-border,#E4E7EC);border-radius:8px;
box-shadow:0 1px 2px rgba(16,24,40,.06);padding:16px
}
body.qap-app .qap-rev-trail{margin:10px 0 0;font-size:12px;line-height:18px;color:var(--qa-text-2,#667085)}
body.qap-app .qap-rev-form{max-width:640px}
@media (max-width:760px){
body.qap-app .qap-rev-head,
body.qap-app .qap-rev-row{grid-template-columns:1fr}
body.qap-app .qap-rev-check li{flex-direction:column;gap:2px}
body.qap-app .qap-rev-check em{white-space:normal}
}
/* =====================================================================
Corrections to theme styles that break below 768px
The theme sets these in Appearance, Additional CSS with !important and
no small screen rule, so the override here has to be more specific.
===================================================================== */
@media (max-width:768px){
/* minmax(0,1fr) rather than 1fr, because a plain 1fr track will not shrink
below the widest thing inside the card and the row then runs off screen. */
body .methodology-light-section .method-grid{grid-template-columns:minmax(0,1fr)!important}
body .methodology-light-section .method-card{flex-direction:column;min-width:0;padding:24px 20px}
body .methodology-light-section .method-card > *{min-width:0}
}
/* The training schedule table has eight columns. The wrapper it already
sits in was never given a scroll, so the page itself overflowed. */
.schedule-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:900px){
.schedule-table{min-width:760px}
}
/* ==================================================================
Candidate portal skin: Professional Trust
Everything here is scoped to the account screens. The public site and
the community pages are not touched.
================================================================== */
/* Centre column takes two thirds of the room beside the menu. */
body.woocommerce-account .woocommerce{grid-template-columns:280px minmax(0,66fr) minmax(280px,34fr)}
@media(max-width:1280px){body.woocommerce-account .woocommerce{grid-template-columns:256px minmax(0,66fr) minmax(264px,34fr);gap:14px 16px}}
/* Cards, panels and the screen itself */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .qap-card,
body.woocommerce-account .qap-rail-card,
body.woocommerce-account .qap-nav,
body.woocommerce-account .qap-dash-panel{border-radius:10px;border-color:#E2E8F0}
body.woocommerce-account .qap-table{border-radius:10px;border-color:#E2E8F0}
body.woocommerce-account .qap-table th{background:#F0F2F5;color:#475569;border-bottom-color:#E2E8F0}
body.woocommerce-account .qap-table td{border-bottom-color:#E2E8F0}
body.woocommerce-account .qap-table tbody tr:hover td{background:#F0F2F5}
/* Type */
body.woocommerce-account h1,body.woocommerce-account h2,body.woocommerce-account h3,
body.woocommerce-account h4,body.woocommerce-account .qap-rs strong{font-weight:600;color:#0F172A;letter-spacing:-.01em}
body.woocommerce-account h1,body.woocommerce-account h2{font-weight:700}
body.woocommerce-account{color:#0F172A}
/* Every reference reads as a reference */
.qap-mono{font-family:var(--qa-mono,"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#0F172A;white-space:nowrap}
body.woocommerce-account .qap-nav-heading{font-family:var(--qa-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:#64748B}
/* Controls */
body.woocommerce-account .qap-btn{border-radius:10px;background:var(--qa-blue);border-color:var(--qa-blue);font-weight:600;padding:10px 18px;font-size:.875rem;transition:background .15s,border-color .15s,box-shadow .15s}
body.woocommerce-account .qap-btn:hover{background:var(--qa-blue-dark);border-color:var(--qa-blue-dark)}
body.woocommerce-account .qap-btn-outline{background:#fff;color:#475569!important;border-color:#E2E8F0}
body.woocommerce-account .qap-btn-outline:hover{background:#F0F2F5;border-color:#CBD5E1;color:#0F172A!important}
body.woocommerce-account .qap-btn-small{border-radius:10px!important;padding:8px 14px!important;font-size:14px!important}
body.woocommerce-account input[type=text],body.woocommerce-account input[type=email],body.woocommerce-account input[type=tel],
body.woocommerce-account input[type=number],body.woocommerce-account input[type=date],body.woocommerce-account input[type=search],
body.woocommerce-account input[type=url],body.woocommerce-account select,body.woocommerce-account textarea{border-radius:10px;border:1px solid #E2E8F0;background:#fff;color:#0F172A}
body.woocommerce-account a{color:var(--qa-blue)}
body.woocommerce-account a:hover{color:var(--qa-blue-dark)}
/* Anything shaped like a pill is a pill */
body.woocommerce-account .qap-status,body.woocommerce-account .qap-badge,body.woocommerce-account .qap-chip,
body.woocommerce-account .qap-nav-count,body.woocommerce-account .qap-idcard-state{border-radius:9999px}
body.woocommerce-account .qap-status-active{background:#ECFDF5;color:#047857;border-color:#A7F3D0}
body.woocommerce-account .qap-status-suspended{background:#FFFBEB;color:#B45309;border-color:#FDE68A}
body.woocommerce-account .qap-status-expired,body.woocommerce-account .qap-status-withdrawn,
body.woocommerce-account .qap-status-failed,body.woocommerce-account .qap-status-cancelled{background:#FEF2F2;color:#B91C1C;border-color:#FECACA}
body.woocommerce-account .qap-status-applied,body.woocommerce-account .qap-status-eligible,
body.woocommerce-account .qap-status-exam{background:#F1F5F9;color:#475569;border-color:#E2E8F0}
body.woocommerce-account .qap-idcard-state.is-ok{background:#ECFDF5;color:#047857;border-color:#A7F3D0}
body.woocommerce-account .qap-idcard-state.is-wait{background:#FFFBEB;color:#B45309;border-color:#FDE68A}
body.woocommerce-account .qap-idcard-state.is-off{background:#F1F5F9;color:#475569;border-color:#E2E8F0}
body.woocommerce-account .qap-meter i{background:var(--qa-blue)}
body.woocommerce-account .qap-rs:hover{border-color:#CBD5E1;background:#F0F2F5}
body.woocommerce-account .qap-rs.is-warn{background:#FFFBEB;border-color:#FDE68A}
body.woocommerce-account .qap-nav li a:hover{background:#F1F5F9;color:#0F172A}
body.woocommerce-account .qap-nav li.is-active a{background:#0F172A}
body.woocommerce-account .qap-nav-count{background:var(--qa-blue)}
/* Keyboard focus is always visible, and always the same */
body.woocommerce-account a:focus-visible,body.woocommerce-account button:focus-visible,
body.woocommerce-account input:focus-visible,body.woocommerce-account select:focus-visible,
body.woocommerce-account textarea:focus-visible,body.woocommerce-account summary:focus-visible{outline:2px solid var(--qa-blue);outline-offset:2px;border-radius:10px}
body.woocommerce-account input:focus,body.woocommerce-account select:focus,body.woocommerce-account textarea:focus{border-color:var(--qa-blue);box-shadow:0 0 0 3px rgba(10,91,176,.12);outline:none}
/* An empty screen: what is missing, why it matters, and the next step */
.qap-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 24px;border:1px dashed #CBD5E1;border-radius:10px;background:#F0F2F5;margin:12px 0}
.qap-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:9999px;background:#EFF6FF;color:var(--qa-blue)}
.qap-empty-icon svg{width:22px;height:22px;fill:currentColor}
.qap-empty strong{font-size:.9375rem;font-weight:600;color:#0F172A}
.qap-empty p{margin:0;max-width:44ch;font-size:.8125rem;line-height:1.55;color:#475569}
.qap-empty .qap-btn{margin-top:4px}
/* Toasts come in from the bottom right and show how long they have left */
body.woocommerce-account .qap-toast{left:auto;right:24px;bottom:24px;transform:translate(16px,0);border-radius:8px;padding:12px 18px 14px;background:#0F172A;font-size:.875rem;font-weight:500;overflow:hidden}
body.woocommerce-account .qap-toast.show{transform:translate(0,0)}
body.woocommerce-account .qap-toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--qa-blue);transform-origin:left;animation:qap-toast-life 3s linear forwards}
@keyframes qap-toast-life{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){body.woocommerce-account .qap-toast:after{animation:none}}
/* Panels over the screen: the page behind softens, the panel grows in */
body.woocommerce-account .qap-sheet-veil{background:rgba(15,23,42,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body.woocommerce-account .qap-sheet-box{border-radius:10px;animation:qap-sheet-in .2s cubic-bezier(.2,.8,.3,1)}
@keyframes qap-sheet-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){body.woocommerce-account .qap-sheet-box{animation:none}}
/* Menu: a grey number is a count, the blue badge means something is waiting */
.qap-nav-num{flex:0 0 auto;font-family:var(--qa-mono,ui-monospace,monospace);font-size:11px;font-weight:500;color:#64748B;letter-spacing:.04em}
body.woocommerce-account .qap-nav li.is-active .qap-nav-num{color:#CBD5E1}
.qap-nav-meter{position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:3px;background:#E2E8F0;overflow:hidden}
.qap-nav-meter i{display:block;height:100%;background:var(--qa-blue);border-radius:3px}
body.woocommerce-account .qap-nav li a{position:relative}
body.woocommerce-account .qap-nav li a:has(.qap-nav-meter){padding-bottom:14px}
body.woocommerce-account .qap-nav li.is-active .qap-nav-meter{background:rgba(255,255,255,.22)}
body.woocommerce-account .qap-nav li.is-active .qap-nav-meter i{background:#60A5FA}
/* Add to your network */
.qap-railpeople{padding:14px 16px 12px}
.qap-railpeople h3,.qap-railjobs h3,.qap-railboard h3{margin:0 0 10px;font-size:.9375rem;font-weight:600;color:#0F172A}
.qap-rp-person{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #E2E8F0}
.qap-rp-person:last-of-type{border-bottom:0}
.qap-rp-av img{width:40px;height:40px;border-radius:9999px;object-fit:cover;display:block}
.qap-rp-who{flex:1;min-width:0}
.qap-rp-who a{display:block;font-size:.8125rem;font-weight:600;color:#0F172A!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-rp-who a:hover{color:var(--qa-blue)!important}
.qap-rp-who span{display:block;font-size:.75rem;color:#64748B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-railpeople .friendship-button a,.qap-railpeople .friendship-button button{display:inline-block;border:1px solid #E2E8F0;background:#fff;color:#475569;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.qap-railpeople .friendship-button a:hover,.qap-railpeople .friendship-button button:hover{border-color:var(--qa-blue);color:var(--qa-blue)}
.qap-railpeople .friendship-button.pending_friend a,.qap-railpeople .friendship-button.pending_friend button{background:#F1F5F9;color:#64748B;border-color:#E2E8F0}
.qap-rail-more{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #E2E8F0;font-size:.8125rem;font-weight:600;color:#475569!important;text-decoration:none}
.qap-rail-more:hover{color:var(--qa-blue)!important}
/* Audit opportunities */
.qap-railjobs{padding:14px 16px 12px}
.qap-rj{display:block;padding:9px 0;border-bottom:1px solid #E2E8F0;text-decoration:none}
.qap-rj:last-of-type{border-bottom:0}
.qap-rj strong{display:block;font-size:.8125rem;font-weight:600;color:#0F172A;line-height:1.35}
.qap-rj span{display:block;font-size:.75rem;color:#64748B;margin-top:2px}
.qap-rj:hover strong{color:var(--qa-blue)}
/* Development hours */
.qap-railboard{padding:14px 16px 14px}
.qap-railboard-sub{margin:-6px 0 10px;font-size:.75rem;color:#64748B;line-height:1.45}
.qap-lb{list-style:none;margin:0;padding:0}
.qap-lb li{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:10px}
.qap-lb li.is-me{background:#EFF6FF}
.qap-lb-pos{flex:0 0 18px;font-family:var(--qa-mono,ui-monospace,monospace);font-size:11px;font-weight:600;color:#64748B;text-align:center}
.qap-lb li:first-child .qap-lb-pos{color:#7A672F}
.qap-lb-av img{width:28px;height:28px;border-radius:9999px;object-fit:cover;display:block}
.qap-lb-name{flex:1;min-width:0;font-size:.8125rem;font-weight:600;color:#0F172A!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qap-lb-name:hover{color:var(--qa-blue)!important}
.qap-lb-h{flex:0 0 auto;font-size:.75rem;color:#475569;white-space:nowrap}
/* A dropdown takes its width from its longest option, which on the member and group
directories is wider than the filter bar has room for at tablet size. It pushed the
page 5px past the screen. A control never exceeds the box it sits in. */
body.qap-app #buddypress select,
body.qap-app #buddypress .select-wrap,
body.qap-app #buddypress .subnav-filters select,
body.qap-app #buddypress .subnav-filters .select-wrap,
body.qap-app #buddypress .filter select,
body.qap-app #buddypress .filter .select-wrap{max-width:100%;min-width:0}
body.qap-app #buddypress .subnav-filters .filter,
body.qap-app #buddypress .component-filters{min-width:0}
/* =====================================================================
Member sections down the side
Seven sections and up to five views inside them never fitted on one line,
so the two bars above a member screen wrapped to three lines and two on a
phone. A list down the side does not wrap at any width, shows both levels
at once and takes no height above the content.
===================================================================== */
/* The bars only go away where the rail has taken their place */
body.qap-srail-on #buddypress .bp-wrap > nav.main-navs,
body.qap-srail-on #buddypress #item-body nav.bp-subnavs,
body.qap-srail-on #buddypress #item-body #subnav{display:none!important}
body.qap-srail-on #buddypress #item-body{display:flex;align-items:flex-start;gap:12px;margin:8px 0 0}
body.qap-srail-on #buddypress #item-body > .qap-srail{flex:0 0 232px;position:sticky;top:76px}
body.qap-srail-on #buddypress .qap-sbody{flex:1 1 auto;min-width:0}
body.qap-srail-on #buddypress .qap-srail{display:flex;flex-direction:column;gap:1px;background:#fff;border:1px solid #E4E7EC;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);padding:8px}
body.qap-srail-on #buddypress .qap-srail ul{margin:0;padding:0;list-style:none}
body.qap-srail-on #buddypress .qap-srail li{margin:0;padding:0;list-style:none;float:none;background:none;border:0}
body.qap-srail-on #buddypress .qap-srail-list{display:contents}
body.qap-srail-on #buddypress .qap-srail-list > li > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:20px;color:#475569;text-decoration:none;border:0}
body.qap-srail-on #buddypress .qap-srail-list > li > a:hover,
body.qap-srail-on #buddypress .qap-srail-list > li > a:focus{background:#F0F2F5;color:#172033}
body.qap-srail-on #buddypress .qap-srail-list > li.current > a,
body.qap-srail-on #buddypress .qap-srail-list > li.selected > a{background:var(--qa-blue);color:#fff;font-weight:600}
body.qap-srail-on #buddypress .qap-srail-list > li > a .count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:8px;background:var(--qa-blue);color:#fff;font-size:11px;font-weight:700;line-height:1}
body.qap-srail-on #buddypress .qap-srail-list > li.current > a .count,
body.qap-srail-on #buddypress .qap-srail-list > li.selected > a .count{background:rgba(255,255,255,.26);color:#fff}
body.qap-srail-on #buddypress .qap-srail-views{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 12px;margin-left:10px;border-left:2px solid #E7F0FE}
body.qap-srail-on #buddypress .qap-srail-views > li > a{display:block;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;line-height:18px;color:#475569;text-decoration:none}
body.qap-srail-on #buddypress .qap-srail-views > li > a:hover,
body.qap-srail-on #buddypress .qap-srail-views > li > a:focus{background:#F0F2F5;color:#172033}
body.qap-srail-on #buddypress .qap-srail-views > li.current > a,
body.qap-srail-on #buddypress .qap-srail-views > li.selected > a{color:var(--qa-blue);font-weight:600}
/* Tablets: the rail gives a little width back to the content */
@media (min-width:768px) and (max-width:1023px){
body.qap-srail-on #buddypress #item-body > .qap-srail{flex-basis:196px}
body.qap-srail-on #buddypress .qap-srail-list > li > a{padding:9px 10px}
}
/* Phones: one card, two rows that slide sideways, so nothing wraps */
@media (max-width:767px){
body.qap-srail-on #buddypress #item-body{display:block;margin:8px 0 0}
body.qap-srail-on #buddypress #item-body > .qap-srail{flex:0 0 auto;position:static;margin:0 0 12px;display:block;padding:6px}
body.qap-srail-on #buddypress .qap-srail-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
body.qap-srail-on #buddypress .qap-srail-list::-webkit-scrollbar{display:none}
body.qap-srail-on #buddypress .qap-srail-list > li{flex:0 0 auto}
body.qap-srail-on #buddypress .qap-srail-list > li > a{padding:8px 12px;white-space:nowrap}
body.qap-srail-on #buddypress .qap-srail-views{flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-left:0;border-top:1px solid #E4E7EC;margin:6px 0 0;padding:6px 0 0}
body.qap-srail-on #buddypress .qap-srail-views::-webkit-scrollbar{display:none}
body.qap-srail-on #buddypress .qap-srail-views > li{flex:0 0 auto}
body.qap-srail-on #buddypress .qap-srail-views > li > a{white-space:nowrap}
}
/* ==================================================================
Facebook skin — component touches a hue swap cannot do on its own.
Appended last so it wins on equal specificity.
================================================================== */
/* System font everywhere (Facebook uses the native system face) */
body,body.qap-app,body.woocommerce-account,.qap-appbar,.qap-btn,body.qap-app .qap-btn{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
/* Secondary buttons: Facebook grey fill with dark text, no outline */
.qap-btn-outline,body.qap-app .qap-btn-outline{background:#E4E6EB!important;color:#050505!important;border-color:transparent!important;box-shadow:none!important}
.qap-btn-outline:hover,body.qap-app .qap-btn-outline:hover{background:#D8DADF!important;box-shadow:none!important}
/* Keep the button readable where it sits on a dark cover or gradient card */
.qap-member-card .qap-btn-outline,#buddypress #item-header .qap-btn-outline,.qap-idcard-cover .qap-btn-outline{background:rgba(255,255,255,.18)!important;color:#fff!important}
/* Active top-bar tab in Facebook blue */
.qap-appbar-nav a.qap-ab-link.is-on{color:var(--qa-blue)!important;border-bottom-color:var(--qa-blue)!important}
/* Cards: Facebook's soft single shadow */
body.qap-app .qap-card,body.woocommerce-account .qap-card,.qap-idcard,.qap-lcard,.qap-lstats,.qap-llinks{box-shadow:0 1px 2px rgba(0,0,0,.1)}
/* ==================================================================
Facebook skin — white top bar (modern Facebook header).
Flips the app bar from the navy gradient to white, with dark
icons and text and a Facebook-blue active tab.
================================================================== */
body.qap-app .qap-appbar,.qap-appbar{background:#fff!important;background-image:none!important;border-bottom:1px solid #E4E6EB!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
/* nav links, icons and separators */
.qap-appbar-nav a,.qap-ab-link,.qap-ab-link span,.qap-ab-link .qap-ab-i,.qap-appbar-nav a svg{color:#65676B!important;fill:currentColor!important}
.qap-appbar-nav a.qap-ab-link:hover{color:#050505!important;background:#F0F2F5!important;border-radius:8px}
.qap-appbar-nav a.qap-ab-link.is-on{color:var(--qa-blue)!important;border-bottom-color:var(--qa-blue)!important}
.qap-appbar-nav a.qap-ab-link.is-on .qap-ab-i{color:var(--qa-blue)!important}
/* bell, account button, menu links */
.qap-ab-bell,.qap-ab-me-btn,.qap-ab-me-btn span,.qap-ab-sep{color:#050505!important}
.qap-ab-bell svg,.qap-ab-me-btn svg{fill:#050505!important;color:#050505!important}
/* the People / role toggle and any plain appbar links */
.qap-appbar .qap-appbar-in > a,.qap-appbar-people,.qap-ab-people{color:#65676B!important}
/* keep the QA logo mark on brand */
.qap-appbar-logo,.qap-appbar-logo *{color:var(--qa-blue)!important}
/* ==================================================================
Fix: wide data tables (My Certification, record managers) were
spilling past the right edge of their card. Keep them inside the
card, trim cell padding so they fit, and scroll only if they still
cannot. No column is ever clipped or overlapping the card border.
================================================================== */
body.woocommerce-account .qap-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#CED0D4 transparent}
body.woocommerce-account .qap-table::-webkit-scrollbar{height:6px}
body.woocommerce-account .qap-table::-webkit-scrollbar-thumb{background:#CED0D4;border-radius:3px}
body.woocommerce-account .qap-table::-webkit-scrollbar-track{background:transparent}
/* trim cell padding so the seven columns fit the card without a scrollbar */
body.woocommerce-account .qap-table th,body.woocommerce-account .qap-table td{padding-left:9px;padding-right:9px;word-break:normal;overflow-wrap:normal}
/* the action column keeps its links tidy inside the card */
body.woocommerce-account .qap-table td:last-child{white-space:normal}
body.woocommerce-account .qap-table td:last-child a{display:inline}
/* ==================================================================
Typography polish — larger, cleaner, more readable at Facebook scale.
The base is now 15px; these tune the remaining fixed sizes and the
reading comfort of body copy without disturbing the data tables.
================================================================== */
body.qap-app .woocommerce-MyAccount-content p,body.qap-app .qap-note,body.qap-app .qap-lead,body.woocommerce-account .woocommerce-MyAccount-content li{line-height:1.5}
body.woocommerce-account .woocommerce-MyAccount-navigation a{font-size:15px}
.qap-appbar-nav a.qap-ab-link{font-size:12px}
.qap-appbar-nav a.qap-ab-link .qap-ab-i{width:23px;height:23px}
/* section headings: a clear, consistent step above body */
body.qap-app .qap-dash-panel h3,body.qap-app .qap-cert-head h3,body.woocommerce-account .woocommerce-MyAccount-content h2{font-size:17px;font-weight:700;line-height:1.3}