.pq-onboarding {
    width: min(1180px, calc(100% - 48px));
    margin: 24px auto 0;
    padding: 24px;
    border: 1px solid rgba(104, 122, 255, 0.28);
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(91, 100, 255, 0.16), transparent 38%),
        linear-gradient(145deg, rgba(18, 35, 57, 0.96), rgba(10, 24, 41, 0.98));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.16);
}

.pq-onboarding[hidden],
.pq-selection-hint[hidden],
.pq-inline-guide[hidden],
.pq-company-callout[hidden],
.pq-company-setup-banner[hidden] {
    display: none !important;
}

.pq-onboarding-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.pq-onboarding-head h2 { margin: 6px 0 8px; font-size: clamp(24px, 3vw, 38px); line-height: 1.08; letter-spacing: -0.035em; }
.pq-onboarding-head p { max-width: 820px; margin: 0; color: rgba(228,237,250,.78); font-size: 14px; line-height: 1.65; }
.pq-onboarding-eyebrow { color: #53e8c4; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pq-onboarding-dismiss { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.04); color: rgba(244,248,255,.72); cursor: pointer; font-size: 24px; line-height: 1; }
.pq-onboarding-dismiss:hover { background: rgba(255,255,255,.08); color: #fff; }
.pq-onboarding-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.pq-onboarding-step { display: flex; gap: 12px; min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(7,18,32,.48); }
.pq-onboarding-number { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 10px; background: rgba(91,100,255,.2); color: #aeb7ff; font-weight: 800; }
.pq-onboarding-step strong { display: block; color: #f5f8ff; font-size: 13px; line-height: 1.4; }
.pq-onboarding-step p { margin: 5px 0 0; color: rgba(220,230,245,.68); font-size: 12px; line-height: 1.5; }
.pq-onboarding-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.pq-onboarding-text-button { border: 0; background: transparent; color: rgba(220,230,245,.7); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; padding: 10px 6px; }
.pq-onboarding-text-button:hover { color: #fff; }

.pq-selection-hint { position: fixed; z-index: 1200; top: var(--pq-hint-top,120px); left: var(--pq-hint-left,50%); transform: translateX(-50%); width: min(420px,calc(100vw - 32px)); pointer-events: none; animation: pq-guide-in 180ms ease-out; }
.pq-selection-hint-card, .pq-inline-guide, .pq-company-callout, .pq-company-setup-banner { border: 1px solid rgba(91,100,255,.38); border-radius: 16px; background: rgba(8,20,35,.97); box-shadow: 0 18px 48px rgba(0,0,0,.22); }
.pq-selection-hint-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; backdrop-filter: blur(14px); }
.pq-selection-hint-hand { display: inline-grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; font-size: 30px; line-height: 1; transform-origin: 50% 100%; animation: pq-selection-point 900ms ease-in-out infinite; }
.pq-selection-hint-card strong, .pq-inline-guide strong, .pq-company-callout strong, .pq-company-setup-banner strong { display: block; color: #fff; font-size: 14px; line-height: 1.35; }
.pq-selection-hint-card span:not(.pq-selection-hint-hand), .pq-inline-guide p, .pq-company-callout p, .pq-company-setup-banner p { margin: 4px 0 0; color: rgba(229,237,249,.78); font-size: 12px; line-height: 1.55; }

.pq-inline-guide { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 14px; padding: 14px 16px; animation: pq-guide-in 180ms ease-out; }
.pq-inline-guide-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: rgba(91,100,255,.18); color: #b8c0ff; font-weight: 800; }
.pq-guidance-active { position: relative; border-radius: 14px; outline: 2px solid rgba(91,100,255,.72); outline-offset: 8px; transition: outline-color 160ms ease, box-shadow 160ms ease; }
[data-pq-pricing-fields].pq-guidance-active { box-shadow: 0 0 0 8px rgba(91,100,255,.055); }

.pq-company-callout { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 16px 18px; border-color: rgba(83,232,196,.28); background: linear-gradient(135deg,rgba(83,232,196,.08),rgba(8,20,35,.98)); animation: pq-guide-in 180ms ease-out; }
.pq-company-callout-copy { min-width: 0; }
.pq-company-callout .button { flex: 0 0 auto; }
.pq-guidance-pulse { animation: pq-guidance-pulse 700ms ease-in-out 3; }

.pq-company-setup-banner { display: flex; align-items: flex-start; gap: 12px; margin: 14px 0 18px; padding: 15px 16px; border-color: rgba(91,100,255,.34); background: linear-gradient(135deg,rgba(91,100,255,.10),rgba(8,20,35,.98)); }
.pq-company-setup-banner-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: rgba(91,100,255,.18); color: #b8c0ff; font-weight: 800; }
.pq-required-field, .pq-recommended-field { position: relative; border-radius: 12px; transition: background 160ms ease, box-shadow 160ms ease; }
.pq-required-field { background: rgba(91,100,255,.055); box-shadow: 0 0 0 1px rgba(91,100,255,.36); }
.pq-recommended-field { background: rgba(255,255,255,.025); box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
.pq-required-field label, .pq-recommended-field label { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.pq-field-badge { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .03em; line-height: 1.25; text-transform: uppercase; }
.pq-field-badge-required { background: rgba(91,100,255,.18); color: #c9ceff; }
.pq-field-badge-recommended { background: rgba(255,255,255,.07); color: rgba(232,238,249,.67); }

@keyframes pq-guide-in { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pq-selection-point { 0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
@keyframes pq-guidance-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(91,100,255,0); } 50% { box-shadow: 0 0 0 7px rgba(91,100,255,.18); } }

@media (max-width: 980px) { .pq-onboarding-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .pq-company-callout { align-items: stretch; flex-direction: column; } .pq-company-callout .button { width: 100%; text-align: center; } }
@media (max-width: 640px) { .pq-onboarding { width: min(100% - 28px,1180px); margin-top: 14px; padding: 18px; border-radius: 18px; } .pq-onboarding-head { gap: 12px; } .pq-onboarding-steps { grid-template-columns: 1fr; } .pq-onboarding-actions { display: grid; grid-template-columns: 1fr; } .pq-onboarding-actions .button, .pq-onboarding-text-button { width: 100%; text-align: center; } }

/* POWDERQUOTE_LOCALIZED_FILE_PICKER_10_1 */
.pq-local-file-picker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(470px, 100%);
    margin: 12px auto 0;
}

.pq-native-file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.pq-native-file-input input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pq-file-picker-button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    color: #f5f8ff;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        transform 150ms ease;
}

.pq-file-picker-button:hover {
    border-color: rgba(91, 140, 255, 0.74);
    background: rgba(91, 140, 255, 0.13);
}

.pq-file-picker-button:active {
    transform: translateY(1px);
}

.pq-file-picker-button:focus-visible {
    outline: 2px solid rgba(91, 140, 255, 0.9);
    outline-offset: 2px;
}

.pq-file-picker-name {
    min-width: 0;
    overflow: hidden;
    color: rgba(228, 237, 250, 0.72);
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pq-file-selected .pq-file-picker-name {
    color: #f5f8ff;
}

@media (max-width: 560px) {
    .pq-local-file-picker {
        align-items: stretch;
        flex-direction: column;
    }

    .pq-file-picker-button {
        width: 100%;
    }

    .pq-file-picker-name {
        text-align: center;
    }
}

/* ==========================================================
   POWDERQUOTE — PREMIUM ONBOARDING + CENTERED SELECTION HINT
   Visual-only onboarding pass. Existing localized copy remains unchanged.
   ========================================================== */

.pq-onboarding {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: min(1240px, calc(100% - 48px));
    margin: 24px auto 0;
    padding: 28px 30px 26px;
    border: 1px solid rgba(179, 215, 224, 0.15);
    border-radius: 24px;
    background:
        radial-gradient(circle at 91% 4%, rgba(53, 213, 176, 0.11), transparent 29%),
        radial-gradient(circle at 13% 0%, rgba(74, 96, 216, 0.08), transparent 27%),
        linear-gradient(150deg, rgba(17, 33, 44, 0.98), rgba(6, 15, 23, 0.99));
    box-shadow:
        0 34px 84px rgba(0, 0, 0, 0.29),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.pq-onboarding::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: 0.30;
    background-image:
        linear-gradient(rgba(174, 213, 223, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(174, 213, 223, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.82), transparent 92%);
}

.pq-onboarding::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    height: 1px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(112, 241, 207, 0.54) 28%,
        rgba(226, 247, 242, 0.12) 58%,
        transparent 100%
    );
}

.pq-onboarding-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
}

.pq-onboarding-head > div { max-width: 900px; }

.pq-onboarding-head h2 {
    margin: 7px 0 9px;
    color: #f2f7f8;
    font-size: clamp(28px, 3.15vw, 43px);
    font-weight: 850;
    line-height: 1.03;
    letter-spacing: -0.052em;
    text-shadow: 0 16px 42px rgba(0, 0, 0, 0.20);
}

.pq-onboarding-head p {
    max-width: 840px;
    margin: 0;
    color: #91a4b4;
    font-size: 14px;
    line-height: 1.68;
}

.pq-onboarding-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #66e3c1;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.145em;
    text-transform: uppercase;
}

.pq-onboarding-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #55dcb8;
    box-shadow:
        0 0 0 5px rgba(53, 213, 176, 0.075),
        0 0 16px rgba(53, 213, 176, 0.22);
}

.pq-onboarding-dismiss {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(181, 215, 226, 0.13);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016));
    color: #8094a4;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.pq-onboarding-dismiss:hover {
    border-color: rgba(112, 241, 207, 0.17);
    background: rgba(53, 213, 176, 0.055);
    color: #e9f7f3;
    transform: translateY(-1px);
}

.pq-onboarding-steps {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.pq-onboarding-step {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    min-width: 0;
    min-height: 124px;
    padding: 18px 17px;
    border: 1px solid rgba(181, 215, 226, 0.105);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255,255,255,0.034), rgba(255,255,255,0.012));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.pq-onboarding-step:hover {
    transform: translateY(-3px);
    border-color: rgba(112, 241, 207, 0.17);
    background: linear-gradient(145deg, rgba(53,213,176,0.055), rgba(255,255,255,0.012));
}

.pq-onboarding-step:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 32px;
    right: -15px;
    width: 15px;
    height: 1px;
    background: linear-gradient(90deg, rgba(112,241,207,0.24), rgba(181,215,226,0.08));
}

