/* Light public experience for HR Solo sign-in and registration. */
body.a3-solo-full-bleed {
    color-scheme: light;
    background: #f4f7f5;
    color: #1f2b2a;
}

body.a3-solo-full-bleed .a3-atelier-canvas {
    display: none;
}

body.a3-solo-full-bleed .a3-public-footer {
    border-top-color: #dce5e1;
    background: #edf3f0;
    color: #536562;
}

body.a3-solo-full-bleed .a3-public-footer strong {
    color: #203230;
}

body.a3-solo-full-bleed .a3-public-footer a {
    color: #316c65;
}

/* HR Solo landing */
.solo-hub {
    --hub-gold: #b97b24;
    --hub-gold-soft: #8b5b18;
    background:
        radial-gradient(circle at 8% 4%, rgba(196, 221, 214, .65), transparent 27rem),
        radial-gradient(circle at 92% 15%, rgba(249, 224, 173, .55), transparent 25rem),
        linear-gradient(145deg, #fbfcfb, #eef5f2 58%, #f8f3e9);
    color: #1e2c2b;
}

.solo-hub::before {
    opacity: .55;
    background-image:
        linear-gradient(rgba(50, 108, 101, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(50, 108, 101, .045) 1px, transparent 1px);
}

.solo-hub::after {
    background:
        linear-gradient(90deg, rgba(250, 252, 251, .98) 0%, rgba(250, 252, 251, .93) 39%, rgba(250, 252, 251, .52) 68%, rgba(250, 252, 251, .78) 100%),
        linear-gradient(180deg, rgba(246, 250, 248, .18), #f4f7f5 97%),
        url('/images/solo-hr-office-hero-light.jpg') center 42% / cover no-repeat;
}

.solo-hub-brand {
    color: #223432;
}

.solo-hub-brand img,
.solo-enroll-brand img {
    filter: drop-shadow(0 8px 16px rgba(113, 80, 28, .16));
}

.solo-hub-links a {
    color: #536762;
}

.solo-hub-links a:hover {
    color: #1f665e;
}

.solo-hub-links .solo-hub-demo {
    border-color: #d8b46f;
    background: linear-gradient(115deg, #f6d997, #d7a852);
    color: #3b2b12;
    box-shadow: 0 10px 24px rgba(155, 106, 31, .14);
}

.solo-hub-links .solo-hub-public {
    border-color: #cbdad5;
    background: rgba(255, 255, 255, .74);
    color: #2f655f;
}

.solo-hub-links > a.solo-hub-plans-link {
    border: 0;
    background: transparent;
    color: #536762;
}

.solo-hub-links > a.solo-hub-plans-link:hover {
    color: #1f665e;
}

.solo-hub-copy h1 {
    color: #1d2a29;
    text-shadow: 0 2px 18px rgba(255, 255, 255, .9);
}

.solo-hub-copy h1 strong {
    color: #94611e;
}

.solo-enroll-kicker {
    color: #856123;
}

.solo-hub-copy > p {
    color: #4e615e;
}

.solo-hub-benefits span {
    color: #2e4642;
}

.solo-hub-benefits i {
    border-color: #d6c397;
    background: rgba(255, 255, 255, .68);
    color: #9f6a20;
}

.solo-hub-offer {
    border-color: #dec58f;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 30px rgba(47, 80, 73, .08);
}

.solo-hub-offer b {
    color: #8f5d18;
}

.solo-hub-offer span {
    color: #586b67;
}

.solo-hub-login {
    border-color: #d5e0dc;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 70px rgba(39, 75, 69, .16), inset 0 1px #fff;
}

.solo-hub-login::before {
    background: linear-gradient(transparent, #c8943d, transparent);
}

.solo-hub-login-heading {
    border-bottom-color: #e3ebe8;
}

.solo-hub-login h2 {
    color: #20312f;
}

.solo-hub-login-heading p,
.solo-hub-remember span,
.solo-hub-new span {
    color: #687975 !important;
}

.solo-hub-login > label > span {
    color: #344a46;
}

.solo-hub-login input[type=email],
.solo-hub-login input[type=password] {
    border-color: #ccd9d5;
    background: #fbfdfc;
    color: #1f302e;
}

.solo-hub-login input::placeholder {
    color: #91a19d;
}

.solo-hub-login input:focus {
    outline-color: rgba(62, 130, 120, .14);
    border-color: #4b8d84;
}

.solo-hub-login > button {
    background: linear-gradient(110deg, #eecb7f, #c8943c);
    color: #31220d;
    box-shadow: 0 13px 30px rgba(165, 111, 32, .17);
}

.solo-hub-errors {
    color: #a93b36;
}

.solo-hub-new a {
    color: #276f66;
}

.solo-hub-proof {
    border-top-color: rgba(58, 103, 96, .17);
    color: #4f6561;
}

.solo-hub-proof i {
    background: #4f958a;
    box-shadow: 0 0 10px rgba(79, 149, 138, .35);
}

.solo-hub-plans {
    color: #20312f;
}

.solo-hub-plans > header span,
.solo-hub-plans article small {
    color: #93601d;
}

.solo-hub-plans header p,
.solo-hub-plans article > p,
.solo-hub-plans article > strong span {
    color: #637570;
}

.solo-hub-plans > header a,
.solo-hub-footer a {
    color: #2c7269;
}

.solo-hub-plans article {
    border-color: #d8e2de;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 28px rgba(42, 81, 74, .07);
}

.solo-hub-plans article.featured {
    border-color: #d7b264;
    background: linear-gradient(145deg, #fffaf0, #ffffff);
    box-shadow: 0 14px 34px rgba(153, 104, 29, .11);
}

.solo-hub-plans article em {
    background: #f6e7c2;
    color: #805314;
}

.solo-hub-plans article > strong {
    color: #223330;
}

.solo-hub-footer {
    color: #63746f;
}

/* HR Solo registration */
.solo-enroll {
    --enroll-card: #ffffff;
    --enroll-line: #d6e1dd;
    background:
        radial-gradient(circle at 82% 3%, rgba(245, 215, 156, .48), transparent 30rem),
        radial-gradient(circle at 7% 42%, rgba(194, 222, 215, .62), transparent 28rem),
        linear-gradient(145deg, #fbfcfb, #eef5f2 60%, #f9f4ea);
    color: #21322f;
}

.solo-enroll::before {
    background: linear-gradient(125deg, rgba(59, 119, 110, .1) 0 1px, transparent 1px 100%);
}

.solo-enroll::after {
    border-color: rgba(64, 124, 115, .12);
    box-shadow: 0 0 0 42px rgba(64, 124, 115, .025), 0 0 0 84px rgba(64, 124, 115, .018);
}

.solo-enroll-topbar {
    border-bottom-color: #dbe5e1;
}

.solo-enroll-brand {
    color: #213431;
}

.solo-enroll-return {
    border-color: #cbd9d5;
    background: rgba(255, 255, 255, .76);
    color: #42615c;
}

.solo-enroll-return:hover {
    color: #216c62;
    border-color: #8eb8b1;
}

.solo-enroll-hero {
    border-color: #d7e1dd;
    background:
        linear-gradient(90deg, rgba(250, 252, 251, .98) 0%, rgba(250, 252, 251, .92) 44%, rgba(250, 252, 251, .34) 75%, rgba(250, 252, 251, .62) 100%),
        url('/images/solo-hr-register-office.png') 66% center / cover;
    box-shadow: 0 28px 70px rgba(47, 82, 75, .14);
}

.solo-enroll-intro h1 {
    color: #1d302d;
}

.solo-enroll-intro h1 strong {
    background: linear-gradient(100deg, #8c5a18, #bd842e 55%, #365e58);
    -webkit-background-clip: text;
    background-clip: text;
}

.solo-enroll-intro > p {
    color: #536864;
}

.solo-enroll-capabilities span {
    border-color: #cfddd9;
    background: rgba(255, 255, 255, .78);
    color: #304944;
}

.solo-enroll-capabilities b {
    color: #95621c;
}

.solo-enroll-review {
    background: linear-gradient(90deg, rgba(232, 202, 140, .42), transparent);
}

.solo-enroll-review span,
.solo-enroll-review strong {
    color: #825619;
}

.solo-enroll-review p {
    color: #62736f;
}

.solo-enroll-promise {
    color: #77501b;
    text-shadow: 0 3px 16px rgba(255, 255, 255, .9);
}

.solo-enroll-steps {
    border-color: #d8e2de;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 14px 35px rgba(44, 78, 72, .09);
}

.solo-enroll-steps span {
    color: #566a66;
}

.solo-enroll-steps b {
    border-color: #d1b675;
    background: #fffaf0;
    color: #895a18;
}

.solo-enroll-steps i {
    background: linear-gradient(90deg, #d5b56f, #d9e3df);
}

.solo-enroll-section {
    border-color: #d9e3df;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(43, 78, 71, .08);
}

.solo-enroll-section > header > span {
    border-color: #ddc489;
    background: #fff8e9;
    color: #895918;
}

.solo-enroll-section > header small {
    color: #8d6426;
}

.solo-enroll-section > header h2 {
    color: #20332f;
}

.solo-enroll-section > header p {
    color: #657773;
}

.solo-enroll-fields label > span,
.solo-enroll-plan-controls label > span,
.solo-enroll-verify-field > label {
    color: #344c47;
}

.solo-enroll-fields label em,
.solo-enroll-fields label > small,
.solo-enroll-plan-controls label > small,
.solo-enroll-verify-field > small,
.solo-enroll-fields small[data-partner-offer] {
    color: #758682;
}

.solo-enroll-fields input,
.solo-enroll-fields select,
.solo-enroll-plan-controls input {
    border-color: #cbd9d5;
    background: #fbfdfc;
    color: #1d302c;
}

.solo-enroll-fields input::placeholder,
.solo-enroll-plan-controls input::placeholder {
    color: #94a39f;
}

.solo-enroll-fields input:focus,
.solo-enroll-fields select:focus,
.solo-enroll-plan-controls input:focus {
    border-color: #4f9187;
    box-shadow: 0 0 0 3px rgba(79, 145, 135, .13);
}

.solo-enroll-lock {
    border-color: #d8e4df;
    background: #f1f7f4;
}

.solo-enroll-lock strong {
    color: #304a45;
}

.solo-enroll-lock p {
    color: #6a7d78;
}

.solo-enroll-plans > label {
    border-color: #d4dfdb;
    background: linear-gradient(150deg, #ffffff, #f7faf8);
    box-shadow: 0 8px 22px rgba(40, 75, 68, .06);
}

.solo-enroll-plans > label:hover {
    border-color: #d0ad62;
    box-shadow: 0 12px 28px rgba(95, 79, 44, .1);
}

.solo-enroll-plans > label.featured,
.solo-enroll-plans label:has(input:checked) {
    border-color: #cf9e43;
    background: linear-gradient(150deg, #fffaf0, #ffffff);
    box-shadow: 0 12px 30px rgba(157, 108, 35, .11);
}

.solo-enroll-plans > label.trial {
    border-color: #8dc8b6;
    background: linear-gradient(150deg, #f2fbf7, #ffffff);
}

.solo-plan-check {
    border-color: #b9c9c4;
}

.solo-enroll-plans label > strong,
.solo-enroll-plans label > b {
    color: #213430;
}

.solo-enroll-plans label > b small,
.solo-enroll-plans label > small {
    color: #6c7e79;
}

.solo-enroll-plans label > p {
    background: #f7edda;
    color: #73501d;
}

.solo-enroll-price {
    border-color: #ddc58f;
    background: linear-gradient(120deg, #fff8e8, #f3f8f6);
}

.solo-enroll-price span,
.solo-enroll-price strong {
    color: #7f551a;
}

.solo-enroll-price p {
    color: #657772;
}

.solo-enroll-payment article {
    border-color: #d4e0dc;
    background: #f8fbfa;
}

.solo-enroll-payment strong {
    color: #2b423e;
}

.solo-enroll-payment b {
    color: #687b76;
}

.solo-enroll-consent > label {
    border-color: #d4e0dc;
    background: #f8fbfa;
}

.solo-enroll-consent > label strong {
    color: #2c4540;
}

.solo-enroll-consent > label small,
.solo-enroll-summary p {
    color: #657873;
}

.solo-enroll-consent a {
    color: #267268;
}

.solo-enroll-summary {
    background: linear-gradient(90deg, #fff6e4, transparent);
}

.solo-enroll-validation,
.solo-enroll-form [data-recaptcha-error]:not([hidden]) {
    border-color: #e2aaa4;
    background: #fff1ef;
    color: #933a34;
}

.solo-enroll-validation strong {
    color: #8c312c;
}

.solo-enroll-submit {
    border-color: #d9c18b;
    background: linear-gradient(110deg, #fff7e7, #ffffff 55%);
    box-shadow: 0 16px 38px rgba(55, 83, 77, .08);
}

.solo-enroll-submit > div strong {
    color: #253a36;
}

.solo-enroll-submit > div small,
.solo-enroll-form > .a3-recaptcha-notice {
    color: #70817d;
}

.solo-enroll-inline-control > button {
    border-color: #b38438;
    background: #fff6e4;
    color: #77501a;
}

.solo-paymongo-actions {
    border-color: #dbc58f;
    background: linear-gradient(120deg, #fff9ed, #f4f9f7);
}

.solo-paymongo-actions strong {
    color: #344b47;
}

.solo-paymongo-actions small {
    color: #6f817c;
}

.solo-paymongo-actions > button.verify {
    border-color: #c9aa66;
    background: #fff7e7;
    color: #77501b;
}

.solo-submit-tooltip {
    border-color: #c9d8d4;
    background: #ffffff;
    color: #3f5651;
    box-shadow: 0 14px 34px rgba(43, 75, 69, .16);
}

.solo-submit-action.ready .solo-submit-tooltip {
    border-color: #9dcbb1;
    color: #24603d;
}

/* Setup assistance and QR preview remain focused overlays, but use light cards. */
.solo-setup-overlay,
.solo-qr-dialog,
.solo-qr-dialog::backdrop {
    background: rgba(35, 53, 50, .46);
}

.solo-setup-dialog,
.solo-qr-stage {
    border-color: #d7c394;
    background: radial-gradient(circle at 90% 0, rgba(245, 220, 168, .46), transparent 38%), #ffffff;
    color: #243733;
    box-shadow: 0 32px 90px rgba(31, 58, 53, .24);
}

.solo-setup-dialog::before,
.solo-qr-stage::before {
    border-color: rgba(63, 109, 101, .08);
    background-image: none;
}

.solo-setup-close,
.solo-qr-close {
    border-color: #cfdbd7;
    background: #f5f9f7;
    color: #5f716d;
}

.solo-setup-mark {
    border-color: #e0c98f;
    background: #fff8e8;
    box-shadow: 0 12px 28px rgba(83, 70, 43, .1);
}

.solo-setup-dialog h2,
.solo-qr-stage h2 {
    color: #213531;
}

.solo-setup-dialog p,
.solo-qr-stage > p,
.solo-qr-stage > small {
    color: #647772;
}

.solo-setup-actions button {
    border-color: #cfdcd8;
    background: #f5f9f7;
    color: #38534e;
}

.solo-setup-dialog > small {
    color: #72827e;
}

@media (max-width: 780px) {
    .solo-hub::after {
        height: min(1080px, 130vh);
        background:
            linear-gradient(180deg, rgba(250, 252, 251, .96) 0%, rgba(250, 252, 251, .83) 36%, rgba(244, 247, 245, .98) 78%),
            url('/images/solo-hr-office-hero-light.jpg') 62% center / cover no-repeat;
    }

    .solo-hub-hero {
        background: none;
    }

    .solo-enroll {
        background:
            radial-gradient(circle at 85% 2%, rgba(244, 217, 162, .45), transparent 22rem),
            linear-gradient(145deg, #fbfcfb, #eef5f2);
    }

    .solo-enroll-hero::before {
        background: rgba(255, 255, 255, .08);
    }

    .solo-setup-overlay {
        background: rgba(35, 53, 50, .58);
    }
}

@media (max-width: 520px) {
    .solo-enroll-hero {
        background-image:
            linear-gradient(90deg, rgba(250, 252, 251, .98), rgba(250, 252, 251, .84) 76%, rgba(250, 252, 251, .62)),
            url('/images/solo-hr-register-office.png');
    }

    .solo-enroll-capabilities span {
        background: rgba(255, 255, 255, .88);
    }
}