@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root {
--p:      #5B2C6F;
--p2:     #7c3fa0;
--p3:     #f3eefa;
--navy:   #0f0a1e;
--navy2:  #1e1038;
--gold:   #c9a84c;
--gold2:  #f5edcc;
--white:  #ffffff;
--bg:     #f6f4fb;
--surface:#ffffff;
--border: #ece8f5;
--text:   #1a1228;
--mid:    #4a4260;
--muted:  #9490a8;
--green:  #16a34a;
--green2: #dcfce7;
--red:    #dc2626;
--red2:   #fee2e2;
--amber:  #d97706;
--amber2: #fef3c7;
--blue:   #1d4ed8;
--blue2:  #dbeafe;
--r:      12px;
--r-sm:   8px;
--r-lg:   18px;
--sh:     0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(91,44,111,.08);
--sh2:    0 4px 24px rgba(91,44,111,.14);
--sh3:    0 12px 48px rgba(91,44,111,.2);
--font:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .abqcp-login-wrap {
min-height: 100vh;
width: 100%;
display: grid;
place-items: center;
padding: 32px 20px;
background: linear-gradient(160deg, #0f0a1e 0%, #2d1258 40%, #5B2C6F 70%, #1e1038 100%);
position: relative;
overflow: hidden;
} .abqcp-login-wrap::before {
content: '';
position: absolute;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(201,168,76,.15) 0%, transparent 70%);
top: -200px; right: -200px;
pointer-events: none;
}
.abqcp-login-wrap::after {
content: '';
position: absolute;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(91,44,111,.3) 0%, transparent 70%);
bottom: -100px; left: -100px;
pointer-events: none;
}
.abqcp-login-box {
background: rgba(255,255,255,.97);
backdrop-filter: blur(20px);
border-radius: 24px;
padding: 52px 54px;
width: 100%;
max-width: 560px;
box-shadow: 0 40px 100px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.1);
position: relative;
z-index: 1;
}
.abqcp-login-logo {
text-align: center;
margin-bottom: 28px;
}
.abqcp-login-logo img {
max-width: 160px;
height: auto;
display: inline-block;
mix-blend-mode: multiply; }
.abqcp-login-title {
text-align: center;
font-family: var(--font);
font-size: 26px;
font-weight: 800;
color: var(--p);
margin-bottom: 6px;
letter-spacing: -.5px;
}
.abqcp-login-sub {
text-align: center;
font-size: 14px;
color: var(--muted);
margin-bottom: 36px;
line-height: 1.5;
}
.abqcp-login-error {
background: var(--red2);
border: 1px solid #fca5a5;
border-radius: var(--r-sm);
padding: 12px 16px;
font-size: 13px;
color: var(--red);
margin-bottom: 20px;
font-weight: 500;
}
.abqcp-login-field { margin-bottom: 20px; }
.abqcp-login-field label {
display: block;
font-size: 12px;
font-weight: 700;
color: var(--mid);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: .06em;
}
.abqcp-login-field input {
width: 100%;
padding: 13px 16px;
border: 1.5px solid var(--border);
border-radius: var(--r-sm);
font-size: 15px;
font-family: var(--font);
color: var(--text);
background: var(--bg);
outline: none;
transition: border-color .2s, box-shadow .2s, background .2s;
}
.abqcp-login-field input:focus {
border-color: var(--p);
background: #fff;
box-shadow: 0 0 0 4px rgba(91,44,111,.1);
}
.abqcp-login-btn {
width: 100%;
padding: 15px;
background: linear-gradient(135deg, var(--p) 0%, var(--p2) 100%);
color: #fff;
border: none;
border-radius: var(--r-sm);
font-size: 15px;
font-weight: 700;
font-family: var(--font);
cursor: pointer;
transition: transform .15s, box-shadow .15s, opacity .2s;
letter-spacing: .2px;
margin-top: 8px;
}
.abqcp-login-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(91,44,111,.45); }
.abqcp-login-btn:active { transform: translateY(0); }
.abqcp-login-forgot { text-align: center; margin-top: 18px; font-size: 13px; }
.abqcp-login-forgot a { color: var(--p); font-weight: 600; text-decoration: none; }
.abqcp-login-forgot a:hover { text-decoration: underline; }
.abqcp-login-footer {
text-align: center;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid var(--border);
font-size: 12px;
color: var(--muted);
line-height: 2;
}
.abqcp-login-footer a { color: var(--p); font-weight: 600; text-decoration: none; } .abqcp-portal {
font-family: var(--font);
color: var(--text);
background: var(--bg);
min-height: 100vh;
display: flex;
flex-direction: column;
} .abqcp-portal-header {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy2) 50%, #3d1a6e 100%);
padding: 0 48px;
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
position: relative;
}
.abqcp-portal-header::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent 0%, var(--gold) 30%, var(--p2) 60%, transparent 100%);
}
.abqcp-portal-logo {
display: flex;
align-items: center;
}
.abqcp-portal-logo img {
height: 48px;
width: auto;
display: block;
object-fit: contain;
mix-blend-mode: lighten; filter: brightness(1.15);
}
.abqcp-portal-user {
display: flex;
align-items: center;
gap: 14px;
}
.abqcp-portal-greeting {
font-size: 13px;
color: rgba(255,255,255,.45);
font-weight: 400;
}
.abqcp-portal-company {
font-size: 14px;
font-weight: 700;
color: var(--gold);
letter-spacing: .1px;
}
.abqcp-logout-btn {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.15);
border-radius: 20px;
padding: 7px 18px;
font-size: 12px;
font-family: var(--font);
font-weight: 600;
color: rgba(255,255,255,.6);
cursor: pointer;
transition: all .2s;
letter-spacing: .2px;
}
.abqcp-logout-btn:hover {
background: rgba(255,255,255,.15);
color: #fff;
border-color: rgba(255,255,255,.3);
} .abqcp-portal-nav {
background: var(--p);
display: flex;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 4px 16px rgba(91,44,111,.3);
}
.abqcp-nav-tab {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 16px 10px;
color: rgba(255,255,255,.55);
font-size: 12.5px;
font-weight: 600;
font-family: var(--font);
text-decoration: none;
transition: all .2s;
border-bottom: 3px solid transparent;
white-space: nowrap;
letter-spacing: .1px;
position: relative;
}
.abqcp-nav-tab:hover { color: rgba(255,255,255,.85); background: rgba(255,255,255,.06); }
.abqcp-nav-tab.active {
color: #fff;
border-bottom-color: var(--gold);
background: rgba(255,255,255,.1);
font-weight: 700;
}
.abqcp-nav-icon { font-size: 15px; }
.abqcp-nav-badge {
background: var(--gold);
color: var(--navy);
font-size: 10px;
font-weight: 800;
padding: 2px 7px;
border-radius: 20px;
min-width: 20px;
text-align: center;
line-height: 1.5;
} .abqcp-portal-body {
flex: 1;
padding: 32px 48px 48px;
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.abqcp-tab-content { animation: tabIn .22s ease; }
@keyframes tabIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } } .abqcp-portal-welcome {
background: linear-gradient(135deg, var(--p) 0%, var(--p2) 100%);
border-radius: var(--r-lg);
padding: 28px 32px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 24px;
box-shadow: var(--sh2);
position: relative;
overflow: hidden;
}
.abqcp-portal-welcome::before {
content: '';
position: absolute;
top: -60px; right: -60px;
width: 200px; height: 200px;
background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
pointer-events: none;
}
.abqcp-portal-welcome h2 {
color: #fff;
font-size: 22px;
font-weight: 800;
letter-spacing: -.3px;
margin-bottom: 5px;
}
.abqcp-portal-welcome p { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.5; }
.abqcp-welcome-badge {
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.2);
border-radius: 20px;
padding: 7px 18px;
font-size: 12px;
color: rgba(255,255,255,.75);
white-space: nowrap;
font-weight: 500;
flex-shrink: 0;
} .abqcp-summary-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 14px;
margin-bottom: 28px;
}
.abqcp-summary-card {
background: var(--surface);
border-radius: var(--r);
padding: 22px 24px;
border: 1px solid var(--border);
box-shadow: var(--sh);
position: relative;
overflow: hidden;
transition: transform .15s, box-shadow .15s;
cursor: default;
}
.abqcp-summary-card:hover { transform: translateY(-2px); box-shadow: var(--sh2); }
.abqcp-summary-card::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--p), var(--p2));
}
.abqcp-card-label {
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .09em;
color: var(--muted);
margin-bottom: 10px;
}
.abqcp-card-number {
display: block;
font-size: 34px;
font-weight: 800;
color: var(--p);
line-height: 1;
letter-spacing: -1.5px;
}
.abqcp-card-sub {
display: block;
font-size: 11px;
color: var(--muted);
margin-top: 6px;
font-weight: 500;
}
.abqcp-card-sub a { color: inherit; } .abqcp-portal-section {
background: var(--surface);
border-radius: var(--r);
border: 1px solid var(--border);
padding: 24px 26px;
margin-bottom: 18px;
box-shadow: var(--sh);
}
.abqcp-section-title {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--muted);
margin: 0 0 18px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border);
display: flex;
align-items: center;
justify-content: space-between;
}
.abqcp-see-all {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 16px;
font-size: 13px;
color: var(--p);
font-weight: 600;
text-decoration: none;
}
.abqcp-see-all:hover { text-decoration: underline; } .abqcp-tab-content > h2 {
font-size: 22px;
font-weight: 800;
color: var(--text);
letter-spacing: -.3px;
margin-bottom: 22px;
}
.abqcp-tab-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
flex-wrap: wrap;
gap: 12px;
}
.abqcp-tab-header h2 {
font-size: 22px;
font-weight: 800;
color: var(--text);
letter-spacing: -.3px;
margin: 0;
} .abqcp-project-board {
background: var(--p3);
border-radius: var(--r);
padding: 20px 22px;
margin-bottom: 14px;
border: 1px solid var(--border);
}
.abqcp-proj-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
gap: 12px;
flex-wrap: wrap;
}
.abqcp-proj-title {
font-size: 15px;
font-weight: 700;
color: var(--text);
letter-spacing: -.2px;
}
.abqcp-phase-track {
display: flex;
align-items: flex-start;
position: relative;
}
.abqcp-phase-track::before {
content: '';
position: absolute;
top: 9px; left: 10px; right: 10px;
height: 2px;
background: var(--border);
z-index: 0;
}
.abqcp-phase-step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 9px;
position: relative;
z-index: 1;
}
.abqcp-phase-dot {
width: 20px; height: 20px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--border);
transition: all .25s;
flex-shrink: 0;
}
.abqcp-phase-done .abqcp-phase-dot {
background: var(--p);
border-color: var(--p);
box-shadow: 0 0 0 3px rgba(91,44,111,.15);
}
.abqcp-phase-active .abqcp-phase-dot {
background: var(--gold);
border-color: var(--gold);
box-shadow: 0 0 0 5px rgba(201,168,76,.2);
transform: scale(1.2);
}
.abqcp-phase-label {
font-size: 9.5px;
color: var(--muted);
text-align: center;
font-weight: 500;
line-height: 1.3;
letter-spacing: .02em;
}
.abqcp-phase-active .abqcp-phase-label { color: var(--p); font-weight: 700; }
.abqcp-phase-done .abqcp-phase-label { color: var(--p); }
.abqcp-past-projects { margin-top: 16px; }
.abqcp-past-projects summary { font-size: 13px; color: var(--p); cursor: pointer; font-weight: 600; padding: 6px 0; }
.abqcp-past-proj-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px; } .abqcp-status-pill {
font-size: 11px;
padding: 3px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
display: inline-block;
letter-spacing: .04em;
}
.abqcp-status-active,.abqcp-status-completed,.abqcp-status-resolved,.abqcp-status-paid { background:var(--green2); color:var(--green); }
.abqcp-status-open { background:var(--blue2); color:var(--blue); }
.abqcp-status-in_progress { background:var(--amber2); color:var(--amber); }
.abqcp-status-closed,.abqcp-status-cancelled,.abqcp-status-on_hold { background:#f3f4f6; color:#6b7280; }
.abqcp-status-unpaid { background:var(--red2); color:var(--red); }
.abqcp-status-check_received { background:var(--amber2); color:var(--amber); }
.abqcp-status-expired { background:var(--red2); color:var(--red); } .abqcp-doc-list { display: flex; flex-direction: column; }
.abqcp-doc-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid var(--border);
}
.abqcp-doc-row:last-child { border-bottom: none; }
.abqcp-doc-info { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1; }
.abqcp-doc-type-icon {
width: 40px; height: 40px;
border-radius: 10px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.abqcp-type-proposal { background: #ede9fe; }
.abqcp-type-quote    { background: var(--amber2); }
.abqcp-type-contract { background: var(--green2); }
.abqcp-type-invoice  { background: var(--red2); }
.abqcp-type-other    { background: var(--p3); }
.abqcp-type-proposal::before { content:'📋'; }
.abqcp-type-quote::before    { content:'💰'; }
.abqcp-type-contract::before { content:'✍️'; }
.abqcp-type-invoice::before  { content:'🧾'; }
.abqcp-type-other::before    { content:'📄'; }
.abqcp-doc-info strong { font-size: 14px; font-weight: 600; color: var(--text); display: block; }
.abqcp-doc-meta { font-size: 12px; color: var(--muted); display: block; margin-top: 2px; }
.abqcp-doc-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.abqcp-view-btn {
background: var(--p3);
color: var(--p);
border: 1px solid rgba(91,44,111,.2);
border-radius: 8px;
padding: 6px 16px;
font-size: 12px;
font-weight: 700;
font-family: var(--font);
text-decoration: none;
transition: all .18s;
white-space: nowrap;
cursor: pointer;
display: inline-block;
}
.abqcp-view-btn:hover { background: var(--p); color: #fff; border-color: var(--p); }
.abqcp-sign-badge   { font-size: 11px; color: var(--amber); font-weight: 700; background: var(--amber2); padding: 4px 11px; border-radius: 20px; white-space: nowrap; }
.abqcp-signed-badge { font-size: 11px; color: var(--green); font-weight: 700; background: var(--green2); padding: 4px 11px; border-radius: 20px; white-space: nowrap; } .abqcp-ticket-list { display: flex; flex-direction: column; gap: 14px; }
.abqcp-ticket-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--r);
padding: 20px 22px;
box-shadow: var(--sh);
transition: box-shadow .2s;
}
.abqcp-ticket-card:hover { box-shadow: var(--sh2); }
.abqcp-ticket-resolved, .abqcp-ticket-closed { opacity: .7; }
.abqcp-ticket-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 14px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.abqcp-ticket-subject { font-size: 15px; font-weight: 700; color: var(--text); display: block; margin-bottom: 3px; }
.abqcp-ticket-project { font-size: 12px; color: var(--muted); display: block; }
.abqcp-ticket-badges { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.abqcp-priority-badge { font-size: 10px; padding: 3px 9px; border-radius: 20px; font-weight: 700; letter-spacing: .04em; }
.abqcp-priority-low    { background: #f3f4f6; color: #6b7280; }
.abqcp-priority-normal { background: var(--blue2); color: var(--blue); }
.abqcp-priority-high   { background: var(--amber2); color: var(--amber); }
.abqcp-priority-urgent { background: var(--red2); color: var(--red); }
.abqcp-ticket-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid var(--border);
font-size: 12px;
color: var(--muted);
} .abqcp-thread-msg { padding: 13px 16px; border-radius: var(--r-sm); margin: 8px 0; font-size: 13px; line-height: 1.65; }
.abqcp-thread-msg p { margin: 0; color: var(--text); }
.abqcp-thread-meta { font-size: 11px; color: var(--muted); margin-bottom: 6px; font-weight: 600; }
.abqcp-thread-client { background: #f8f8fc; border-left: 3px solid var(--border); margin-right: 24px; }
.abqcp-thread-admin  { background: var(--p3); border-left: 3px solid var(--p); margin-left: 24px; }
.abqcp-ticket-reply-form { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.abqcp-reply-textarea {
width: 100%; border: 1.5px solid var(--border); border-radius: var(--r-sm);
padding: 11px 14px; font-size: 13px; font-family: var(--font); resize: vertical; outline: none;
transition: border-color .2s, box-shadow .2s; background: var(--bg);
}
.abqcp-reply-textarea:focus { border-color: var(--p); box-shadow: 0 0 0 4px rgba(91,44,111,.08); background: #fff; }
.abqcp-reopen-btn {
background: none; border: 1px solid var(--border); border-radius: 20px;
padding: 4px 14px; font-size: 12px; color: var(--muted); cursor: pointer;
font-family: var(--font); transition: all .2s;
}
.abqcp-reopen-btn:hover { border-color: var(--p); color: var(--p); } .abqcp-ticket-form {
background: var(--p3);
border: 1px solid rgba(91,44,111,.15);
border-radius: var(--r);
padding: 24px 26px;
margin-bottom: 22px;
}
.abqcp-ticket-form h3 { font-size: 17px; font-weight: 700; color: var(--p); margin-bottom: 20px; }
.abqcp-form-row { margin-bottom: 16px; }
.abqcp-form-row label {
display: block; font-size: 12px; font-weight: 700;
color: var(--mid); margin-bottom: 7px;
text-transform: uppercase; letter-spacing: .06em;
}
.abqcp-form-row input,
.abqcp-form-row textarea,
.abqcp-form-row select {
width: 100%; padding: 11px 14px;
border: 1.5px solid var(--border); border-radius: var(--r-sm);
font-size: 14px; font-family: var(--font); color: var(--text);
background: #fff; outline: none;
transition: border-color .2s, box-shadow .2s;
}
.abqcp-form-row input:focus,
.abqcp-form-row textarea:focus,
.abqcp-form-row select:focus { border-color: var(--p); box-shadow: 0 0 0 4px rgba(91,44,111,.08); }
.abqcp-form-row textarea { height: 110px; resize: vertical; }
.abqcp-form-actions { display: flex; gap: 10px; margin-top: 8px; } .abqcp-primary-btn {
background: linear-gradient(135deg, var(--p) 0%, var(--p2) 100%);
color: #fff; border: none; border-radius: var(--r-sm);
padding: 11px 24px; font-size: 14px; font-weight: 700;
font-family: var(--font); cursor: pointer; letter-spacing: .2px;
transition: transform .15s, box-shadow .15s;
}
.abqcp-primary-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(91,44,111,.4); }
.abqcp-secondary-btn {
background: #fff; color: var(--p);
border: 1.5px solid var(--p); border-radius: var(--r-sm);
padding: 10px 22px; font-size: 14px; font-weight: 600;
font-family: var(--font); cursor: pointer; transition: all .18s;
}
.abqcp-secondary-btn:hover { background: var(--p3); } .abqcp-maint-list { display: flex; flex-direction: column; gap: 12px; }
.abqcp-maint-card {
display: flex; justify-content: space-between; align-items: center;
padding: 16px 18px; border-radius: var(--r-sm); border: 1px solid var(--border); gap: 16px; flex-wrap: wrap;
}
.abqcp-maint-active { background: linear-gradient(135deg, #f0fdf8 0%, var(--green2) 100%); border-color: #86efac; }
.abqcp-maint-expired, .abqcp-maint-cancelled { background: #fafafa; opacity: .7; }
.abqcp-maint-info strong { font-size: 14px; font-weight: 700; color: var(--text); display: block; }
.abqcp-maint-info p { font-size: 12px; color: var(--muted); margin: 4px 0 0; line-height: 1.5; }
.abqcp-maint-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.abqcp-renew-date { font-size: 12px; color: var(--muted); } .abqcp-invoice-balance-banner {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy2) 50%, #3d1a6e 100%);
border-radius: var(--r-lg);
padding: 28px 34px;
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 20px;
margin-bottom: 24px; box-shadow: var(--sh2);
}
.abqcp-invoice-balance-label {
display: block; font-size: 11px; text-transform: uppercase;
letter-spacing: .1em; color: rgba(255,255,255,.45); margin-bottom: 6px; font-weight: 700;
}
.abqcp-invoice-balance-amount {
display: block; font-size: 40px; font-weight: 800; color: var(--gold); line-height: 1; letter-spacing: -2px;
}
.abqcp-invoice-pay-methods { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: rgba(255,255,255,.65); }
.abqcp-invoice-pay-methods strong { color: var(--gold); }
.abqcp-invoice-row .abqcp-doc-actions { gap: 12px; }
.abqcp-status-pill.abqcp-status-unpaid { background: var(--red2); color: var(--red); }
.abqcp-status-pill.abqcp-status-check_received { background: var(--amber2); color: var(--amber); }
.abqcp-status-pill.abqcp-status-paid { background: var(--green2); color: var(--green); } .abqcp-proposal-card {
background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg);
padding: 26px 28px; margin-bottom: 18px; box-shadow: var(--sh);
}
.abqcp-proposal-card-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
.abqcp-proposal-title { display: block; font-size: 18px; font-weight: 800; color: var(--text); margin-bottom: 5px; letter-spacing: -.3px; }
.abqcp-proposal-totals { text-align: right; flex-shrink: 0; }
.abqcp-proposal-amount { display: block; font-size: 26px; font-weight: 800; color: var(--p); letter-spacing: -.5px; }
.abqcp-proposal-overview { font-size: 14px; color: var(--mid); line-height: 1.75; margin: 0 0 20px; border-top: 1px solid var(--border); padding-top: 18px; }
.abqcp-proposal-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; padding-top: 18px; border-top: 1px solid var(--border); }
.abqcp-proposal-approved-msg { padding-top: 18px; border-top: 1px solid var(--border); } .abqcp-contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 20px; }
.abqcp-contact-info-card, .abqcp-contact-form-card {
background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); padding: 26px; box-shadow: var(--sh);
}
.abqcp-contact-info-card h3, .abqcp-contact-form-card h3 { font-size: 17px; font-weight: 800; color: var(--p); margin-bottom: 22px; letter-spacing: -.2px; }
.abqcp-contact-method { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.abqcp-contact-icon { font-size: 22px; flex-shrink: 0; margin-top: 1px; }
.abqcp-contact-method strong { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 3px; text-transform: uppercase; letter-spacing: .06em; }
.abqcp-contact-method a { font-size: 15px; color: var(--p); font-weight: 600; text-decoration: none; }
.abqcp-contact-method a:hover { text-decoration: underline; }
.abqcp-contact-hours { background: var(--p3); border-radius: var(--r-sm); padding: 16px 18px; margin-top: 22px; }
.abqcp-contact-hours strong { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--p); margin-bottom: 8px; }
.abqcp-contact-hours p { margin: 0; font-size: 13px; color: var(--mid); line-height: 1.8; } .abqcp-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px,1fr)); gap: 16px; }
.abqcp-media-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; box-shadow: var(--sh); transition: transform .15s, box-shadow .15s; }
.abqcp-media-item:hover { transform: translateY(-2px); box-shadow: var(--sh2); }
.abqcp-media-thumb { aspect-ratio: 4/3; background: var(--p3); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.abqcp-media-thumb img { width: 100%; height: 100%; object-fit: cover; }
.abqcp-media-file-icon { font-size: 32px; }
.abqcp-media-info { padding: 13px 15px; }
.abqcp-media-name { font-size: 12px; color: var(--text); display: block; margin-bottom: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; } .abqcp-review-nudge {
background: linear-gradient(135deg, #fffbeb 0%, var(--gold2) 100%);
border: 1px solid #f0d060;
border-radius: var(--r);
padding: 22px 26px;
display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}
.abqcp-review-stars { font-size: 24px; flex-shrink: 0; }
.abqcp-review-text { flex: 1; }
.abqcp-review-text strong { font-size: 16px; font-weight: 800; color: var(--navy); display: block; margin-bottom: 4px; }
.abqcp-review-text p { font-size: 13px; color: var(--mid); margin: 0; line-height: 1.5; }
.abqcp-review-btn {
background: var(--gold); color: var(--navy); border: none; border-radius: var(--r-sm);
padding: 12px 24px; font-size: 14px; font-weight: 800; font-family: var(--font);
text-decoration: none; transition: all .2s; white-space: nowrap; display: inline-block; flex-shrink: 0;
}
.abqcp-review-btn:hover { background: #b8922e; color: #fff; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(201,168,76,.4); } .abqcp-empty-msg { text-align: center; padding: 40px 20px; color: var(--muted); }
.abqcp-empty-msg p { font-size: 14px; margin: 0; } .abqcp-portal-footer {
background: var(--navy);
color: rgba(255,255,255,.35);
text-align: center;
padding: 20px 24px;
font-size: 12px;
letter-spacing: .2px;
}
.abqcp-portal-footer a { color: rgba(255,255,255,.45); text-decoration: none; transition: color .2s; }
.abqcp-portal-footer a:hover { color: var(--gold); } @media (max-width: 900px) {
.abqcp-portal-header { padding: 0 24px; min-height: 64px; }
.abqcp-portal-logo img { height: 38px; }
.abqcp-portal-body { padding: 20px 20px 40px; }
.abqcp-contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.abqcp-portal-header { padding: 0 16px; }
.abqcp-portal-body { padding: 16px 16px 36px; }
.abqcp-nav-tab { padding: 13px 6px; font-size: 11px; gap: 4px; }
.abqcp-summary-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
.abqcp-portal-welcome { padding: 20px 22px; }
.abqcp-portal-welcome h2 { font-size: 19px; }
.abqcp-review-nudge { flex-direction: column; align-items: flex-start; }
.abqcp-invoice-balance-banner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
.abqcp-nav-tab span:not(.abqcp-nav-icon):not(.abqcp-nav-badge) { display: none; }
.abqcp-nav-tab { padding: 13px 8px; }
.abqcp-summary-cards { gap: 8px; }
.abqcp-phase-label { display: none; }
.abqcp-portal-logo img { height: 32px; }
} .abqcp-client-dropzone {
border: 2px dashed var(--border);
border-radius: var(--r);
padding: 40px 24px;
text-align: center;
cursor: pointer;
transition: all .2s;
background: var(--bg);
}
.abqcp-client-dropzone.dragover {
border-color: var(--p);
background: var(--p3);
}
.abqcp-upload-result-row {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 12px;
background: var(--green2);
border: 1px solid #86efac;
border-radius: var(--r-sm);
margin-bottom: 6px;
font-size: 13px;
color: var(--green);
font-weight: 500;
}
.abqcp-upload-result-row.error {
background: var(--red2);
border-color: #fca5a5;
color: var(--red);
} .abqcp-login-success {
background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
border: 1px solid #86efac;
border-left: 4px solid #16a34a;
border-radius: 10px;
padding: 14px 18px;
font-size: 14px;
color: #166534;
line-height: 1.6;
margin-bottom: 16px;
} .abqcp-login-logo img,.abqcp-portal-logo img{object-fit:contain;filter:none!important;mix-blend-mode:normal!important;}
.abqcp-login-logo img{max-width:260px;height:auto!important;max-height:92px;}
.abqcp-portal-logo img{height:auto!important;max-height:58px;max-width:260px;}
.abqcp-portal-header{background:linear-gradient(135deg,#ffffff 0%,#fbf8ff 58%,#f4edf8 100%)!important;border-bottom:1px solid rgba(91,44,111,.14)!important;box-shadow:0 4px 18px rgba(91,44,111,.08)!important;}
.abqcp-portal-header::after{background:linear-gradient(90deg,transparent 0%,var(--gold) 28%,var(--p2) 62%,transparent 100%)!important;}
.abqcp-portal-greeting{color:#7c718f!important;}
.abqcp-portal-company{color:var(--p)!important;}
.abqcp-logout-btn{background:#fff!important;border:1px solid rgba(91,44,111,.18)!important;color:var(--p)!important;box-shadow:0 2px 10px rgba(91,44,111,.08)!important;}
.abqcp-logout-btn:hover{background:#f7f1fb!important;color:var(--p2)!important;}
.abqcp-portal-nav{background:linear-gradient(135deg,var(--p),var(--p2))!important;}
@media(max-width:700px){.abqcp-login-logo img{max-width:220px}.abqcp-portal-logo img{max-width:200px;max-height:46px}.abqcp-portal-header{gap:12px}} .abqcp-role-chip{display:inline-flex;align-items:center;gap:4px;background:#f3e8ff;color:#5B2C6F;border:1px solid rgba(91,44,111,.18);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;}
.abqcp-payment-panel{border-left:4px solid #5B2C6F;} .abqcp-attention-strip{background:#fff;border:1px solid rgba(91,44,111,.12);border-radius:16px;padding:18px;margin:0 0 20px;box-shadow:0 8px 24px rgba(91,44,111,.06)}
.abqcp-attention-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.abqcp-attention-head strong{font-size:15px;color:var(--text,#1a1228);font-weight:900}
.abqcp-attention-head span{font-size:12px;color:var(--muted,#9490a8);font-weight:700}
.abqcp-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.abqcp-attention-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;border-radius:13px;padding:13px 14px;background:#fbfaff;border:1px solid #ece8f5;color:var(--text,#1a1228);font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s}
.abqcp-attention-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(91,44,111,.1);border-color:rgba(91,44,111,.28)}
.abqcp-attention-card em{font-style:normal;font-size:11px;color:var(--p,#5B2C6F);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.abqcp-attention-billing{border-left:4px solid #ef4444;background:#fff7f7}
.abqcp-attention-signature{border-left:4px solid var(--gold,#C9A84C);background:#fffdf5}
.abqcp-attention-ticket{border-left:4px solid var(--p2,#764ba2)}
.abqcp-attention-clear{border-left:4px solid #22c55e;background:#f0fdf4}
.abqcp-activity-section{border-left:4px solid var(--p,#5B2C6F)}
.abqcp-activity-list{display:grid;gap:10px}
.abqcp-activity-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1edf5}
.abqcp-activity-row:last-child{border-bottom:0}
.abqcp-activity-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--p,#5B2C6F),var(--p2,#764ba2));margin-top:5px;flex:0 0 10px;box-shadow:0 0 0 4px rgba(91,44,111,.08)}
.abqcp-activity-row strong{display:block;font-size:13px;color:var(--text,#1a1228);font-weight:900;margin-bottom:2px}
.abqcp-activity-row p{margin:0 0 2px;color:var(--mid,#4a4260);font-size:12px;line-height:1.5}
.abqcp-activity-row em{font-style:normal;color:var(--muted,#9490a8);font-size:11px;font-weight:700}
.abqcp-permission-note{display:inline-flex;align-items:center;border:1px solid #ece8f5;background:#fbfaff;color:var(--mid,#4a4260);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}
@media(max-width:700px){.abqcp-attention-head{align-items:flex-start}.abqcp-attention-card{align-items:flex-start;flex-direction:column}.abqcp-permission-note{border-radius:12px;line-height:1.4}} .abqcp-public-demo { max-width: 1180px; margin: 32px auto; }
.abqcp-demo-ribbon { display:flex; justify-content:space-between; gap:12px; align-items:center; background:linear-gradient(135deg,#5B2C6F,#764ba2); color:#fff; padding:12px 18px; border-radius:18px 18px 0 0; box-shadow:0 12px 35px rgba(91,44,111,.18); }
.abqcp-demo-ribbon span { font-weight:800; letter-spacing:.04em; text-transform:uppercase; font-size:12px; }
.abqcp-demo-ribbon strong { background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:6px 12px; font-size:12px; }
.abqcp-public-demo .abqcp-portal-header { border-radius:0; }
.abqcp-demo-notice { display:flex; justify-content:space-between; gap:18px; align-items:center; border:1px solid #ede9fe; background:#fbfaff; border-radius:18px; padding:18px; margin-bottom:18px; box-shadow:0 10px 30px rgba(91,44,111,.08); }
.abqcp-demo-notice strong { display:block; color:#5B2C6F; font-size:16px; margin-bottom:4px; }
.abqcp-demo-notice p { margin:0; color:#6b7280; font-size:13px; }
.abqcp-demo-cta { display:inline-flex; align-items:center; justify-content:center; background:#5B2C6F; color:#fff !important; text-decoration:none; border-radius:12px; padding:11px 18px; font-weight:800; font-size:13px; white-space:nowrap; box-shadow:0 10px 22px rgba(91,44,111,.22); }
.abqcp-demo-cta:hover { background:#764ba2; transform:translateY(-1px); }
.abqcp-attention-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:0 0 18px; }
.abqcp-attention-card { background:#fff; border:1px solid #e5e7eb; border-radius:18px; padding:16px; box-shadow:0 8px 28px rgba(17,24,39,.06); border-top:4px solid #764ba2; }
.abqcp-attention-card.urgent { border-top-color:#ef4444; }
.abqcp-attention-card.warning { border-top-color:#C9A84C; }
.abqcp-attention-card.info { border-top-color:#5B2C6F; }
.abqcp-attention-label { display:block; color:#9ca3af; text-transform:uppercase; letter-spacing:.08em; font-size:11px; font-weight:800; margin-bottom:8px; }
.abqcp-attention-card strong { display:block; color:#111827; font-size:15px; margin-bottom:5px; }
.abqcp-attention-card p { color:#6b7280; font-size:13px; margin:0; }
.abqcp-demo-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.abqcp-demo-list { display:grid; gap:10px; }
.abqcp-demo-list > div { display:flex; justify-content:space-between; gap:12px; align-items:center; background:#fff; border:1px solid #ede9fe; border-radius:14px; padding:12px 14px; }
.abqcp-demo-list strong { color:#111827; font-size:13px; }
.abqcp-team-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.abqcp-team-card { background:#fff; border:1px solid #ede9fe; border-radius:16px; padding:14px; box-shadow:0 8px 24px rgba(91,44,111,.06); }
.abqcp-team-card strong { display:block; color:#5B2C6F; margin-bottom:4px; }
.abqcp-team-card span { color:#6b7280; font-size:13px; }
.abqcp-demo-final-cta { text-align:center; background:linear-gradient(135deg,#5B2C6F,#2d0b3d); color:#fff; border:none; }
.abqcp-demo-final-cta h3 { color:#fff; margin:0 0 8px; font-size:24px; }
.abqcp-demo-final-cta p { color:rgba(255,255,255,.82); max-width:680px; margin:0 auto 18px; }
.abqcp-demo-final-cta .abqcp-demo-cta { background:#fff; color:#5B2C6F !important; }
@media (max-width: 760px) {
.abqcp-public-demo { margin: 18px 10px; }
.abqcp-demo-ribbon, .abqcp-demo-notice { flex-direction:column; align-items:flex-start; }
.abqcp-demo-two-col { grid-template-columns:1fr; }
.abqcp-demo-list > div { align-items:flex-start; flex-direction:column; }
} .abqcp-public-demo {
width: min(1180px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
min-width: 0 !important;
margin: 36px 0 52px !important;
position: relative !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
border-radius: 22px !important;
overflow: hidden !important;
box-shadow: 0 22px 70px rgba(91,44,111,.18) !important;
background: var(--bg) !important;
min-height: auto !important;
box-sizing: border-box !important;
}
.abqcp-public-demo,
.abqcp-public-demo * {
box-sizing: border-box !important;
overflow-wrap: normal;
word-break: normal;
}
.abqcp-public-demo .abqcp-portal-header,
.abqcp-public-demo .abqcp-portal-nav,
.abqcp-public-demo .abqcp-portal-body {
width: 100% !important;
max-width: none !important;
}
.abqcp-public-demo .abqcp-portal-body {
margin: 0 !important;
padding: 32px 38px 42px !important;
}
.abqcp-public-demo .abqcp-portal-nav {
display: flex !important;
flex-wrap: wrap !important;
position: relative !important;
top: auto !important;
}
.abqcp-public-demo .abqcp-nav-tab {
min-width: 145px !important;
flex: 1 1 145px !important;
white-space: normal !important;
text-align: center !important;
}
.abqcp-public-demo .abqcp-summary-cards,
.abqcp-public-demo .abqcp-attention-grid,
.abqcp-public-demo .abqcp-team-grid,
.abqcp-public-demo .abqcp-demo-two-col {
width: 100% !important;
}
.abqcp-public-demo .abqcp-demo-final-cta {
width: 100% !important;
min-height: 0 !important;
}
.abqcp-public-demo .abqcp-demo-final-cta h3,
.abqcp-public-demo .abqcp-demo-final-cta p {
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}
@media (max-width: 760px) {
.abqcp-public-demo {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
margin-top: 18px !important;
border-radius: 16px !important;
}
.abqcp-public-demo .abqcp-portal-header {
padding: 18px !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.abqcp-public-demo .abqcp-portal-user {
width: 100% !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
}
.abqcp-public-demo .abqcp-portal-body {
padding: 18px 14px 28px !important;
}
.abqcp-public-demo .abqcp-nav-tab {
min-width: 50% !important;
flex-basis: 50% !important;
padding: 13px 8px !important;
}
} .abqcp-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.abqcp-payment-option{border:1px solid var(--border,#ece8f5);border-radius:14px;padding:15px;background:#fff;display:flex;flex-direction:column;gap:6px}.abqcp-payment-option strong{color:var(--text,#1a1228);font-size:15px}.abqcp-payment-option span{font-size:13px;color:var(--mid,#4a4260);line-height:1.45}.abqcp-payment-featured{background:linear-gradient(135deg,#f7f2fb,#fff);border-color:#d8c7e5}.abqcp-pay-now-btn{align-self:flex-start;margin-top:6px;text-decoration:none!important}.abqcp-payment-note{font-size:12px;color:var(--muted,#9490a8);margin:12px 0 0;line-height:1.55}.abqcp-ledger-table-wrap{overflow-x:auto}.abqcp-ledger-table{width:100%;border-collapse:collapse;font-size:13px}.abqcp-ledger-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#9490a8);padding:10px;border-bottom:1px solid var(--border,#ece8f5)}.abqcp-ledger-table td{padding:12px 10px;border-bottom:1px solid #f3f0f8;color:var(--text,#1a1228)}.abqcp-ledger-amount{font-weight:800;text-align:right}.abqcp-ledger-amount.credit{color:#16a34a}.abqcp-ledger-amount.debit{color:#111827}.abqcp-maint-plan-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#5B2C6F,#764ba2);color:#fff;border-radius:18px;padding:24px;margin-bottom:22px;box-shadow:0 14px 40px rgba(91,44,111,.22)}.abqcp-maint-plan-hero h3{margin:4px 0 8px;font-size:28px;color:#fff}.abqcp-maint-plan-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.abqcp-eyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f4d37a;font-weight:800}.abqcp-maint-price{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:18px 22px;text-align:center;min-width:160px}.abqcp-maint-price strong{display:block;font-size:30px;line-height:1;color:#fff}.abqcp-maint-price span{display:block;font-size:12px;opacity:.88;margin-top:4px}.abqcp-maint-price em{display:inline-block;margin-top:10px;font-style:normal;background:rgba(34,197,94,.2);border:1px solid rgba(134,239,172,.35);color:#dcfce7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.abqcp-maint-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.abqcp-maint-service{border:1px solid #ece8f5;background:#fbfaff;border-radius:12px;padding:12px 14px;font-size:13px;color:#1a1228;font-weight:600}.abqcp-maint-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.abqcp-maint-actions a{text-decoration:none!important}@media(max-width:700px){.abqcp-maint-plan-hero{flex-direction:column;align-items:flex-start}.abqcp-maint-price{width:100%;text-align:left}.abqcp-ledger-table{min-width:650px}} .abqcp-empty-state{background:#fff;border:1px solid var(--border,#ece8f5);border-left:5px solid var(--p,#5B2C6F);border-radius:16px;box-shadow:0 10px 30px rgba(91,44,111,.08);padding:26px 28px;margin:18px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.abqcp-empty-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f5f0f9,#ede9fe);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:inset 0 0 0 1px rgba(91,44,111,.08)}.abqcp-empty-copy h3{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--text,#1a1228)}.abqcp-empty-copy p{margin:0;color:var(--mid,#4a4260);font-size:14px;line-height:1.65;max-width:760px}.abqcp-empty-copy small{display:block;margin-top:7px;color:var(--muted,#9490a8);font-size:12px;line-height:1.5}.abqcp-empty-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.abqcp-empty-actions .abqcp-primary-btn,.abqcp-empty-actions .abqcp-secondary-btn{white-space:nowrap;text-decoration:none}@media(max-width:760px){.abqcp-empty-state{grid-template-columns:1fr;text-align:left}.abqcp-empty-actions{justify-content:flex-start}.abqcp-empty-actions .abqcp-primary-btn,.abqcp-empty-actions .abqcp-secondary-btn{width:100%;text-align:center;justify-content:center}} .abqcp-billing-overview{
display:grid;
grid-template-columns:minmax(260px,.9fr) 1.4fr;
gap:18px;
margin-bottom:24px;
align-items:stretch;
}
.abqcp-billing-due-card{
background:linear-gradient(135deg,#5B2C6F,#764ba2);
color:#fff;
border-radius:18px;
padding:26px;
box-shadow:0 16px 42px rgba(91,44,111,.22);
border:1px solid rgba(255,255,255,.16);
display:flex;
flex-direction:column;
justify-content:center;
min-height:190px;
}
.abqcp-billing-due-card .abqcp-card-label{
color:rgba(255,255,255,.72);
margin-bottom:12px;
}
.abqcp-billing-due-amount{
display:block;
font-size:44px;
line-height:1;
font-weight:900;
letter-spacing:-1.5px;
color:#fff;
}
.abqcp-billing-due-card p{
margin:12px 0 18px;
color:rgba(255,255,255,.82);
font-size:13px;
line-height:1.55;
}
.abqcp-billing-due-card .abqcp-primary-btn{
align-self:flex-start;
background:#fff!important;
color:#5B2C6F!important;
box-shadow:none!important;
}
.abqcp-billing-due-card.is-current{
background:linear-gradient(135deg,#4f7a5c,#22a363);
}
.abqcp-billing-support-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.abqcp-soft-money-card{
padding:20px 18px;
box-shadow:0 6px 20px rgba(91,44,111,.08);
}
.abqcp-soft-money-card .abqcp-card-number{
font-size:26px;
letter-spacing:-.8px;
color:#5B2C6F!important;
}
.abqcp-ledger-amount.muted-credit{color:#5B2C6F;}
@media(max-width:900px){
.abqcp-billing-overview{grid-template-columns:1fr;}
.abqcp-billing-support-cards{grid-template-columns:1fr;}
.abqcp-billing-due-amount{font-size:38px;}
} .abqcp-proposals-focus-section {
padding: 22px 24px;
}
.abqcp-proposal-section-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 18px;
margin-bottom: 16px;
border-bottom: 1px solid var(--border);
padding-bottom: 14px;
}
.abqcp-proposal-section-head .abqcp-section-title {
margin-bottom: 5px;
}
.abqcp-proposal-section-head p {
margin: 0;
color: var(--muted);
font-size: 13px;
line-height: 1.55;
}
.abqcp-proposal-card-clean {
border: 1px solid rgba(91,44,111,.14);
border-left: 5px solid var(--p);
box-shadow: 0 10px 28px rgba(91,44,111,.08);
padding: 24px;
}
.abqcp-proposal-clean-header {
align-items: center;
padding-bottom: 14px;
border-bottom: 1px solid var(--border);
}
.abqcp-proposal-status-chip {
display: inline-flex;
align-items: center;
width: fit-content;
background: var(--amber2);
color: var(--amber);
border: 1px solid rgba(217,119,6,.22);
border-radius: 999px;
padding: 5px 10px;
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: 8px;
}
.abqcp-proposal-clean-header .abqcp-proposal-totals {
background: linear-gradient(135deg, #fbf8ff, #f4edfb);
border: 1px solid rgba(91,44,111,.12);
border-radius: var(--r);
padding: 14px 16px;
min-width: 220px;
text-align: left;
}
.abqcp-proposal-clean-header .abqcp-proposal-amount {
font-size: 24px;
margin: 2px 0 3px;
}
.abqcp-proposal-approval-note {
display: flex;
gap: 8px;
align-items: flex-start;
background: #f8fbff;
border: 1px solid #dbeafe;
border-radius: var(--r-sm);
padding: 12px 14px;
margin: 16px 0;
color: #1e3a8a;
font-size: 13px;
line-height: 1.5;
}
.abqcp-proposal-approval-note strong {
color: #1d4ed8;
white-space: nowrap;
}
.abqcp-proposal-overview-clean {
border-top: 0;
padding-top: 0;
margin-bottom: 14px;
}
.abqcp-proposal-details-list {
display: grid;
gap: 10px;
margin: 16px 0 4px;
}
.abqcp-proposal-detail {
border: 1px solid var(--border);
border-radius: var(--r-sm);
background: #fff;
overflow: hidden;
}
.abqcp-proposal-detail summary {
cursor: pointer;
list-style: none;
padding: 13px 15px;
font-size: 13px;
font-weight: 800;
color: var(--p);
background: #fbf8ff;
}
.abqcp-proposal-detail summary::-webkit-details-marker { display: none; }
.abqcp-proposal-detail summary::after {
content: '+';
float: right;
font-weight: 900;
color: var(--p2);
}
.abqcp-proposal-detail[open] summary::after { content: '–'; }
.abqcp-proposal-detail-body {
border-top: 1px solid var(--border);
padding: 4px 0;
}
.abqcp-proposal-line-item {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 11px 15px;
border-bottom: 1px solid var(--border);
font-size: 13px;
line-height: 1.45;
}
.abqcp-proposal-line-item:last-child { border-bottom: 0; }
.abqcp-proposal-line-item span {
color: var(--text);
font-weight: 600;
}
.abqcp-proposal-line-item em {
color: var(--muted);
font-style: normal;
font-weight: 700;
white-space: nowrap;
}
.abqcp-proposal-terms-clean {
color: var(--mid);
font-size: 13px;
line-height: 1.75;
padding: 14px 15px;
}
.abqcp-proposal-card-clean .abqcp-proposal-actions {
margin-top: 16px;
}
@media (max-width: 760px) {
.abqcp-proposal-clean-header .abqcp-proposal-totals { width: 100%; min-width: 0; }
.abqcp-proposal-approval-note { flex-direction: column; gap: 2px; }
.abqcp-proposal-approval-note strong { white-space: normal; }
.abqcp-proposal-line-item { flex-direction: column; gap: 5px; }
.abqcp-proposal-line-item em { white-space: normal; }
} .abqcp-tab-intro {
margin: -6px 0 18px;
color: var(--muted,#8b8498);
font-size: 13px;
line-height: 1.6;
}
.abqcp-invoices-tab h2,
.abqcp-tab-content h2 {
letter-spacing: -0.03em;
}
.abqcp-invoice-focus-card {
display: flex;
justify-content: space-between;
gap: 22px;
align-items: center;
background: linear-gradient(135deg,#170d24 0%,#5B2C6F 62%,#764ba2 100%);
color: #fff;
border-radius: 18px;
padding: 26px 30px;
margin: 18px 0 18px;
box-shadow: 0 18px 42px rgba(91,44,111,.20);
border: 1px solid rgba(255,255,255,.16);
}
.abqcp-invoice-focus-card strong {
display: block;
font-size: 38px;
line-height: 1;
letter-spacing: -.04em;
color: #f7cf4a;
margin: 6px 0 7px;
}
.abqcp-invoice-focus-card p {
margin: 0;
color: rgba(255,255,255,.82);
font-size: 13px;
line-height: 1.5;
}
.abqcp-invoice-focus-card .abqcp-card-label {
color: rgba(255,255,255,.70);
}
.abqcp-invoice-focus-card.is-current strong { color: #86efac; }
.abqcp-invoice-focus-actions {
display: flex;
flex-direction: column;
gap: 9px;
align-items: flex-end;
min-width: 220px;
}
.abqcp-invoice-focus-actions .abqcp-primary-btn {
background: #fff !important;
color: #5B2C6F !important;
box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.abqcp-invoice-focus-actions span {
font-size: 12px;
color: rgba(255,255,255,.74);
text-align: right;
}
.abqcp-invoice-mini-stats {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 14px;
margin: 0 0 22px;
}
.abqcp-invoice-list-section .abqcp-section-title {
margin-bottom: 12px;
}
.abqcp-invoice-list-clean {
display: grid;
gap: 10px;
}
.abqcp-invoice-row {
border-radius: 14px;
background: #fff;
border: 1px solid var(--border,#ece8f5);
padding: 16px 18px;
transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.abqcp-invoice-row.is-open {
border-left: 5px solid var(--red,#ef4444);
background: linear-gradient(90deg,#fff9f9 0%,#fff 38%);
}
.abqcp-invoice-row.is-paid {
opacity: .88;
}
.abqcp-invoice-row:hover {
transform: translateY(-1px);
box-shadow: 0 8px 22px rgba(91,44,111,.08);
}
.abqcp-invoice-chip {
display: inline-flex;
align-items: center;
font-size: 11px;
font-weight: 800;
background: #ede9fe;
color: #5B2C6F;
border-radius: 20px;
padding: 2px 9px;
margin-left: 6px;
vertical-align: middle;
}
.abqcp-invoice-actions {
gap: 8px;
}
.abqcp-invoice-amount {
font-size: 17px !important;
letter-spacing: -.02em;
}
.abqcp-invoice-amount.due { color: var(--red,#ef4444); }
.abqcp-invoice-amount.paid { color: var(--green,#22c55e); }
.abqcp-small-pay-btn {
padding: 7px 12px !important;
font-size: 12px !important;
border-radius: 9px !important;
}
.abqcp-invoice-help-card p {
font-size: 12px;
color: #8f889e;
margin: 0;
}
.abqcp-payment-panel {
border-left: 5px solid #5B2C6F !important;
background: #fff;
}
.abqcp-payment-grid {
align-items: stretch;
}
.abqcp-payment-option {
min-height: 112px;
justify-content: flex-start;
}
.abqcp-payment-option span {
text-decoration: none !important;
}
.abqcp-payment-option b {
text-decoration: none !important;
}
.abqcp-pay-now-btn {
margin-top: auto !important;
width: fit-content;
}
.abqcp-proposals-focus-section {
border: 1px solid rgba(91,44,111,.12);
box-shadow: 0 14px 36px rgba(91,44,111,.08);
}
.abqcp-proposal-card-clean {
background: linear-gradient(180deg,#fff 0%,#fff 72%,#fbf8ff 100%);
border-left: 0 !important;
padding: 24px !important;
}
.abqcp-proposal-clean-header {
display: grid !important;
grid-template-columns: minmax(0,1fr) minmax(210px,250px);
gap: 18px;
align-items: stretch !important;
}
.abqcp-proposal-title {
display: block;
font-size: 18px;
line-height: 1.25;
margin-bottom: 6px;
}
.abqcp-proposal-clean-header .abqcp-proposal-totals {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center !important;
padding: 16px 18px !important;
min-width: 0 !important;
}
.abqcp-proposal-clean-header .abqcp-proposal-amount {
font-size: 27px !important;
line-height: 1.05;
white-space: nowrap;
}
.abqcp-proposal-approval-note {
background: #fffaf0 !important;
border-color: #fde68a !important;
color: #713f12 !important;
}
.abqcp-proposal-approval-note strong {
color: #713f12 !important;
}
.abqcp-proposal-detail summary {
display: flex;
justify-content: space-between;
align-items: center;
}
.abqcp-proposal-detail summary::after {
float: none !important;
margin-left: 10px;
}
.abqcp-proposal-card-clean .abqcp-proposal-actions {
padding-top: 16px;
border-top: 1px solid var(--border,#ece8f5);
}
@media (max-width: 760px) {
.abqcp-invoice-focus-card { flex-direction: column; align-items: flex-start; padding: 22px; }
.abqcp-invoice-focus-actions { align-items: flex-start; min-width: 0; width: 100%; }
.abqcp-invoice-focus-actions span { text-align: left; }
.abqcp-invoice-mini-stats { grid-template-columns: 1fr; }
.abqcp-invoice-row { flex-direction: column; align-items: flex-start; }
.abqcp-invoice-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
.abqcp-proposal-clean-header { grid-template-columns: 1fr; }
.abqcp-proposal-clean-header .abqcp-proposal-totals { text-align: left !important; align-items: flex-start; }
} .abqcp-client-snapshot {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 14px;
margin: 0 0 14px;
}
.abqcp-snapshot-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--r);
padding: 18px 20px;
box-shadow: var(--sh);
position: relative;
overflow: hidden;
}
.abqcp-snapshot-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg,var(--p),var(--p2));
}
.abqcp-snapshot-card .abqcp-card-number {
font-size: 28px;
}
.abqcp-snapshot-card .abqcp-card-sub,
.abqcp-snapshot-card a.abqcp-card-sub {
text-decoration: none;
}
.abqcp-snapshot-card a.abqcp-card-sub:hover { text-decoration: underline; }
.abqcp-snapshot-due .abqcp-card-number { color: #ef4444; }
.abqcp-snapshot-clear .abqcp-card-number { color: #22c55e; }
.abqcp-quick-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin: 0 0 22px;
}
.abqcp-quick-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 9px 15px;
border-radius: 999px;
background: #fff;
border: 1px solid var(--border);
color: var(--p);
font-size: 12px;
font-weight: 800;
text-decoration: none;
box-shadow: 0 6px 18px rgba(91,44,111,.06);
}
.abqcp-quick-actions a:hover {
background: var(--p3);
border-color: rgba(91,44,111,.25);
}
.abqcp-activity-section .abqcp-activity-row:nth-child(n+4) { display: none; } .abqcp-tab-intro {
margin-top: -8px;
color: var(--muted);
font-size: 13px;
line-height: 1.6;
}
.abqcp-document-upload-box {
border-left: 4px solid var(--p);
background: linear-gradient(180deg,#fff 0%,#fbf9ff 100%);
}
.abqcp-upload-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
border-bottom: 1px solid var(--border);
padding-bottom: 16px;
margin-bottom: 18px;
}
.abqcp-upload-head .abqcp-section-title {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 6px;
}
.abqcp-upload-head p {
margin: 0;
color: var(--muted);
font-size: 13px;
line-height: 1.6;
}
.abqcp-upload-pill {
display: inline-flex;
align-items: center;
padding: 7px 11px;
border-radius: 999px;
background: var(--p3);
color: var(--p);
font-size: 11px;
font-weight: 800;
white-space: nowrap;
border: 1px solid rgba(91,44,111,.12);
}
.abqcp-portal-upload-form {
display: block;
}
.abqcp-upload-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 14px;
}
.abqcp-portal-upload-form label {
display: block;
color: var(--text);
font-size: 13px;
font-weight: 700;
}
.abqcp-portal-upload-form label > span {
display: block;
margin-bottom: 7px;
color: var(--text);
}
.abqcp-portal-upload-form input[type="text"],
.abqcp-portal-upload-form input[type="file"],
.abqcp-portal-upload-form select,
.abqcp-portal-upload-form textarea {
width: 100%;
min-height: 43px;
border: 1px solid var(--border);
border-radius: 10px;
background: #fff;
color: var(--text);
padding: 10px 12px;
font-size: 13px;
font-family: var(--font);
box-shadow: inset 0 1px 2px rgba(91,44,111,.04);
}
.abqcp-portal-upload-form input[type="file"] {
padding: 9px 12px;
}
.abqcp-portal-upload-form textarea {
min-height: 76px;
resize: vertical;
}
.abqcp-upload-submit {
margin-top: 14px !important;
min-width: 150px;
}
.abqcp-document-upload-box + .abqcp-empty-state,
.abqcp-document-upload-box + .abqcp-empty-msg {
margin-top: 18px;
}
@media (max-width: 900px) {
.abqcp-client-snapshot { grid-template-columns: repeat(2, minmax(0,1fr)); }
.abqcp-upload-grid { grid-template-columns: 1fr; }
.abqcp-upload-head { flex-direction: column; }
.abqcp-upload-pill { white-space: normal; }
}
@media (max-width: 560px) {
.abqcp-client-snapshot { grid-template-columns: 1fr; }
.abqcp-quick-actions a { width: 100%; }
} .abqcp-dashboard-summary.abqcp-summary-cards{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
margin:0 0 16px!important;
}
.abqcp-dashboard-summary .abqcp-summary-card{
min-height:110px;
}
.abqcp-dashboard-due .abqcp-card-number{color:#ef4444!important;}
.abqcp-dashboard-clear .abqcp-card-number{color:#16a34a!important;}
.abqcp-dashboard-actions{
justify-content:flex-start!important;
margin:0 0 24px!important;
}
.abqcp-dashboard-actions a{
text-decoration:none!important;
}
.abqcp-activity-section{display:none!important;}
@media(max-width:900px){.abqcp-dashboard-summary.abqcp-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:620px){.abqcp-dashboard-summary.abqcp-summary-cards{grid-template-columns:1fr!important;}.abqcp-dashboard-actions a{width:100%;}} .abqcp-login-panel{background:#fff;border:1px solid #ece8f5;border-radius:14px;padding:16px;margin:0 0 16px;box-shadow:0 8px 22px rgba(91,44,111,.05)}
.abqcp-login-panel-primary{border-top:4px solid var(--p,#5B2C6F)}
.abqcp-login-helper{font-size:12px;color:#7c728e;text-align:center;margin:12px 0 0;line-height:1.55}
.abqcp-login-helper a{color:var(--p,#5B2C6F);font-weight:800;text-decoration:none}
.abqcp-login-helper a:hover{text-decoration:underline}
.abqcp-login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#a19aad;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.abqcp-login-divider:before,.abqcp-login-divider:after{content:"";height:1px;background:#ece8f5;flex:1}
.abqcp-login-divider span{background:#fff;padding:0 4px}
.abqcp-login-alt{border:1px solid #ece8f5;border-radius:14px;background:#fbfaff;margin:0 0 18px;overflow:hidden}
.abqcp-login-alt summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:13px;font-weight:900;color:var(--p,#5B2C6F);display:flex;align-items:center;justify-content:space-between;gap:10px}
.abqcp-login-alt summary::-webkit-details-marker{display:none}
.abqcp-login-alt summary:after{content:"+";font-size:18px;line-height:1;color:#9a8ca8}
.abqcp-login-alt[open] summary:after{content:"−"}
.abqcp-login-alt-body{border-top:1px solid #ece8f5;padding:16px;background:#fff}
.abqcp-login-btn-secondary{background:linear-gradient(135deg,#4a4260,#5B2C6F)!important}
@media(max-width:700px){.abqcp-login-panel,.abqcp-login-alt-body{padding:14px}.abqcp-login-alt summary{padding:13px 14px}} .abqcp-client-login-pill{
display:inline-flex;
align-items:center;
justify-content:center;
max-width:100%;
margin:0 auto 12px;
padding:7px 12px;
border-radius:999px;
background:#f5f0f9;
color:#5B2C6F;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.abqcp-login-purpose{
background:#fff;
border:1px solid #ece8f5;
border-left:4px solid #D4AF37;
border-radius:10px;
padding:12px 14px;
margin:0 0 16px;
color:#4a4260;
line-height:1.5;
box-shadow:0 6px 18px rgba(15,10,30,.05);
}
.abqcp-login-purpose strong{display:block;color:#2d2038;font-size:13px;margin-bottom:3px}
.abqcp-login-purpose span{display:block;font-size:12px;color:#6b627c}
.abqcp-remember-row{
display:flex;
align-items:center;
gap:8px;
margin:4px 0 10px;
font-size:13px;
color:#5f566e;
cursor:pointer;
user-select:none;
}
.abqcp-remember-row input{width:auto;margin:0;accent-color:#5B2C6F}
.abqcp-first-time-box{
margin:14px 0 0;
padding:14px;
border-radius:10px;
background:#f8f6fb;
border:1px solid #ece8f5;
color:#4a4260;
line-height:1.55;
}
.abqcp-first-time-box strong{display:block;color:#2d2038;font-size:14px;margin-bottom:3px}
.abqcp-first-time-box p{margin:0 0 8px;font-size:12px;color:#6b627c}
.abqcp-first-time-box a{color:#5B2C6F;font-weight:800;text-decoration:none;font-size:13px}
.abqcp-first-time-box a:hover{text-decoration:underline} .abqcp-sales-preview{display:grid;gap:22px;margin:0 auto;max-width:1120px;box-sizing:border-box}
.abqcp-sales-card{background:#fff;border:1px solid rgba(91,44,111,.12);border-radius:20px;box-shadow:0 14px 38px rgba(27,9,43,.08);padding:24px;box-sizing:border-box}
.abqcp-sales-card-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:28px;overflow:hidden;position:relative}
.abqcp-sales-card-main:before{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(91,44,111,.16),rgba(91,44,111,0) 68%)}
.abqcp-sales-eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(91,44,111,.18);background:#f8f3fb;color:#5B2C6F;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.abqcp-sales-preview h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 12px;color:#2d0b3d;letter-spacing:-.04em}
.abqcp-sales-preview h3{font-size:17px;margin:10px 0 8px;color:#2d0b3d}
.abqcp-sales-preview p{margin:0;color:#5f5568;line-height:1.65;font-size:15px}
.abqcp-sales-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.abqcp-sales-primary,.abqcp-sales-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none!important;font-size:14px}.abqcp-sales-primary{background:#5B2C6F;color:#fff!important;box-shadow:0 12px 24px rgba(91,44,111,.22)}.abqcp-sales-secondary{background:#fff;color:#5B2C6F!important;border:1px solid rgba(91,44,111,.26)}.abqcp-sales-primary:hover,.abqcp-sales-secondary:hover{transform:translateY(-1px)}
.abqcp-sales-mini-app{position:relative;background:linear-gradient(180deg,#fbfaff,#f1ebf8);border:1px solid rgba(91,44,111,.12);border-radius:22px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.abqcp-sales-mini-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#2d0b3d}.abqcp-sales-mini-top span{width:34px;height:34px;border-radius:50%;background:#5B2C6F;box-shadow:inset 0 0 0 8px rgba(255,255,255,.18)}.abqcp-sales-mini-welcome{background:linear-gradient(135deg,#5B2C6F,#7d4aa5);color:#fff;border-radius:16px;padding:18px;margin-bottom:12px;font-weight:900}.abqcp-sales-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.abqcp-sales-mini-grid div{background:#fff;border:1px solid rgba(91,44,111,.1);border-radius:14px;padding:12px}.abqcp-sales-mini-grid b{display:block;color:#5B2C6F;font-size:20px}.abqcp-sales-mini-grid span{display:block;color:#74677e;font-size:11px;line-height:1.25}.abqcp-sales-mini-progress{height:10px;border-radius:99px;background:#e7dff0;margin:16px 0 10px;overflow:hidden}.abqcp-sales-mini-progress i{display:block;height:100%;background:#5B2C6F;border-radius:99px}.abqcp-sales-mini-app small{color:#6b6174;font-weight:700}
.abqcp-sales-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.abqcp-sales-grid .abqcp-sales-card{padding:20px}.abqcp-sales-grid .abqcp-sales-card>span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:#f8f3fb;border-radius:13px;margin-bottom:4px}.abqcp-sales-grid p{font-size:13.5px;line-height:1.55}.abqcp-sales-note{display:flex;gap:10px;align-items:flex-start;background:#fff8e8;border:1px solid #ecd28b;color:#3b2d10;border-radius:18px;padding:16px 18px;box-shadow:0 10px 24px rgba(90,68,10,.06)}.abqcp-sales-note strong{white-space:nowrap;color:#2d0b3d}.abqcp-sales-note span{line-height:1.55;color:#59481f}
@media(max-width:900px){.abqcp-sales-card-main{grid-template-columns:1fr}.abqcp-sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.abqcp-sales-card{padding:18px;border-radius:16px}.abqcp-sales-grid{grid-template-columns:1fr}.abqcp-sales-mini-grid{grid-template-columns:1fr}.abqcp-sales-note{flex-direction:column}.abqcp-sales-actions a{width:100%}} .abqcp-admin-preview-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 52px;box-sizing:border-box;color:#251231;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.abqcp-admin-preview-hero{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:24px;align-items:center;background:linear-gradient(135deg,#3d1550 0%,#6f3290 58%,#8b5fb0 100%);border-radius:28px;padding:34px;box-shadow:0 24px 60px rgba(61,21,80,.22);color:#fff;position:relative;overflow:hidden}.abqcp-admin-preview-hero:before{content:"";position:absolute;inset:-140px -80px auto auto;width:340px;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%)}
.abqcp-preview-eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(91,44,111,.18);background:#f8f3fb;color:#5B2C6F;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.abqcp-admin-preview-hero .abqcp-preview-eyebrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);color:#fff}.abqcp-admin-preview-hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.045em;color:#fff}.abqcp-admin-preview-hero p{margin:0;max-width:660px;color:rgba(255,255,255,.82);line-height:1.65;font-size:15px}.abqcp-preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.abqcp-preview-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:13px}.abqcp-preview-btn.primary{background:#fff;color:#5B2C6F!important}.abqcp-preview-btn:hover{transform:translateY(-1px)}
.abqcp-preview-mini{position:relative;background:#fff;color:#261333;border-radius:22px;padding:18px;box-shadow:0 18px 40px rgba(20,5,35,.22)}.abqcp-preview-mini-top{display:flex;gap:6px;margin-bottom:16px}.abqcp-preview-mini-top span{width:9px;height:9px;border-radius:999px;background:#d8c6e6}.abqcp-preview-mini strong{display:block;font-size:18px;margin-bottom:14px;color:#2d0b3d}.abqcp-preview-mini-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #eee7f6}.abqcp-preview-mini-row b{font-size:13px}.abqcp-preview-mini-row em{font-style:normal;background:#f3e8ff;color:#5B2C6F;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.abqcp-preview-mini-track{height:10px;border-radius:999px;background:#eee7f6;margin:14px 0 10px;overflow:hidden}.abqcp-preview-mini-track i{display:block;width:70%;height:100%;border-radius:999px;background:#C4A747}.abqcp-preview-mini small{color:#75667f;font-weight:700}.abqcp-preview-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.abqcp-preview-stat-grid div,.abqcp-preview-route-grid article,.abqcp-preview-client-panel{background:#fff;border:1px solid rgba(91,44,111,.12);box-shadow:0 14px 32px rgba(32,10,50,.07);border-radius:20px;box-sizing:border-box}.abqcp-preview-stat-grid div{padding:20px}.abqcp-preview-stat-grid span{display:block;color:#7c718f;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.abqcp-preview-stat-grid strong{display:block;color:#5B2C6F;font-size:34px;line-height:1;margin-top:10px}.abqcp-preview-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.abqcp-preview-route-grid article{padding:22px}.abqcp-preview-route-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:#f7f1fb;border-radius:14px;margin-bottom:8px}.abqcp-preview-route-grid h2,.abqcp-preview-panel-head h2{margin:0 0 8px;color:#2d0b3d;font-size:20px;letter-spacing:-.02em}.abqcp-preview-route-grid p,.abqcp-preview-panel-head p{margin:0;color:#6f6478;line-height:1.55;font-size:13px}.abqcp-preview-route-grid code{display:block;margin:14px 0;background:#0f0a1e;color:#fff;border-radius:10px;padding:9px 11px;font-size:12px}.abqcp-preview-route-grid a,.abqcp-preview-panel-head a,.abqcp-preview-row-actions a{color:#5B2C6F!important;font-weight:900;text-decoration:none!important}.abqcp-preview-client-panel{padding:22px}.abqcp-preview-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #eee7f6;padding-bottom:18px;margin-bottom:6px}.abqcp-preview-client-list{display:grid}.abqcp-preview-client-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #f0eaf6}.abqcp-preview-client-row:last-child{border-bottom:0}.abqcp-preview-client-row strong{display:block;color:#21122d;font-size:15px}.abqcp-preview-client-row span{display:block;color:#8a7c94;font-size:12px;margin-top:3px}.abqcp-preview-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.abqcp-preview-row-actions em{font-style:normal;background:#e8fff1;color:#15803d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.abqcp-preview-row-actions em.muted{background:#f5f0f8;color:#8b7a97}.abqcp-preview-row-actions a{border:1px solid rgba(91,44,111,.18);border-radius:999px;padding:7px 11px;font-size:12px;background:#fff}.abqcp-preview-empty{padding:18px;color:#7c718f}
.abqcp-sales-preview-v2{max-width:1180px}.abqcp-sales-hero-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:28px;align-items:center;background:linear-gradient(135deg,#fff 0%,#fbf8ff 52%,#f2e9f8 100%);border:1px solid rgba(91,44,111,.12);box-shadow:0 18px 50px rgba(27,9,43,.09);border-radius:28px;padding:34px;position:relative;overflow:hidden}.abqcp-sales-hero-v2:before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(196,167,71,.24),rgba(196,167,71,0) 70%)}.abqcp-sales-copy-v2{position:relative}.abqcp-sales-copy-v2 h2{font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.055em;margin:0 0 14px;color:#2d0b3d}.abqcp-sales-copy-v2 p{font-size:16px;max-width:650px}.abqcp-sales-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.abqcp-sales-trust-row span{display:inline-flex;background:#fff;border:1px solid rgba(91,44,111,.13);border-radius:999px;padding:8px 11px;color:#5a4d64;font-size:12px;font-weight:800}.abqcp-sales-browser-v2{position:relative;background:#fff;border:1px solid rgba(91,44,111,.12);border-radius:24px;padding:18px;box-shadow:0 18px 42px rgba(39,11,58,.13)}.abqcp-sales-browser-top{display:flex;align-items:center;gap:7px;border-bottom:1px solid #eee7f6;padding-bottom:12px;margin-bottom:14px}.abqcp-sales-browser-top span{width:9px;height:9px;border-radius:999px;background:#d7c8e6}.abqcp-sales-browser-top strong{margin-left:auto;color:#5B2C6F;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.abqcp-sales-browser-welcome{display:flex;justify-content:space-between;gap:12px;align-items:center;background:linear-gradient(135deg,#5B2C6F,#7d4aa5);border-radius:18px;color:#fff;padding:18px;margin-bottom:12px}.abqcp-sales-browser-welcome small{display:block;color:rgba(255,255,255,.75);font-size:11px}.abqcp-sales-browser-welcome b{display:block;font-size:18px}.abqcp-sales-browser-welcome em{font-style:normal;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.abqcp-sales-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.abqcp-sales-browser-cards div{background:#fbf8ff;border:1px solid #eee7f6;border-radius:14px;padding:12px}.abqcp-sales-browser-cards b{display:block;color:#5B2C6F;font-size:22px}.abqcp-sales-browser-cards span{display:block;color:#74677e;font-size:11px;line-height:1.25}.abqcp-sales-browser-project{border:1px solid #eee7f6;border-radius:16px;padding:14px;margin-bottom:12px}.abqcp-sales-browser-project>div:first-child{display:flex;justify-content:space-between;gap:12px}.abqcp-sales-browser-project strong{color:#24122f}.abqcp-sales-browser-project span{color:#15803d;background:#eafff1;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.abqcp-sales-browser-track{height:10px;background:#ede5f4;border-radius:999px;margin:12px 0 8px;overflow:hidden}.abqcp-sales-browser-track i{display:block;height:100%;background:#C4A747;border-radius:999px}.abqcp-sales-browser-project small,.abqcp-sales-browser-list span{color:#7b7085;font-size:11px}.abqcp-sales-browser-list{display:grid;gap:7px}.abqcp-sales-browser-list span{background:#f9f6fc;border-radius:10px;padding:8px 10px;font-weight:700}.abqcp-sales-section-heading{text-align:center;margin:30px auto 8px;max-width:720px}.abqcp-sales-section-heading h3{font-size:30px;line-height:1.08;margin:0;color:#2d0b3d;letter-spacing:-.035em}.abqcp-sales-flow-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.abqcp-sales-flow-v2 div{background:#fff;border:1px solid rgba(91,44,111,.12);border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(27,9,43,.06)}.abqcp-sales-flow-v2 b{display:inline-flex;width:34px;height:34px;border-radius:999px;background:#5B2C6F;color:#fff;align-items:center;justify-content:center;margin-bottom:12px}.abqcp-sales-flow-v2 strong{display:block;color:#2d0b3d;font-size:16px;margin-bottom:5px}.abqcp-sales-flow-v2 span{display:block;color:#6f6478;font-size:13px;line-height:1.55}.abqcp-sales-note-v2{margin-top:2px}
@media(max-width:920px){.abqcp-admin-preview-hero,.abqcp-sales-hero-v2{grid-template-columns:1fr}.abqcp-preview-stat-grid,.abqcp-preview-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abqcp-sales-flow-v2{grid-template-columns:1fr}}
@media(max-width:640px){.abqcp-admin-preview-shell{width:min(100% - 24px,1180px);padding-top:18px}.abqcp-admin-preview-hero,.abqcp-sales-hero-v2{padding:22px;border-radius:20px}.abqcp-preview-stat-grid,.abqcp-preview-route-grid{grid-template-columns:1fr}.abqcp-preview-panel-head,.abqcp-preview-client-row{flex-direction:column;align-items:flex-start}.abqcp-preview-row-actions{justify-content:flex-start}.abqcp-sales-browser-cards{grid-template-columns:1fr}.abqcp-sales-copy-v2 h2{font-size:36px}}
.abqcp-care-plan-card{display:flex;justify-content:space-between;gap:20px;align-items:stretch;background:linear-gradient(135deg,#fff,#f7f2fb);border:1px solid #ded1ea;border-radius:18px;padding:22px;margin:0 0 22px;box-shadow:0 14px 40px rgba(91,44,111,.10)}.abqcp-care-plan-main{min-width:0;flex:1}.abqcp-care-plan-main h3{margin:4px 0 8px;font-size:24px;color:var(--text,#1a1228)}.abqcp-care-plan-main p{margin:0;color:var(--mid,#4a4260);font-size:14px;line-height:1.6;max-width:720px}.abqcp-care-plan-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.abqcp-care-plan-meta span{background:#fff;border:1px solid #ece8f5;border-radius:999px;padding:8px 12px;font-size:13px;color:#4a4260}.abqcp-care-plan-meta span strong{color:#5B2C6F;font-size:16px}.abqcp-care-plan-meta em{font-style:normal;font-size:12px;color:#7c728e}.abqcp-care-plan-side{width:235px;background:#fff;border:1px solid #ece8f5;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.abqcp-care-plan-side p{margin:0;color:#4a4260;font-size:13px;line-height:1.45}.abqcp-care-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.abqcp-care-status-pending{background:#fff8e1;color:#8a5a00;border:1px solid #f6d365}.abqcp-care-status-active{background:#dcfce7;color:#166534;border:1px solid #86efac}.abqcp-care-status-cancelled{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.abqcp-care-status-manual_review{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc}.abqcp-care-plan-dates{display:grid;gap:4px;border-top:1px solid #f1edf7;padding-top:8px;width:100%}.abqcp-care-plan-dates small{font-size:11px;color:#7c728e}.abqcp-care-plan-side .abqcp-primary-btn{text-decoration:none!important;margin-top:auto;width:100%;justify-content:center;text-align:center}@media(max-width:760px){.abqcp-care-plan-card{flex-direction:column}.abqcp-care-plan-side{width:auto}.abqcp-care-plan-main h3{font-size:20px}} .abqcp-login-panel-title{margin:0 0 10px;color:#2d2038;font-size:17px;font-weight:900;letter-spacing:-.02em}.abqcp-login-panel-copy{margin:0 0 16px;color:#6b627c;font-size:13px;line-height:1.6}.abqcp-login-recovery-card{background:#fff8e8;border:1px solid #ecd28b;border-left:5px solid #C9A84C;border-radius:14px;padding:16px;margin:0 0 16px;box-shadow:0 10px 24px rgba(90,68,10,.06)}.abqcp-login-recovery-card strong{display:block;color:#2d2038;font-size:15px;margin-bottom:5px}.abqcp-login-recovery-card p{margin:0 0 12px;color:#5d4b1d;font-size:13px;line-height:1.55}.abqcp-first-time-featured{border-left:4px solid #5B2C6F;background:#fff;box-shadow:0 8px 22px rgba(91,44,111,.06)}.abqcp-first-time-actions{display:flex;gap:10px;flex-wrap:wrap}.abqcp-first-time-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2d7ee;border-radius:999px;padding:8px 11px;background:#fff;font-size:12px}.abqcp-first-time-actions a:first-child{background:#5B2C6F;color:#fff!important;border-color:#5B2C6F}.abqcp-login-success{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:12px 16px;font-size:13px;color:#166534;margin-bottom:16px;line-height:1.55}.abqcp-login-success strong{color:#14532d}@media(max-width:520px){.abqcp-first-time-actions a{width:100%}} .abqcp-monthly-billing-note{
border-left:5px solid #5B2C6F;
background:linear-gradient(135deg,#fff,#fbf8ff);
}
.abqcp-monthly-billing-note h3{margin:4px 0 8px;color:var(--text,#1a1228);font-size:22px}
.abqcp-monthly-billing-note p{color:var(--mid,#4a4260);line-height:1.6}
.abqcp-monthly-billing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.abqcp-monthly-billing-grid div{background:#fff;border:1px solid #ece8f5;border-radius:14px;padding:14px;box-shadow:0 8px 20px rgba(91,44,111,.05)}
.abqcp-monthly-billing-grid strong{display:block;color:#5B2C6F;font-size:18px;line-height:1.15;margin-bottom:4px}
.abqcp-monthly-billing-grid span{display:block;color:#7c728e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.abqcp-monthly-billing-action{margin-top:14px!important;background:#fff8e1;border:1px solid #f6d365;border-radius:12px;padding:11px 13px;color:#5f4200!important}
.abqcp-monthly-billing-action a{color:#5B2C6F!important;font-weight:900;text-decoration:none!important}
@media(max-width:900px){.abqcp-monthly-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.abqcp-monthly-billing-grid{grid-template-columns:1fr}} .abqcp-install-app-card{
margin:0 0 18px;
border:1px solid #e7ddec;
border-radius:16px;
background:linear-gradient(135deg,#fff,#fbf8ff);
box-shadow:0 8px 22px rgba(91,44,111,.06);
overflow:hidden;
}
.abqcp-install-app-card summary{
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
gap:12px;
padding:14px 16px;
color:#2d2038;
}
.abqcp-install-app-card summary::-webkit-details-marker{display:none}
.abqcp-install-app-card summary:after{
content:"+";
margin-left:auto;
color:#9a8ca8;
font-size:20px;
font-weight:800;
line-height:1;
}
.abqcp-install-app-card[open] summary:after{content:"−"}
.abqcp-install-app-icon{
width:38px;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:#f3eefa;
flex:0 0 auto;
font-size:20px;
}
.abqcp-install-app-card summary strong{
display:block;
font-size:14px;
font-weight:900;
color:#2d2038;
line-height:1.2;
}
.abqcp-install-app-card summary em{
display:block;
margin-top:3px;
font-style:normal;
font-size:12px;
color:#6b627c;
line-height:1.35;
}
.abqcp-install-app-body{
border-top:1px solid #ece8f5;
padding:15px 16px 16px;
background:#fff;
}
.abqcp-install-app-body p{
margin:0 0 12px;
color:#5f5870;
font-size:13px;
line-height:1.55;
}
.abqcp-install-app-steps{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 13px;
}
.abqcp-install-app-steps div{
border:1px solid #eee8f5;
border-radius:12px;
background:#fbfaff;
padding:10px 12px;
}
.abqcp-install-step-desktop{grid-column:1/-1}
.abqcp-install-app-card[data-install-platform="ios"] .abqcp-install-step-android,
.abqcp-install-app-card[data-install-platform="ios"] .abqcp-install-step-desktop,
.abqcp-install-app-card[data-install-platform="android"] .abqcp-install-step-ios,
.abqcp-install-app-card[data-install-platform="android"] .abqcp-install-step-desktop{
display:none;
}
.abqcp-install-app-card[data-install-platform="ios"] .abqcp-install-app-steps,
.abqcp-install-app-card[data-install-platform="android"] .abqcp-install-app-steps{
grid-template-columns:1fr;
}
.abqcp-install-app-card[data-install-platform="desktop"] .abqcp-install-step-ios,
.abqcp-install-app-card[data-install-platform="desktop"] .abqcp-install-step-android{
display:block;
}
.abqcp-install-app-steps strong{
display:block;
color:#2d2038;
font-size:12px;
margin-bottom:2px;
}
.abqcp-install-app-steps span{
display:block;
color:#6b627c;
font-size:12px;
line-height:1.45;
}
.abqcp-install-app-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}
.abqcp-install-app-actions button,
.abqcp-install-app-actions a{
appearance:none;
border:1px solid #5B2C6F;
border-radius:999px;
padding:9px 13px;
font-size:12px;
font-weight:900;
text-decoration:none!important;
line-height:1;
cursor:pointer;
}
.abqcp-install-app-actions button{
background:#5B2C6F;
color:#fff;
}
.abqcp-install-app-actions a{
background:#fff;
color:#5B2C6F!important;
}
.abqcp-install-app-note{
display:block;
margin-top:11px;
color:#887d98;
font-size:11px;
}
.abqcp-install-app-compact{
margin:14px 0 20px;
}
.abqcp-portal .abqcp-install-app-compact summary{
padding:12px 14px;
}
.abqcp-portal .abqcp-install-app-compact .abqcp-install-app-body{
padding:14px;
}
@media(min-width:900px){
.abqcp-login-box{max-width:600px}
}
@media(max-width:620px){
.abqcp-login-wrap{padding:24px 14px;place-items:start center}
.abqcp-login-box{max-width:100%;padding:38px 22px;border-radius:20px}
.abqcp-install-app-steps{grid-template-columns:1fr}
.abqcp-install-step-desktop{grid-column:auto}
}
@media(max-width:520px){
.abqcp-install-app-card summary{align-items:flex-start;padding:13px 14px}
.abqcp-install-app-actions button,.abqcp-install-app-actions a{width:100%;text-align:center;justify-content:center}
} .abqcp-login-site-link{
position:absolute;
top:22px;
left:24px;
z-index:2;
display:inline-flex;
align-items:center;
gap:6px;
border:1px solid rgba(255,255,255,.24);
border-radius:999px;
background:rgba(255,255,255,.10);
color:#fff!important;
text-decoration:none!important;
padding:9px 13px;
font-size:12px;
font-weight:800;
letter-spacing:.01em;
backdrop-filter:blur(10px);
box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.abqcp-login-site-link:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.abqcp-portal-logo{text-decoration:none!important;border:0!important;}
.abqcp-main-site-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:7px 14px;
border-radius:999px;
background:#fff!important;
border:1px solid rgba(91,44,111,.18)!important;
color:var(--p,#5B2C6F)!important;
box-shadow:0 2px 10px rgba(91,44,111,.08)!important;
font-size:12px;
font-weight:800;
text-decoration:none!important;
white-space:nowrap;
}
.abqcp-main-site-btn:hover{background:#f7f1fb!important;color:var(--p2,#4a1259)!important;transform:translateY(-1px)}
@media(max-width:700px){
.abqcp-login-site-link{position:relative;top:auto;left:auto;margin:0 0 14px;justify-self:start;align-self:start}
.abqcp-portal-user{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.abqcp-main-site-btn{padding:7px 11px;font-size:11px}
}
@media(max-width:520px){
.abqcp-login-site-link{margin-left:2px}
.abqcp-portal-company,.abqcp-portal-greeting{display:none}
} .abqcp-care-plan-card{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:minmax(0,1fr) 260px;
gap:22px;
align-items:stretch;
background:linear-gradient(135deg,#ffffff 0%,#fbf8ff 58%,#f4edfb 100%);
border:1px solid #e3d7ee;
border-top:4px solid #6f3a91;
border-radius:20px;
padding:24px;
box-shadow:0 18px 45px rgba(55,27,82,.10);
}
.abqcp-care-plan-card:before{
content:"";
position:absolute;
inset:auto -80px -120px auto;
width:260px;
height:260px;
border-radius:999px;
background:radial-gradient(circle,rgba(111,58,145,.12),rgba(111,58,145,0) 68%);
pointer-events:none;
}
.abqcp-care-plan-main,.abqcp-care-plan-side{position:relative;z-index:1}
.abqcp-care-plan-main h3{font-size:25px;letter-spacing:-.02em;margin:5px 0 10px;color:#1a1228}
.abqcp-care-plan-main p{font-size:14px;line-height:1.65;color:#453a58;max-width:760px}
.abqcp-care-plan-card .abqcp-eyebrow{color:#b88419;letter-spacing:.14em}
.abqcp-care-plan-meta{margin-top:18px;gap:9px}
.abqcp-care-plan-meta span{
background:#fff;
border:1px solid #e7dcef;
border-radius:999px;
padding:9px 14px;
box-shadow:0 8px 20px rgba(55,27,82,.06);
}
.abqcp-care-plan-meta span strong{font-size:18px;color:#5B2C6F}
.abqcp-care-plan-meta em{background:#f8f5fb;border:1px solid #eee6f5;border-radius:999px;padding:8px 12px;color:#64556f}
.abqcp-care-plan-side{
width:auto;
background:rgba(255,255,255,.92);
border:1px solid #e9e1f1;
border-radius:18px;
box-shadow:0 10px 25px rgba(55,27,82,.06);
padding:18px;
}
.abqcp-care-plan-side p{font-size:13px;line-height:1.5;color:#4a4260}
.abqcp-care-plan-dates{gap:7px;border-top:1px solid #f0e9f7;padding-top:11px}
.abqcp-care-plan-dates small{display:block;font-size:12px;line-height:1.4;color:#6f647f}
.abqcp-care-plan-dates small strong{color:#20152d}
.abqcp-care-status-pill{box-shadow:0 6px 16px rgba(22,101,52,.08)}
.abqcp-care-plan-side .abqcp-primary-btn{border-radius:12px;box-shadow:0 10px 24px rgba(91,44,111,.18)}
.abqcp-monthly-billing-note{
border-top:4px solid #6f3a91;
background:linear-gradient(135deg,#fff,#fbf8ff);
}
.abqcp-monthly-billing-grid div{
border-radius:16px;
border:1px solid #eadff2;
background:#fff;
box-shadow:0 8px 22px rgba(55,27,82,.06);
}
.abqcp-client-care-plan-hero{
background:linear-gradient(135deg,#ffffff 0%,#fbf8ff 60%,#f3ecfb 100%);
color:#1a1228;
border:1px solid #e3d7ee;
border-top:4px solid #6f3a91;
box-shadow:0 18px 45px rgba(55,27,82,.10);
}
.abqcp-client-care-plan-hero h3{color:#1a1228}
.abqcp-client-care-plan-hero p{color:#453a58}
.abqcp-client-care-plan-hero .abqcp-maint-price{
background:#fff;
border:1px solid #e7dcef;
color:#1a1228;
box-shadow:0 10px 25px rgba(55,27,82,.07);
}
.abqcp-client-care-plan-hero .abqcp-maint-price strong{color:#5B2C6F}
.abqcp-client-care-plan-hero .abqcp-maint-price small{color:#6b6076}
.abqcp-install-app-card{margin-bottom:16px}
@media(max-width:760px){
.abqcp-care-plan-card{grid-template-columns:1fr;padding:20px}
.abqcp-care-plan-main h3{font-size:21px}
} .abqcp-care-plan-card.abqcp-care-plan-v2{
grid-template-columns:minmax(0,1fr) 280px;
gap:24px;
padding:0;
border:1px solid rgba(91,44,111,.14);
border-top:0;
background:#fff;
box-shadow:0 18px 46px rgba(26,18,40,.08);
}
.abqcp-care-plan-card.abqcp-care-plan-v2:before{
inset:0 auto 0 0;
width:8px;
height:auto;
border-radius:0;
background:linear-gradient(180deg,#5B2C6F,#8a5aa7,#d9b85f);
}
.abqcp-care-plan-card.abqcp-care-plan-v2:after{
content:"";
position:absolute;
top:-80px;
right:-70px;
width:280px;
height:280px;
background:radial-gradient(circle,rgba(91,44,111,.10),rgba(91,44,111,0) 68%);
pointer-events:none;
}
.abqcp-care-plan-v2 .abqcp-care-plan-main{padding:26px 0 26px 30px;}
.abqcp-care-plan-v2 .abqcp-care-plan-side{margin:16px 16px 16px 0;padding:0;gap:12px;border:0;background:transparent;box-shadow:none;}
.abqcp-care-plan-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;}
.abqcp-care-plan-v2 .abqcp-care-plan-main h3{font-size:27px;line-height:1.1;margin:4px 0 0;letter-spacing:-.035em;}
.abqcp-care-plan-v2 .abqcp-care-plan-main p{max-width:760px;font-size:14px;line-height:1.7;color:#463a58;}
.abqcp-care-plan-v2 .abqcp-care-status-pill{flex:0 0 auto;margin-top:2px;background:#e9fbef;color:#166534;border:1px solid #b7efc5;box-shadow:none;}
.abqcp-care-plan-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;}
.abqcp-care-plan-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#f6f1fb;border:1px solid #e7dcef;color:#4b265c;font-size:12px;font-weight:800;line-height:1;}
.abqcp-care-plan-chips span:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#fff;color:#1f9d55;font-size:11px;border:1px solid #d8efdf;}
.abqcp-care-price-box{background:linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%)!important;border:1px solid #e8def1!important;border-radius:18px!important;padding:18px!important;box-shadow:0 12px 28px rgba(26,18,40,.07)!important;text-align:left!important;}
.abqcp-care-price-box > span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8d83a0;font-weight:900;margin-bottom:6px;}
.abqcp-care-price-box strong{display:block;color:#5B2C6F!important;font-size:30px!important;line-height:1.05;letter-spacing:-.04em;}
.abqcp-care-price-box small{display:block;margin-top:7px;color:#64596f!important;font-size:12px;line-height:1.4;}
.abqcp-care-price-box em{display:inline-flex!important;margin-top:12px!important;background:#dcfce7!important;color:#166534!important;border:1px solid #9be7ad!important;box-shadow:none!important;}
.abqcp-care-pay-source{padding-top:9px;border-top:1px solid #eee7f4;}
.abqcp-care-plan-status-list{background:#fff;border:1px solid #eee7f4;border-radius:16px;padding:13px;gap:9px;}
.abqcp-care-plan-status-list small{display:flex!important;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#71667c;}
.abqcp-care-plan-status-list small span{font-weight:900;color:#166534;}
.abqcp-care-plan-status-list small strong{font-weight:900;color:#251735;white-space:nowrap;}
.abqcp-care-plan-v2 .abqcp-primary-btn{min-height:44px;border-radius:14px;font-weight:900;}
.abqcp-client-care-plan-hero-v2{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch!important;gap:24px!important;padding:0!important;overflow:hidden!important;border-top:0!important;background:#fff!important;}
.abqcp-client-care-plan-hero-v2:before{content:"";width:8px;grid-row:1;grid-column:1;position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#5B2C6F,#8a5aa7,#d9b85f);}
.abqcp-client-care-copy{padding:28px 0 28px 30px;}
.abqcp-client-care-copy h3{font-size:30px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-top:4px!important;}
.abqcp-client-care-copy p{font-size:14px!important;line-height:1.75!important;max-width:780px;}
.abqcp-client-care-plan-hero-v2 .abqcp-maint-price{margin:16px 16px 16px 0;min-width:0;}
.abqcp-client-care-plan-hero-v2 .abqcp-maint-price strong{font-size:32px!important;}
.abqcp-portal-section:has(.abqcp-maint-actions){border:1px solid #eee7f4;box-shadow:0 12px 30px rgba(26,18,40,.05);}
.abqcp-maint-actions .abqcp-primary-btn,.abqcp-maint-actions .abqcp-secondary-btn{border-radius:14px;min-height:42px;}
@media(max-width:840px){
.abqcp-care-plan-card.abqcp-care-plan-v2,.abqcp-client-care-plan-hero-v2{grid-template-columns:1fr;}
.abqcp-care-plan-v2 .abqcp-care-plan-main,.abqcp-client-care-copy{padding:24px 24px 0 30px;}
.abqcp-care-plan-v2 .abqcp-care-plan-side,.abqcp-client-care-plan-hero-v2 .abqcp-maint-price{margin:0 16px 16px 30px;}
.abqcp-care-plan-title-row{flex-direction:column;}
}
@media(max-width:560px){
.abqcp-care-plan-v2 .abqcp-care-plan-main,.abqcp-client-care-copy{padding:22px 18px 0 26px;}
.abqcp-care-plan-v2 .abqcp-care-plan-side,.abqcp-client-care-plan-hero-v2 .abqcp-maint-price{margin:0 14px 14px 26px;}
.abqcp-care-plan-v2 .abqcp-care-plan-main h3,.abqcp-client-care-copy h3{font-size:23px!important;}
.abqcp-care-price-box strong{font-size:26px!important;}
.abqcp-care-plan-status-list small{display:block!important;}
} .abqcp-login-panel-magic {
position: relative;
overflow: hidden;
border: 1px solid rgba(91,44,111,.16) !important;
box-shadow: 0 18px 45px rgba(72, 33, 91, .14) !important;
}
.abqcp-login-panel-magic::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 5px;
background: linear-gradient(90deg, #5b2c6f, #c59d2f);
}
.abqcp-access-explainer {
background: linear-gradient(135deg, rgba(91,44,111,.08), rgba(197,157,47,.10)) !important;
border-color: rgba(91,44,111,.16) !important;
}
.abqcp-password-details summary {
cursor: pointer;
font-weight: 800;
color: var(--p, #4a1259);
}
.abqcp-password-details .abqcp-login-alt-body {
padding-top: 14px;
}
.abqcp-account-access-card {
display: grid;
grid-template-columns: auto minmax(0,1fr) auto;
gap: 16px;
align-items: center;
margin: 18px 0;
padding: 18px;
border: 1px solid rgba(91,44,111,.14);
border-radius: 18px;
background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,247,252,.96));
box-shadow: 0 16px 38px rgba(72,33,91,.08);
}
.abqcp-account-access-icon {
width: 48px;
height: 48px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(91,44,111,.10);
font-size: 23px;
}
.abqcp-account-access-main h3 {
margin: 3px 0 5px;
color: var(--p, #4a1259);
font-size: 18px;
}
.abqcp-account-access-main p {
margin: 0;
color: #5f566d;
line-height: 1.55;
font-size: 14px;
}
.abqcp-account-access-actions {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 180px;
}
.abqcp-account-access-actions .abqcp-secondary-btn {
justify-content: center;
text-align: center;
white-space: nowrap;
}
@media (max-width: 760px) {
.abqcp-account-access-card { grid-template-columns: 1fr; align-items: start; }
.abqcp-account-access-actions { width: 100%; min-width: 0; }
.abqcp-account-access-actions .abqcp-secondary-btn { width: 100%; }
}.abqcp-booking-wrap {
width: 100%;
max-width: 760px;
margin: 0 auto;
} .abqcp-booking-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.abqcp-booking-row {
display: grid;
gap: 20px;
}
.abqcp-booking-row-2 {
grid-template-columns: 1fr 1fr;
} .abqcp-booking-field {
display: flex;
flex-direction: column;
gap: 7px;
}
.abqcp-booking-field label {
font-size: 14px;
font-weight: 700;
color: #2d1637;
letter-spacing: 0.2px;
}
.abqcp-req {
color: #5B2C6F;
}
.abqcp-optional {
color: #999;
font-weight: 400;
font-size: 13px;
}
.abqcp-booking-field input,
.abqcp-booking-field select,
.abqcp-booking-field textarea {
width: 100%;
padding: 13px 16px;
border: 2px solid #e0d8e8;
border-radius: 10px;
font-size: 15px;
color: #2d1637;
background: #ffffff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
font-family: inherit;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.abqcp-booking-field select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%235B2C6F' d='M8 11L2 5h12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 14px;
padding-right: 40px;
cursor: pointer;
}
.abqcp-booking-field input:focus,
.abqcp-booking-field select:focus,
.abqcp-booking-field textarea:focus {
outline: none;
border-color: #5B2C6F;
box-shadow: 0 0 0 3px rgba(91, 44, 111, 0.12);
}
.abqcp-booking-field input[type="date"] {
cursor: pointer;
}
.abqcp-booking-field textarea {
resize: vertical;
min-height: 120px;
} .abqcp-booking-error {
background: #fdf0f0;
border: 1px solid #e8b4b8;
border-radius: 10px;
padding: 14px 18px;
color: #c0392b;
font-size: 14px;
font-weight: 600;
} .abqcp-booking-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 17px 36px;
background: linear-gradient(135deg, #5B2C6F 0%, #764ba2 100%);
color: #ffffff;
border: none;
border-radius: 10px;
font-size: 17px;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
box-shadow: 0 6px 20px rgba(91, 44, 111, 0.3);
font-family: inherit;
width: 100%;
}
.abqcp-booking-submit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(91, 44, 111, 0.4);
}
.abqcp-booking-submit:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
} .abqcp-booking-disclaimer {
text-align: center;
font-size: 13px;
color: #888;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.abqcp-booking-disclaimer i {
color: #5B2C6F;
} .abqcp-booking-success {
text-align: center;
padding: 50px 30px;
background: #f4ecfa;
border-radius: 16px;
border: 2px solid #c9a8e0;
}
.abqcp-booking-success-icon i {
font-size: 56px;
color: #5B2C6F;
margin-bottom: 18px;
display: block;
}
.abqcp-booking-success h3 {
font-size: 28px;
color: #2d1637;
margin: 0 0 12px;
}
.abqcp-booking-success p {
font-size: 16px;
color: #555;
line-height: 1.7;
max-width: 480px;
margin: 0 auto;
} @media (max-width: 640px) {
.abqcp-booking-row-2 {
grid-template-columns: 1fr;
}
.abqcp-booking-submit {
font-size: 16px;
padding: 15px 24px;
}
} .abqcp-hp-field {
position: absolute !important;
left: -10000px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.abqcp-field-help {
margin: 7px 0 0;
color: #70677a;
font-size: 13px;
line-height: 1.45;
}