.pq-onboarding-number {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(112, 241, 207, 0.16);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(53,213,176,0.15), rgba(53,213,176,0.07));
    color: #73e9c9;
    font-size: 13px;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 7px 18px rgba(0,0,0,0.10);
}

.pq-onboarding-step strong {
    display: block;
    color: #eef5f6;
    font-size: 13px;
    font-weight: 820;
    line-height: 1.38;
}

.pq-onboarding-step p {
    margin: 5px 0 0;
    color: #7f93a3;
    font-size: 11.5px;
    line-height: 1.52;
}

.pq-onboarding-actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.pq-onboarding .button-primary {
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid rgba(141, 255, 226, 0.30);
    border-radius: 12px;
    background: linear-gradient(135deg, #5ce2bf 0%, #2fc39c 54%, #1aa27f 100%);
    color: #03120e;
    font-size: 13px;
    font-weight: 850;
    box-shadow: 0 14px 34px rgba(28, 174, 139, 0.18), inset 0 1px 0 rgba(255,255,255,0.44);
}

.pq-onboarding .button-primary:hover {
    background: linear-gradient(135deg, #6de9c9 0%, #38cda5 54%, #20aa87 100%);
    transform: translateY(-1px);
}

.pq-onboarding-text-button {
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(181, 215, 226, 0.115);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.012));
    color: #91a4b3;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 780;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.pq-onboarding-text-button:hover {
    border-color: rgba(112,241,207,0.16);
    background: rgba(53,213,176,0.045);
    color: #e4f3ef;
    transform: translateY(-1px);
}

.pq-selection-hint {
    position: fixed;
    z-index: 1400;
    top: var(--pq-hint-top, 50%);
    left: var(--pq-hint-left, 50%);
    width: min(390px, calc(100vw - 34px));
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: pq-selection-hint-in 220ms cubic-bezier(.2,.75,.2,1);
}

.pq-selection-hint-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    border: 1px solid rgba(112, 241, 207, 0.22);
    border-radius: 17px;
    background:
        radial-gradient(circle at 8% 50%, rgba(53,213,176,0.10), transparent 25%),
        linear-gradient(145deg, rgba(17,33,44,0.965), rgba(5,14,21,0.985));
    box-shadow:
        0 26px 68px rgba(0,0,0,0.42),
        0 0 0 1px rgba(255,255,255,0.018),
        inset 0 1px 0 rgba(255,255,255,0.055);
    backdrop-filter: blur(14px) saturate(125%);
}

.pq-selection-hint-card::before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(112,241,207,0.58), transparent);
}

.pq-selection-hint-hand {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(112,241,207,0.16);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(53,213,176,0.15), rgba(53,213,176,0.055));
    font-size: 30px;
    line-height: 1;
    transform-origin: 50% 100%;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 24px rgba(0,0,0,0.16);
    animation: pq-selection-point-premium 980ms ease-in-out infinite;
}

.pq-selection-hint-hand::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(112,241,207,0.14);
    border-radius: 19px;
    opacity: 0;
    animation: pq-selection-ring 1.35s ease-out infinite;
}

.pq-selection-hint-card strong {
    display: block;
    color: #f0f7f6;
    font-size: 14px;
    font-weight: 830;
    line-height: 1.35;
}

.pq-selection-hint-card span:not(.pq-selection-hint-hand) {
    display: block;
    margin-top: 4px;
    color: #91a4b4;
    font-size: 11.5px;
    line-height: 1.50;
}

.pq-inline-guide,
.pq-company-callout,
.pq-company-setup-banner {
    border-color: rgba(112,241,207,0.15);
    background: linear-gradient(135deg, rgba(53,213,176,0.065), rgba(7,17,25,0.97));
    box-shadow: 0 18px 48px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.03);
}

.pq-inline-guide-icon,
.pq-company-setup-banner-icon {
    border: 1px solid rgba(112,241,207,0.13);
    background: rgba(53,213,176,0.08);
    color: #63dfbd;
}

.pq-guidance-active { outline-color: rgba(53,213,176,0.60); }
[data-pq-pricing-fields].pq-guidance-active { box-shadow: 0 0 0 8px rgba(53,213,176,0.045); }

.pq-field-badge-required {
    background: rgba(53,213,176,0.10);
    color: #a8efdc;
}

.pq-required-field {
    background: rgba(53,213,176,0.035);
    box-shadow: 0 0 0 1px rgba(53,213,176,0.20);
}

@keyframes pq-selection-hint-in {
    from { opacity: 0; transform: translate(-50%, calc(-50% - 10px)) scale(0.985); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes pq-selection-point-premium {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(5px) scale(0.98); }
}

@keyframes pq-selection-ring {
    0% { opacity: 0.52; transform: scale(0.82); }
    70%, 100% { opacity: 0; transform: scale(1.14); }
}

@media (max-width: 980px) {
    .pq-onboarding-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pq-onboarding-step:nth-child(2)::after { display: none; }
}

@media (max-width: 640px) {
    .pq-onboarding {
        width: min(100% - 28px, 1240px);
        margin-top: 14px;
        padding: 21px 18px 19px;
        border-radius: 19px;
    }
    .pq-onboarding::after { left: 18px; right: 18px; }
    .pq-onboarding-head { gap: 12px; }
    .pq-onboarding-head h2 { font-size: clamp(26px, 9vw, 35px); }
    .pq-onboarding-dismiss { flex-basis: 38px; width: 38px; height: 38px; }
    .pq-onboarding-steps { grid-template-columns: 1fr; gap: 10px; }
    .pq-onboarding-step { min-height: 0; padding: 15px; }
    .pq-onboarding-step::after { display: none !important; }
    .pq-onboarding-actions { display: grid; grid-template-columns: 1fr; }
    .pq-onboarding-actions .button,
    .pq-onboarding-text-button { width: 100%; text-align: center; }
    .pq-selection-hint { width: min(350px, calc(100vw - 26px)); }
    .pq-selection-hint-card {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 11px;
        padding: 13px 14px;
    }
    .pq-selection-hint-hand { width: 46px; height: 46px; font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) {
    .pq-onboarding-step,
    .pq-onboarding-dismiss,
    .pq-onboarding .button-primary,
    .pq-onboarding-text-button,
    .pq-selection-hint,
    .pq-selection-hint-hand,
    .pq-selection-hint-hand::after {
        animation: none;
        transition: none;
    }
}

/* ==========================================================
   POWDERQUOTE — SEQUENTIAL GUIDED ONBOARDING
   No finger overlay. One clear highlighted next action at a time.
   ========================================================== */

.pq-selection-hint { display: none !important; }

.pq-next-step-highlight {
    position: relative;
    z-index: 3;
    border-color: rgba(112, 241, 207, 0.44) !important;
    box-shadow:
        0 0 0 1px rgba(112, 241, 207, 0.18),
        0 0 0 7px rgba(53, 213, 176, 0.055),
        0 16px 42px rgba(0, 0, 0, 0.16) !important;
    animation: pq-next-step-pulse 1.55s ease-in-out infinite;
}

.drawing-drop.pq-next-step-highlight {
    border-color: rgba(112, 241, 207, 0.72) !important;
    background:
        linear-gradient(
            145deg,
            rgba(53, 213, 176, 0.105),
            rgba(8, 22, 31, 0.52)
        ) !important;
}

.drawing-preview-shell.pq-next-step-highlight {
    border-radius: 14px;
    outline: 1px solid rgba(112, 241, 207, 0.31);
    outline-offset: -1px;
}

[data-pq-pricing-fields].pq-next-step-highlight {
    border-radius: 14px;
    padding: 10px;
    margin: -10px;
    background: rgba(53, 213, 176, 0.025);
}

[data-pq-company-settings-link].pq-next-step-highlight {
    border-color: rgba(112, 241, 207, 0.48) !important;
    background:
        linear-gradient(
            135deg,
            rgba(53, 213, 176, 0.16),
            rgba(53, 213, 176, 0.065)
        ) !important;
}

[data-action="pdf"].pq-next-step-highlight {
    box-shadow:
        0 0 0 1px rgba(112, 241, 207, 0.22),
        0 0 0 7px rgba(53, 213, 176, 0.06),
        0 15px 36px rgba(31, 184, 146, 0.18) !important;
}

@keyframes pq-next-step-pulse {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(112, 241, 207, 0.14),
            0 0 0 4px rgba(53, 213, 176, 0.035),
            0 14px 36px rgba(0, 0, 0, 0.13);
    }
    50% {
        box-shadow:
            0 0 0 1px rgba(112, 241, 207, 0.30),
            0 0 0 10px rgba(53, 213, 176, 0.075),
            0 18px 46px rgba(0, 0, 0, 0.18);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pq-next-step-highlight { animation: none; }
}