*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f7f4;color:#18352f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:#087f72;text-decoration:none}button,.button{border:0;border-radius:12px;background:#087f72;color:white;padding:12px 18px;cursor:pointer;font-weight:650;display:inline-block}button:disabled{opacity:.5;cursor:default}.secondary{background:#e5efea;color:#174b3f}.danger{background:#fff0ed;color:#9a3325}.welcome{max-width:520px;margin:48px auto;padding:28px}.shell{max-width:1160px;margin:auto;padding:0 20px 90px}.topbar{position:sticky;top:0;background:rgba(244,247,244,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dce6de;z-index:2}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:800}.brand img{width:42px;height:42px;border-radius:12px}.account{font-size:13px;text-align:right;max-width:150px;overflow-wrap:anywhere}.nav{display:flex;gap:8px;overflow-x:auto;padding:18px 0;scrollbar-width:none}.nav button{white-space:nowrap;background:#e5efea;color:#335b4e;padding:9px 14px;font-size:14px}.nav button.active{background:#087f72;color:white}main>h1{font-size:30px;letter-spacing:-.7px;margin:18px 0 6px}.muted{color:#60756b;font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:#47796b}.hero{background:#0b5045;color:#fff;border-radius:24px;padding:28px;position:relative;overflow:hidden;margin:18px 0}.hero h1{font-size:34px;line-height:1.16;max-width:560px;margin:10px 0}.hero p{max-width:540px;color:#d5e9df}.hero .button{background:#d2ed83;color:#183b2f;margin-top:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.card{border:1px solid #dce6de;border-radius:18px;background:#fff;padding:22px;margin:16px 0}.card h2,.card h3{margin:0 0 10px;line-height:1.3}.card p{margin:9px 0}.metric{font-size:28px;font-weight:750}.tag{display:inline-block;padding:3px 9px;border-radius:20px;background:#edf3ed;color:#476b59;font-size:12px;margin-right:6px}.verified{background:#deefe1;color:#14633f}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.actions button{font-size:14px}.notice{padding:13px 16px;border-radius:12px;background:#f1edd3;color:#69571c;font-size:14px;overflow-wrap:anywhere}.error{background:#fff0ed;color:#932f24}.form{max-width:680px}.field{display:block;margin:15px 0}.field>span{display:block;font-size:14px;font-weight:650;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #c7d7cb;border-radius:10px;background:#fff;padding:12px;color:#18352f}select[multiple]{min-height:170px}textarea{resize:vertical;min-height:100px}.check{display:flex;gap:10px;align-items:flex-start;margin:15px 0;font-size:14px}.check input{width:20px;height:20px;flex-shrink:0;margin-top:2px}.legal{font-size:14px;line-height:1.7}.legal a{display:block;margin:10px 0;text-decoration:underline}.install ol{padding-left:22px}.install li{padding:5px 0}.footer{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;padding:30px 0}.avatar{width:76px;height:76px;border-radius:20px;object-fit:cover;margin-bottom:14px}.list{display:grid;gap:12px}.list>.card{margin:0}.message{padding:12px;border-radius:10px;background:#edf3ec;margin:8px 0;overflow-wrap:anywhere}.empty{padding:24px;border:1px dashed #becdc1;border-radius:14px;color:#60756b}.loading{padding:24px;color:#60756b}.standalone-note{background:#e9f2e5}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{flex:1}.form .button{width:100%}.auth-brand{margin-bottom:24px}.auth-wrap{max-width:570px;margin:20px auto;padding:24px}.auth-wrap h1{font-size:32px;line-height:1.2}.auth-wrap .card{margin-top:24px}.statusbar{font-size:13px;margin:12px 0;color:#50685c}.pending{margin-top:16px}.detail{max-width:780px}.inline-link{padding:0;background:transparent;color:#087f72;text-decoration:underline}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.shell{padding:0 16px 70px}.hero{padding:24px;border-radius:20px}.hero h1{font-size:29px}.card{padding:19px}.topbar{padding-top:calc(12px + env(safe-area-inset-top));}.auth-wrap{padding:16px;margin:10px auto}.two-col{grid-template-columns:1fr}.account{max-width:115px}.nav{margin:0 -16px;padding-left:16px;padding-right:16px}main>h1{font-size:27px}}
/* Android dashboard parity: focused role workspaces, secondary navigation in a drawer. */
:root{--ohelp-green:#164c34;--ohelp-border:#cce0d2}body{background:#f6faf7;color:var(--ohelp-green)}
button,.button{background:#167343;min-height:48px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73a923;outline-offset:3px}
.shell{max-width:940px;padding-bottom:48px}.topbar{background:#fff;gap:16px;padding:12px 0;z-index:3}.dashboard-brand{flex:1;display:flex;align-items:center;flex-direction:column}.dashboard-brand .brand{color:#124c32}.mode-label{font-size:12px;color:#416452}.icon-button{width:48px;min-width:48px;border-radius:16px;background:#eaf4ed;color:#164c34;padding:8px;font-size:26px}.brand img{border-radius:14px}
.dashboard-home{padding:8px 8px 40px}.dashboard-avatar{display:flex;justify-content:center;margin:32px 0}.dashboard-avatar img,.avatar-fallback{height:92px;width:92px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 18px #164c3414}.avatar-fallback{display:grid;place-items:center;background:#e1efe5;color:#164c34;font-size:36px;font-weight:700}
.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.dashboard-action{display:flex;align-items:center;gap:16px;min-height:140px;padding:24px;text-align:left;border-radius:24px;border:1px solid var(--ohelp-border);background:#fff;color:#164c34;box-shadow:0 4px 18px #124c320a;min-width:0;overflow-wrap:anywhere}.dashboard-action:hover{background:#e5f3e9}.dashboard-action strong{font-size:21px;display:block}.action-icon{font-size:29px;color:#167343}.action-arrow{margin-left:auto;font-size:30px}.action-detail{display:block;margin-top:8px;color:#426550}.dashboard-actions>.card{margin:0;border-radius:24px;padding:24px;border-color:var(--ohelp-border)}.agent-code{font-size:24px;font-weight:750;overflow-wrap:anywhere}
.drawer{position:fixed;inset:0 auto 0 0;margin:0;max-height:100dvh;height:100%;max-width:min(420px,100%);width:100%;padding:24px;border:0;background:#f6faf7;color:#164c34;overflow-y:auto;overscroll-behavior:contain;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.drawer::backdrop{background:#102f235c}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer nav{display:grid;gap:10px;margin:20px 0}.drawer nav button{text-align:left;background:#fff;border:1px solid #dcebe1;color:#164c34}.drawer nav button.active{background:#164c34;color:#fff}.drawer>button{margin:8px 8px 8px 0}.drawer .footer{border-top:1px solid #dcebe1;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-wrap{background:#fff;border:1px solid #dcebe1;border-radius:28px;padding:32px;margin:36px auto;box-shadow:0 8px 35px #124c320a}.auth-wrap h1{color:#124c32}.auth-wrap .brand{color:#124c32}
@media(max-width:600px){.shell{padding:0 16px 32px}.topbar{padding-top:max(12px,env(safe-area-inset-top))}.dashboard-home{padding:0 0 32px}.dashboard-action{min-height:132px}.auth-wrap{margin:16px;padding:24px}.drawer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* OHELP_OPTION4_MOBILE_DISPLAY_V2 */

.dashboard-home {
    padding-bottom: 110px !important;
}

.dashboard-home .dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
    margin: 20px 0 !important;
}

.dashboard-home .dashboard-action {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;

    min-width: 0 !important;
    min-height: 135px !important;
    padding: 16px 8px !important;

    border-radius: 18px !important;
    border: 1px solid #d9f5e4 !important;
    background: #ecfdf3 !important;

    box-shadow: 0 5px 15px rgba(0,0,0,.04) !important;
}

.dashboard-home .dashboard-action:nth-child(2) {
    background: #fff3e9 !important;
    border-color: #ffe4cf !important;
}

.dashboard-home .dashboard-action:nth-child(3) {
    background: #eaf2ff !important;
    border-color: #dbe8ff !important;
}

.dashboard-home .dashboard-action:nth-child(4) {
    background: #f3edff !important;
    border-color: #e7dcff !important;
}

.dashboard-home .dashboard-action:nth-child(5) {
    background: #fff0f3 !important;
    border-color: #ffdde5 !important;
}

.dashboard-home .dashboard-action:nth-child(6) {
    background: #f1f3f6 !important;
    border-color: #e2e6eb !important;
}

.dashboard-home .dashboard-action .action-icon {
    font-size: 28px !important;
    line-height: 1.2 !important;
}

.dashboard-home .dashboard-action .action-arrow {
    display: none !important;
}

.dashboard-home .ohelp-option4-tabs {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;

    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;

    padding: 10px 8px calc(10px + env(safe-area-inset-bottom)) !important;

    box-shadow: 0 -5px 20px rgba(0,0,0,.07) !important;
}

.dashboard-home .ohelp-option4-tabs button {
    flex: 1 !important;
    min-width: 0 !important;

    padding: 12px 4px !important;

    font-size: 12px !important;
    border-radius: 12px !important;
}

.dashboard-home .ohelp-option4-tabs button[aria-current="page"] {
    color: #008c4b !important;
    background: #e9f8ef !important;
    font-weight: 700 !important;
}

@media (max-width: 600px) {

    .dashboard-home .dashboard-actions {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 9px !important;
    }

    .dashboard-home .dashboard-action {
        min-height: 118px !important;
        padding: 12px 5px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 350px) {

    .dashboard-home .dashboard-actions {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* OHELP_OPTION4_EXACT_LAYOUT_V3 */

.dashboard-home {
    background:#f7f9fc !important;
    padding:0 0 100px !important;
    min-height:100vh;
}

.dashboard-home > h1.sr-only {
    position:absolute;
}

.o4-dashboard {
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:16px;
    color:#172b36;
    font-family:inherit;
}

.o4-dashboard * {
    box-sizing:border-box;
}

.o4-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.o4-brand {
    display:flex;
    align-items:center;
    font-size:26px;
    color:#086c45;
    letter-spacing:-1px;
}

.o4-brand-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:39px;
    height:39px;
    margin-right:2px;
    border:5px solid #0b9858;
    border-radius:50%;
    font-size:0;
}

.o4-heading > button {
    width:43px;
    height:43px;
    border-radius:50%;
    background:#fff;
    border:1px solid #e6eaf0;
    font-size:22px;
    color:#176c4c;
}

.o4-welcome {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:23px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #087f4c 0%,
        #0aa46b 100%
    );
    color:#fff;
    box-shadow:0 12px 25px rgba(0,120,75,.13);
}

.o4-welcome-copy {
    min-width:0;
    flex:1;
}

.o4-eyebrow {
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    opacity:.85;
    margin:0 0 8px;
}

.o4-welcome h2 {
    color:#fff;
    font-size:clamp(19px,4vw,29px);
    font-weight:800;
    line-height:1.2;
    margin:0 0 8px;
    overflow-wrap:anywhere;
}

.o4-subtitle {
    color:#e6fff2;
    font-size:13px;
    margin:0;
}

.o4-welcome .dashboard-avatar {
    flex-shrink:0;
    margin:0;
}

.o4-controls {
    display:flex;
    gap:12px;
    margin:18px 0 26px;
}

.o4-controls button {
    flex:1;
    min-width:0;
    min-height:45px;
    padding:11px 10px;
    border:1px solid #e1e8eb;
    border-radius:13px;
    background:#fff;
    color:#12684c;
    font-weight:700;
    font-size:13px;
    box-shadow:0 3px 10px rgba(0,0,0,.025);
}

.o4-content {
    margin-top:15px;
}

.o4-content h3 {
    margin:0 0 5px;
    font-size:20px;
    font-weight:800;
    color:#1c2935;
}

.o4-section-description {
    color:#82909c;
    margin:0 0 20px;
    font-size:13px;
}

.o4-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

.o4-card {
    min-width:0;
    min-height:150px;
    padding:18px 9px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;
    text-align:center;
    border-radius:20px;
    border:1px solid transparent;
    box-shadow:0 4px 12px rgba(16,24,40,.025);
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease;
    color:#233344;
}

.o4-card:active {
    transform:scale(.97);
}

.o4-card strong {
    font-size:13px;
    font-weight:800;
    line-height:1.35;
}

.o4-card small {
    font-size:10px;
    opacity:.75;
}

.o4-card-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:16px;
    background:rgba(255,255,255,.75);
    font-size:27px;
    font-weight:800;
}

.o4-green {
    background:#e8f9ee;
    border-color:#d5f0de;
    color:#09844e;
}

.o4-orange {
    background:#fff1e5;
    border-color:#ffe4cf;
    color:#e67c25;
}

.o4-blue {
    background:#e9f1ff;
    border-color:#d8e6ff;
    color:#3273d9;
}

.o4-purple {
    background:#f2eaff;
    border-color:#e6d9ff;
    color:#8553d0;
}

.o4-pink {
    background:#fff0f5;
    border-color:#ffe0eb;
    color:#d85d91;
}

.o4-gray {
    background:#eef1f5;
    border-color:#e2e7ed;
    color:#64748b;
}

.o4-card[aria-disabled="true"] {
    opacity:.65;
}

.o4-bottom-nav {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:2px;
    background:#fff;
    padding:10px 8px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid #e7ebef;
    box-shadow:0 -6px 24px rgba(20,30,50,.07);
}

.o4-nav-item {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    background:transparent;
    border:0;
    border-radius:12px;
    color:#85919d;
    padding:7px 3px;
    font-size:11px;
    font-weight:700;
}

.o4-nav-icon {
    font-size:23px;
    line-height:1;
}

.o4-nav-item[aria-current="page"] {
    color:#098a53;
}

.o4-nav-primary .o4-nav-icon {
    width:49px;
    height:49px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#079655;
    color:#fff;
    font-size:30px;
    box-shadow:0 5px 14px rgba(0,140,75,.25);
}

@media(min-width:768px) {
    .o4-dashboard {
        padding:26px 35px 130px;
    }

    .o4-grid {
        gap:20px;
    }

    .o4-card {
        min-height:175px;
    }

    .o4-bottom-nav {
        max-width:900px;
        left:50%;
        right:auto;
        width:100%;
        transform:translateX(-50%);
        border-radius:20px 20px 0 0;
    }
}

@media(max-width:480px) {
    .o4-dashboard {
        padding:15px 14px 110px;
    }

    .o4-heading {
        margin-bottom:19px;
    }

    .o4-welcome {
        padding:19px 16px;
        border-radius:19px;
    }

    .o4-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }

    .o4-card {
        min-height:126px;
        padding:12px 5px;
        gap:9px;
        border-radius:16px;
    }

    .o4-card-icon {
        width:43px;
        height:43px;
        border-radius:13px;
        font-size:24px;
    }

    .o4-card strong {
        font-size:11px;
    }
}

@media(max-width:340px) {
    .o4-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* OHELP_REFERENCE_CUSTOMER_V1: isolated to customer home */
.dashboard-home:has(.ref-dashboard){padding:0!important;max-width:none!important}
.shell:has(.ref-dashboard){max-width:1280px!important;padding:0 12px 85px!important}
.shell:has(.ref-dashboard)>.topbar{display:none!important}
.ref-dashboard{font-family:inherit;color:#152a33;width:100%;margin:0 auto;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 12px 40px #0b39251a}
.ref-hero{position:relative;isolation:isolate;min-height:565px;background:linear-gradient(105deg,#003f32 0%,#00543c 56%,#187747 100%);color:white;padding:28px 4% 86px;overflow:hidden}
.ref-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 50%,#7b9b2d55,transparent 43%),linear-gradient(0deg,#003d31aa,transparent 50%);z-index:-1}
.ref-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:3}
.ref-top .brand{color:#fff!important;font-size:32px}.ref-top .brand img{height:51px;width:51px;object-fit:contain}
.ref-topright{display:flex;align-items:center;gap:16px}.ref-bell{background:transparent!important;color:#fff!important;font-size:32px;padding:6px!important}
.ref-profile{display:flex;align-items:center;gap:10px;border:2px solid #ffffff6b!important;background:#ffffff1b!important;color:white!important;border-radius:40px!important;padding:6px 15px 6px 6px!important;font-size:18px}
.ref-profile img,.ref-profile .avatar-fallback{height:43px!important;width:43px!important;border-radius:50%;object-fit:cover;margin:0!important}
.ref-utility{display:flex;justify-content:flex-end;position:relative;z-index:3;margin-top:22px}.ref-refresh{border:2px solid #ffffffad!important;background:#ffffff13!important;color:#fff!important;border-radius:22px!important;padding:10px 24px!important}
.ref-copy{position:relative;z-index:2;max-width:72%;margin-top:4px}.ref-copy h2{color:#fff!important;font-size:clamp(35px,5vw,66px);line-height:1.16;max-width:720px;letter-spacing:-1.5px;margin:12px 0 20px;font-weight:800}.ref-copy p{color:#fff;font-size:clamp(16px,2vw,27px);margin:0 0 46px}
.ref-searchbar{display:flex;align-items:center;border-radius:80px;background:white;padding:8px 9px 8px 22px;box-shadow:0 6px 20px #002e2a28;max-width:820px;min-height:74px;gap:12px}.ref-search-icon{font-size:35px;color:#536477}.ref-searchbar input{border:0!important;outline:0!important;min-width:0;flex:1;background:transparent!important;color:#243446!important;font-size:19px;padding:6px!important}.ref-search-go{border-radius:50%!important;width:61px;min-width:61px;height:61px;background:#009b68!important;font-size:39px;padding:0!important;color:#fff!important}
.ref-portrait{position:absolute;right:2%;bottom:18px;width:32%;height:340px;display:flex;align-items:flex-end;justify-content:center;z-index:1}.ref-portrait>img,.ref-portrait>.avatar-fallback{height:100%!important;width:100%!important;object-fit:cover;object-position:center top;border-radius:48% 48% 18px 18px!important;border:0!important;box-shadow:none!important;font-size:140px;background:#e2eee5;color:#0d654a}.ref-photo-plus{position:absolute;right:0;bottom:6px;border-radius:50%!important;width:45px;height:45px;padding:0!important;background:#008d60!important;color:white!important;font-size:29px}
.ref-agent{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap;color:#fff!important;margin-top:15px;font-size:14px}.ref-agent .agent-code-label,.ref-agent .agent-code-tap,.ref-agent .agent-code-hint{color:#fff!important}.ref-agent button{background:#ffffff24!important;color:white!important;border:1px solid #ffffff7a!important;padding:5px 10px!important;min-height:35px!important}.ref-agent .agent-copy-feedback{color:#fff!important}
.ref-lower{position:relative;margin-top:-24px;background:#fff;border-radius:38px 38px 0 0;padding:36px 26px 30px;z-index:4}
.ref-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:38px}.ref-category{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent!important;color:#172939!important;padding:0!important;min-width:0}.ref-category-icon{width:110px;height:110px;max-width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff1df;color:#ee9619;font-size:49px;font-weight:750}.ref-category-1 .ref-category-icon{background:#e5f5ff;color:#1371c8}.ref-category-2 .ref-category-icon{background:#fff1e0;color:#f39b1e}.ref-category-3 .ref-category-icon{background:#fff0e3;color:#ed821a}.ref-category-4 .ref-category-icon{background:#ffe6eb;color:#ed355c}.ref-category-5 .ref-category-icon{background:#edebff;color:#3936a8}.ref-category-label{font-size:18px;font-weight:650}
.ref-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ref-action{min-height:140px;display:flex;align-items:center;gap:20px;text-align:left;border-radius:26px!important;padding:24px!important;color:#17242e!important;background:#e8faef!important}.ref-blue{background:#eaf5ff!important}.ref-purple{background:#f2edff!important}.ref-action-icon{display:grid;place-items:center;width:65px;height:65px;flex-shrink:0;border-radius:20px;background:#008b57;color:#fff;font-size:38px}.ref-blue .ref-action-icon{background:#1476e5}.ref-purple .ref-action-icon{background:#803ce5}.ref-action strong{display:block;font-size:21px}.ref-action small{display:block;font-size:15px;font-weight:400;margin-top:4px}.ref-extra{margin-top:38px;border-top:1px solid #e9eeee;padding-top:22px}.ref-extra h3{font-size:18px}.ref-extra-grid{display:flex;gap:10px;flex-wrap:wrap}.ref-extra-grid button{min-height:42px!important}
@media(max-width:700px){.ref-dashboard{border-radius:16px}.ref-hero{min-height:480px;padding:18px 18px 58px}.ref-top .brand{font-size:22px}.ref-top .brand img{height:35px;width:35px}.ref-topright{gap:4px}.ref-bell{font-size:24px}.ref-profile{font-size:13px;padding:3px 8px 3px 3px!important;gap:5px}.ref-profile img,.ref-profile .avatar-fallback{height:31px!important;width:31px!important}.ref-utility{margin-top:16px}.ref-refresh{font-size:12px;padding:5px 10px!important;min-height:35px!important}.ref-copy{max-width:100%;margin-top:20px}.ref-copy h2{font-size:clamp(29px,8vw,44px);max-width:78%;letter-spacing:-.6px}.ref-copy p{font-size:15px;max-width:72%;margin-bottom:34px}.ref-portrait{height:190px;width:37%;right:0;bottom:96px;opacity:.98}.ref-searchbar{min-height:58px;padding:5px 6px 5px 13px;gap:5px}.ref-search-icon{font-size:24px}.ref-searchbar input{font-size:13px!important}.ref-search-go{width:45px;min-width:45px;height:45px;font-size:30px}.ref-agent{margin-top:10px;font-size:12px}.ref-lower{padding:25px 12px}.ref-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 6px}.ref-category-icon{width:74px;font-size:33px}.ref-category-label{font-size:13px}.ref-actions{grid-template-columns:1fr;gap:12px}.ref-action{min-height:90px;padding:14px!important}.ref-action-icon{width:54px;height:54px;font-size:30px}.ref-action strong{font-size:18px}.ref-action small{font-size:13px}}

/* OHELP DASHBOARD ICON PROPORTION FIX */
@media (max-width: 768px) {

    .ohelp-reference-dashboard .category-icon,
    .ohelp-reference-dashboard .category-circle,
    .ohelp-reference-dashboard .ohelp-category-icon,
    .ohelp-reference-dashboard .ref-category-icon,
    .ohelp-reference-dashboard .category-item > span:first-child {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        font-size: 26px !important;
        line-height: 1 !important;
    }

    .ohelp-reference-dashboard .category-icon svg,
    .ohelp-reference-dashboard .category-circle svg,
    .ohelp-reference-dashboard .ohelp-category-icon svg,
    .ohelp-reference-dashboard .ref-category-icon svg {
        width: 27px !important;
        height: 27px !important;
    }

    .ohelp-reference-dashboard .category-icon img,
    .ohelp-reference-dashboard .category-circle img,
    .ohelp-reference-dashboard .ohelp-category-icon img {
        width: 28px !important;
        height: 28px !important;
        object-fit: contain !important;
    }

    .ohelp-reference-dashboard .category-grid,
    .ohelp-reference-dashboard .categories-grid,
    .ohelp-reference-dashboard .ref-categories {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
        justify-items: center !important;
    }
}


/* OHELP_FAST_INTERACTION_STYLES_V1 */

button,
a,
[role="button"],
[role="menuitem"] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

button:not(:disabled),
a,
[role="button"],
[role="menuitem"] {
    transition:
        opacity 100ms ease,
        filter 100ms ease,
        transform 100ms ease;
}

button.ohelp-pressing,
a.ohelp-pressing,
[role="button"].ohelp-pressing {
    opacity: .82;
    transform: scale(.985);
}

button.ohelp-click-ack,
a.ohelp-click-ack,
[role="button"].ohelp-click-ack {
    filter: brightness(.94);
}

.ohelp-action-pending {
    position: relative;
    cursor: progress;
}

.ohelp-action-pending::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 7px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    animation: ohelp-fast-spin .65s linear infinite;
}

@keyframes ohelp-fast-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ohelp-action-pending::after {
        animation: none;
    }

    button,
    a,
    [role="button"] {
        transition: none;
    }
}


/* OHELP_FEED_LANDING_V1 */

html,
body,
#app {
    max-width:100%;
    overflow-x:hidden;
}

/* OHELP_FEED_MEDIA_V2 */

/* OHELP_INDEPENDENT_FEED_LAYOUT_V1 */

/* END OHELP_INDEPENDENT_FEED_LAYOUT_V1 */

/* OHELP_FEED_TOPBAR_STYLE_V1 */

/* OHELP_FEED_HEADER_FINAL_STYLE_V2 */

/* END OHELP_FEED_HEADER_FINAL_STYLE_V2 */

/* OHELP_SINGLE_FEED_TITLE_STYLE_V3 */

/* END OHELP_SINGLE_FEED_TITLE_STYLE_V3 */

/* OHELP_FEED_POST_MENU_STYLE_V1 */

/* END OHELP_FEED_POST_MENU_STYLE_V1 */

/* OHELP_FEED_POST_LEFT_STYLE_FINAL_V2 */

/*
 * Feed top bar:
 * Post = extreme left
 * OHelp logo = centered
 * Feed = centered under logo
 */

/* The Post control is anchored to the left edge. */

/* Profile + Post are one compact prominent control. */

/* User profile picture on the Post button. */

/* If the user has no photo, keep the Post control compact. */

/* Keep the dropdown attached to the left-side Post button. */

/* Keep the centered OHelp branding untouched. */

/* END OHELP_FEED_POST_LEFT_STYLE_FINAL_V2 */

/* OHELP_FEED_PROFILE_ABOVE_POST_STYLE_V3 */

/*
 * Make the Feed header vertically taller.
 * The logo and Feed remain centered.
 * The Post/profile stack sits on the LEFT.
 */

/*
 * Left-side profile + Post stack.
 */

/*
 * Profile picture sits directly ABOVE Post.
 */

/*
 * Profile image.
 */

/*
 * Post button is BELOW the profile picture.
 */

/*
 * Post text.
 */

/*
 * Dropdown opens underneath the Post button.
 */

/*
 * Remove any old profile styling that attempted to put
 * the picture inside the Post button.
 */

/*
 * Preserve the centered OHelp branding.
 */

/* END OHELP_FEED_PROFILE_ABOVE_POST_STYLE_V3 */

/* =========================================================
   OHELP_FEED_HEADER_PROFILE_ABOVE_POST_STYLE_V4
   ========================================================= */

/*
 * Profile is directly above Post.
 */

/*
 * Post is below the profile picture.
 */

/*
 * Artisan / Customer dropdown.
 */

/*
 * The existing Feed topbar becomes taller so
 * the profile + Post stack has room.
 */

/*
 * Keep the existing OHelp logo centered.
 */

/*
 * Feed title stays below the logo.
 */

/*
 * Do not allow the left Post stack to
 * push the logo off center.
 */

/*
 * Existing Feed content remains untouched.
 */

/* END OHELP_FEED_HEADER_PROFILE_ABOVE_POST_STYLE_V4 */

/* OHELP_FEED_REMOVE_FOUR_ACTIONS_STYLE_V1 */

/*
 * These are Feed-only helper classes.
 * JavaScript performs the actual removal so
 * the underlying posting screens remain available.
 */





/* =========================================================
   OHELP_FEED_CORRECT_HEADER_LAYOUT_V2

   LEFT:
       Profile Picture
       Post

   BETWEEN LEFT AND CENTER:
       Available Balance
       Topup

   CENTER:
       OHelp Logo
       Feed

   RIGHT:
       Withdrawal
       Message
       Notification
   ========================================================= */

/*
 * Feed header is the positioning reference.
 */

/*
 * OHelp logo stays EXACTLY at the horizontal center.
 */

/*
 * Feed remains directly beneath the logo.
 */

/*
 * =========================================================
 * AVAILABLE BALANCE
 *
 * IMPORTANT:
 * It is NOT under the profile picture.
 *
 * It sits between the left Profile/Post area
 * and the centered OHelp logo.
 * =========================================================
 */

/*
 * Available Balance label.
 */

/*
 * Balance amount.
 */

/*
 * Topup directly below Available Balance.
 */

/*
 * =========================================================
 * LEFT PROFILE / POST
 *
 * Keep this at the far left.
 * Balance must NOT be nested underneath it.
 * =========================================================
 */

/*
 * =========================================================
 * RIGHT SIDE
 *
 * Withdrawal → Message → Notification
 * =========================================================
 */

/*
 * =========================================================
 * MOBILE
 * =========================================================
 */

@media(max-width:650px){

    /*
     * Keep the balance between the left controls
     * and center logo rather than dropping it below
     * the profile.
     */
}

/* END OHELP_FEED_CORRECT_HEADER_LAYOUT_V2 */

/* OHELP_LANDING_CLEAN_HEADER_V1 */

/* OHELP_LANDING_BLANK_BODY_V1 */

/* OHELP_LANDING_FINAL_V1 */
/* END OHELP_LANDING_FINAL_V1 */
/* OHelp Landing: one renderer, one header and the existing workspace destinations. */
.shell.ohelp-landing-shell{max-width:1080px;min-height:100dvh;padding:0 28px 116px;background:#f5f8f5;color:#153e31}
.ohelp-landing-page{min-width:0;padding:0;margin:0}.ohelp-landing-page>.sr-only{position:absolute}.landing-content{min-width:0}
.landing-header{display:grid;grid-template-columns:48px minmax(0,1fr) 96px;gap:12px;align-items:center;padding:20px 0;background:transparent;position:relative;z-index:5}
.landing-profile{width:46px;height:46px;min-height:46px;padding:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#deebdf;color:#174f37;font-size:20px;border:2px solid white;box-shadow:0 2px 8px #163d3310}.landing-profile img{width:100%;height:100%;object-fit:cover}
.landing-logo{justify-self:center;min-width:0}.landing-logo .brand{display:flex;gap:8px;align-items:center;font-size:22px;white-space:nowrap}.landing-logo .brand img{width:40px;height:40px;object-fit:contain}
.landing-header-actions{display:flex;justify-content:flex-end;gap:4px}.landing-icon-button{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:10px;border-radius:50%;background:transparent;color:#234d3d;position:relative}.landing-icon-button svg{width:24px;height:24px}.landing-header .notification-bell-icon{display:flex}.landing-header .notification-badge{position:absolute;top:0;right:0}
.landing-button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.landing-button svg{width:24px;height:24px;flex:none}
.landing-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#56754c;margin:0 0 12px}
.landing-main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin:12px 0 0}.landing-main-actions>.landing-button,.landing-main-actions summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;height:100%;border:1px solid #d1e2d4;border-radius:16px;padding:12px;font-size:14px;text-align:center;box-shadow:0 2px 6px #174c3808}.landing-main-actions>.landing-button{background:transparent;color:#24563b}.landing-main-actions .landing-post-menu{display:block}.landing-main-actions summary{background:#176442;color:#fff}.landing-main-actions svg{width:20px;height:20px;flex:0 0 20px}.landing-main-actions .landing-post-options{left:50%;transform:translateX(-50%)}.landing-feed{margin-top:28px}
.landing-post-menu{position:relative;display:inline-block;z-index:6}.landing-post-menu summary{display:flex;align-items:center;gap:12px;list-style:none;background:#176442;color:white;padding:14px 25px;border-radius:14px;font-weight:700;cursor:pointer}.landing-post-menu summary::-webkit-details-marker{display:none}.landing-post-menu summary svg{width:22px;height:22px}.landing-post-options{position:absolute;left:0;top:calc(100% + 8px);width:min(270px,70vw);padding:8px;border:1px solid #dce7dc;background:white;border-radius:16px;box-shadow:0 10px 28px #173b3020;display:grid;gap:4px}.landing-post-options button{background:transparent;color:#214733;text-align:left;padding:12px;font-size:14px;border-radius:10px}.landing-post-options button:hover{background:#edf4e9}
.landing-account{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;background:#174c38;border:1px solid #174c38;border-radius:22px;padding:24px 28px;color:white}.landing-account p{margin:0 0 8px;font-size:13px;color:#d6e7d6}.landing-balance{font-size:clamp(25px,4vw,36px);letter-spacing:-.8px;line-height:1.2}.landing-account-actions{display:flex;gap:9px}.landing-account-actions button{background:transparent;color:#174c38;border:1px solid #f1f6e9;min-height:44px;font-size:13px;padding:10px 18px}.landing-account-actions button:last-child{background:transparent;color:white;border-color:#90ad96}.landing-account .landing-wallet-status:empty{display:none}.landing-wallet-status{width:100%;margin:0!important}

.landing-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.landing-feed-heading .landing-eyebrow{margin-bottom:6px}.landing-feed-heading h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:0}.landing-feed-heading button{font-size:12px;min-height:42px;padding:10px 13px;border:1px solid #d7e2d4;background:white;color:#28503a}.landing-feed-heading svg{width:17px;height:17px}.landing-feed-status{font-size:13px;color:#667869;min-height:22px;margin:12px 0 18px}
.landing-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.landing-feed-card{padding:24px;border:1px solid #e0e8dc;border-radius:22px;background:transparent;min-width:0;overflow-wrap:anywhere}.landing-card-label{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#54714e;font-size:10px;letter-spacing:1px;font-weight:700;margin-bottom:18px}.landing-card-label small{font-size:11px;letter-spacing:0;font-weight:500;color:#778b77}.landing-feed-card h3{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:0 0 10px}.landing-description{color:#596c5a;font-size:14px;line-height:1.65;white-space:pre-line}.landing-meta{font-size:12px;color:#778675;line-height:1.7}.landing-budget{display:block;margin:18px 0;color:#245b3c;font-size:19px}.landing-card-action{width:100%;margin-top:20px;border:1px solid #d8e5d4;background:transparent;color:#28563a;font-size:13px;min-height:44px}.landing-card-action svg{width:18px;height:18px}.landing-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.landing-media img,.landing-media video{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:320px;border-radius:12px;background:#edf2e9}.landing-empty{padding:32px;text-align:center;border:1px dashed #cddcc8;border-radius:20px;grid-column:1/-1;color:#5c755d}
.landing-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),700px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0e7da;border-radius:22px;background:rgba(255,255,255,0.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 30px #153d311a;padding:8px;z-index:25}.landing-nav button{flex-direction:column;gap:4px;background:transparent;color:#73816e;min-height:56px;padding:6px;font-size:11px;border-radius:14px}.landing-nav button[aria-current]{background:#eaf2e1;color:#245c37}.landing-nav svg{width:21px;height:21px}
.landing-dialog{max-width:min(520px,calc(100vw - 28px));width:100%;max-height:85dvh;overflow:auto;border:1px solid #dae5d5;border-radius:22px;padding:24px;color:#234832}.landing-dialog::backdrop{background:#102e2466}.landing-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.landing-dialog-heading h2{font-size:22px;margin:0}.landing-dialog-heading button{padding:8px 14px;min-height:40px}.landing-dialog .ohelp-artisan-withdrawal{position:static!important;transform:none!important;margin:0!important}
@media(max-width:650px){.shell.ohelp-landing-shell{padding:0 16px 112px}.landing-header{padding:14px 0;grid-template-columns:44px minmax(0,1fr) 88px;gap:6px}.landing-logo .brand{font-size:19px;gap:6px}.landing-logo .brand img{width:34px;height:34px}.landing-account{padding:21px;gap:16px}.landing-account-actions button{padding:9px 13px}.landing-feed-heading h2{font-size:21px}.landing-feed-grid{grid-template-columns:1fr}.landing-feed-card{padding:21px}.landing-nav{width:calc(100% - 24px)}.landing-dialog input{font-size:16px}}
@media(max-width:370px){.landing-account-actions{width:100%}.landing-account-actions button{flex:1}.landing-feed-heading{align-items:flex-start}.landing-feed-heading h2{font-size:19px}}

@media(max-width:650px){.landing-main-actions{gap:6px}.landing-main-actions>.landing-button,.landing-main-actions summary{padding:10px 4px;font-size:12px;gap:6px;min-height:68px}.landing-main-actions>.landing-button,.landing-main-actions summary{flex-direction:column}.landing-main-actions svg{width:20px;height:20px}}

/* Profession selection only */
.ohelp-searchable-professions{min-width:0}.ohelp-searchable-professions input{width:100%;min-width:0;font-size:16px}.ohelp-selected-professions,.ohelp-profession-results{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.ohelp-selected-professions button,.ohelp-profession-results button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.ohelp-profession-results{max-height:280px;overflow-y:auto;margin-top:12px}

@keyframes ohelpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} .brand img{animation:ohelpFloat 3s ease-in-out infinite} @media(prefers-reduced-motion:reduce){.brand img{animation:none}}

/* OHELP_FOOTER_BUTTON_VISIBILITY_V1 */
.landing-nav {
    background: #ffffff !important;
    border: 1px solid #c9d9d0 !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.18) !important;
    backdrop-filter: none !important;
}

.landing-nav .landing-button {
    color: #075c32 !important;
    opacity: 1 !important;
    font-weight: 750 !important;
    background: transparent !important;
    border-radius: 14px !important;
    min-height: 52px;
}

.landing-nav .landing-button[aria-current="page"] {
    background: #087a3b !important;
    color: #ffffff !important;
}

.landing-nav .landing-button svg {
    opacity: 1 !important;
    stroke: currentColor !important;
}

.ohelp-job-advert-apply,
.community-open {
    background: #087a3b !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
    border: 2px solid #075c32 !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.18);
}

.auth-wrap button,
.auth-wrap button[type="submit"] {
    opacity: 1 !important;
    font-weight: 750 !important;
}

.auth-wrap button[type="submit"] {
    background: #087a3b !important;
    color: #ffffff !important;
    border: 2px solid #075c32 !important;
}

.auth-wrap button.secondary,
.auth-wrap .tabs button {
    color: #075c32 !important;
    border: 1px solid #087a3b !important;
    background: #ffffff !important;
}

button:focus-visible,
.landing-nav button:focus-visible {
    outline: 3px solid #8700c9 !important;
    outline-offset: 3px;
}
/* OHELP_MESSAGE_ICON_VISIBILITY_V1 */
.landing-icon-button {
    color: #243c35;
    opacity: 1;
}
.landing-icon-button svg {
    width: 25px;
    height: 25px;
    stroke-width: 1.65;
    opacity: 1;
}
.landing-icon-button:hover,
.landing-icon-button:focus-visible {
    color: #176b4a;
}
/* OHELP_MESSAGE_ICON_V2 */
.landing-header-actions
button[data-message-badge="true"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 9px !important;
    color: #174f3c !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
}

.landing-header-actions
button[data-message-badge="true"] > svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    flex-shrink: 0;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.landing-header-actions
button[data-message-badge="true"] .notification-badge {
    position: absolute;
    top: 0;
    right: 0;
}

/* OHELP_UI_RESTORE_20261104 */

/* Make the wallet Withdraw action visible. */
.landing-account-actions button {
    opacity: 1 !important;
    visibility: visible !important;
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    font-weight: 700 !important;
}

/* Restore white titles on green customer-job cards. */
.ohelp-job-advert h1,
.ohelp-job-advert h2,
.ohelp-job-advert h3,
.ohelp-job-advert-title,
.landing-customer-card h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* OHELP_DROPDOWN_STACK_FIX_20261104 */

/* Keep landing action dropdowns above Marketplace Stories. */
.landing-account-actions,
.landing-quick-actions,
.landing-actions,
.landing-action-grid {
    position: relative;
    z-index: 100 !important;
    overflow: visible !important;
}

/* Raise the open menu above the feed. */
.landing-quick-actions .dropdown-menu,
.landing-actions .dropdown-menu,
.landing-action-grid .dropdown-menu,
.landing-quick-actions [role="menu"],
.landing-actions [role="menu"] {
    position: absolute;
    z-index: 1000 !important;
    visibility: visible !important;
}

/* Keep the stories layer below action menus. */
.landing-marketplace-stories,
.ohelp-marketplace-stories {
    position: relative;
    z-index: 1;
}

/* OHELP_LANDING_MENU_LAYER_REPAIR_V2 */

/* Raise the actual landing action container. */
.ohelp-landing-page .landing-main-actions {
    position: relative !important;
    z-index: 500 !important;
    overflow: visible !important;
}

/* Keep both action menus above following sections. */
.ohelp-landing-page .landing-post-menu,
.ohelp-landing-page .landing-post-menu[open] {
    position: relative !important;
    z-index: 600 !important;
    overflow: visible !important;
}

.ohelp-landing-page .landing-post-menu[open] > :not(summary) {
    z-index: 700 !important;
}

/* Raise the action area itself above Stories. */
.ohelp-landing-page .landing-content {
    overflow: visible !important;
}

/* Ensure later feed sections cannot cover an open menu. */
.ohelp-landing-page .landing-feed-heading,
.ohelp-landing-page .landing-feed-grid {
    z-index: auto !important;
}


/* OHELP_WALLET_BALANCE_CONTRAST_FIX */

/* Restore readable wallet balance label and amount. */
.landing-account-balance,
.landing-account-balance-label,
.landing-account-balance-value,
.landing-account-balance-amount,
.landing-wallet-balance,
.landing-wallet-balance-label,
.landing-wallet-balance-amount {
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Keep balance visibility control clear and readable. */
.landing-account-balance button,
.landing-wallet-balance button,
.landing-balance-toggle,
.landing-balance-eye {
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Do not reveal a hidden balance: preserve visibility-toggle behavior. */

/* OHELP_JOB_SHARE_APPLY_ROW_20261104 */
.ohelp-job-advert-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.ohelp-job-advert-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.ohelp-job-advert-share {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #075c32 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

.ohelp-job-advert-apply {
    flex-shrink: 0 !important;
}
/* OHELP_EXISTING_SHARE_RELOCATION_20261104 */

/* Existing share action is moved visually into the job footer. */
.community-card:has(.ohelp-job-advert) {
    position: relative;
}

.community-card:has(.ohelp-job-advert) .community-share {
    position: absolute !important;
    right: 205px !important;
    bottom: 88px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #075c32 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}
/* OHELP_CUSTOMER_JOB_SHARE_INLINE_20261104 */
.ohelp-job-advert-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.ohelp-job-footer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

.ohelp-customer-job-share {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #075c32 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}

.ohelp-job-footer-actions .ohelp-job-advert-apply {
    flex-shrink: 0 !important;
}

/* OHELP_WALLET_EXACT_CONTRAST_20261104 */

/* Actual wallet container and label. */
.landing-account > div:first-child,
.landing-account > div:first-child > p {
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.landing-account > div:first-child > p {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

/* Balance amount and eye toggle on the same line. */
.landing-account .wallet-amount-row {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Actual balance text, including the masked amount. */
.landing-account .wallet-amount-row > :not(.wallet-eye):not([hidden]),
.landing-account .landing-balance:not([hidden]) {
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    font-size: 25px !important;
    font-weight: 800 !important;
}

/* Preserve hidden balance state. */
.landing-account .wallet-amount-row [hidden] {
    display: none !important;
}

/* Actual eye-toggle button. */
.landing-account .wallet-eye {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #064b32 !important;
    -webkit-text-fill-color: #064b32 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    cursor: pointer;
}

.landing-account .wallet-eye svg {
    stroke: #064b32 !important;
    opacity: 1 !important;
}
/* OHELP JOB DESCRIPTION COLLAPSE V1 */
.ohelp-job-advert-description.ohelp-job-description-collapsed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    white-space: pre-line;
}

.ohelp-job-advert-description.ohelp-job-description-expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
}

.ohelp-job-see-more {
    display: inline-block;
    width: auto;
    padding: 4px 0;
    margin: 0 0 8px;
    border: 0;
    background: transparent;
    color: #8B12C7;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.ohelp-job-see-more[hidden] {
    display: none !important;
}
/* OHELP_STARTUP_SPINNER_CSS_V1 */
.ohelp-startup-spinner {
    width: 36px;
    height: 36px;
    margin: 18px auto;
    border: 3px solid rgba(110, 77, 180, 0.18);
    border-top-color: #7545c5;
    border-radius: 50%;
    animation: ohelpStartupSpin 0.8s linear infinite;
}
@keyframes ohelpStartupSpin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .ohelp-startup-spinner { animation: none; }
}
/* OHELP_FEATURED_REMOVED_FINAL */
.ohelp-native-featured {
    display: none !important;
}

/* OHELP_FIND_SERVICE_PROVIDER_TWO_LINE_V1 */
.landing-main-actions > .ohelp-find-provider {
    flex-direction: column;
    gap: 5px;
    text-align: center;
}

.landing-main-actions > .ohelp-find-provider svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.landing-main-actions > .ohelp-find-provider span {
    display: block;
    max-width: 100%;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
}
/* OHELP_CUSTOM_MESSAGE_ICON */
.landing-header-actions .ohelp-custom-message-icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}
.landing-header-actions [data-message-badge] {
    position: relative;
}

/* OHELP MARKETPLACE COMPACT SHOPPING GRID V1 */
.shell:has(.ohelp-shop-grid) {
    max-width: 1440px !important;
}

.ohelp-shop-grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.ohelp-shop-grid > .ohelp-shop-card {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border: 1px solid #e2e9e3 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px #173b2810 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.ohelp-shop-card img,
.ohelp-shop-card video {
    max-width: 100% !important;
    object-fit: contain !important;
}

.ohelp-shop-card > h2,
.ohelp-shop-card > h3,
.ohelp-shop-card > strong {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 8px 10px 0 !important;
    overflow-wrap: anywhere;
}

.ohelp-shop-card > p {
    margin: 3px 10px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.ohelp-shop-card > button {
    min-height: 34px !important;
    padding: 7px 9px !important;
    margin: 3px 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

.ohelp-shop-card > button:last-child {
    margin-bottom: 8px !important;
}

@media (max-width: 1100px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }
}

@media (max-width: 800px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width: 600px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 9px !important;
    }

    .ohelp-shop-card > button {
        font-size: 11px !important;
        padding: 6px !important;
        margin: 2px 7px !important;
    }

    .ohelp-shop-card > p,
    .ohelp-shop-card > strong {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
}
/* END OHELP MARKETPLACE COMPACT SHOPPING GRID V1 */
/* OHELP_MARKETPLACE_COMPACT_CARDS_V2 */
/* Scoped exclusively to Marketplace browsing product cards. */

.ohelp-shop-grid {
    align-items: start !important;
    gap: 12px !important;
}

.ohelp-shop-grid > .ohelp-shop-card {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    align-content: start !important;
    align-items: start !important;
    gap: 4px 6px !important;
    padding: 0 0 9px !important;
    border-radius: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.06) !important;
}

.ohelp-shop-grid .ohelp-shop-card > :not(button) {
    grid-column: 1 / -1;
    min-width: 0;
}

.ohelp-shop-grid .ohelp-shop-card img,
.ohelp-shop-grid .ohelp-shop-card video {
    max-width: 100% !important;
    object-fit: contain !important;
    background: #f4f6f4 !important;
}

.ohelp-shop-grid .ohelp-shop-card > img,
.ohelp-shop-grid .ohelp-shop-card > video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: none !important;
    object-fit: contain !important;
}

.ohelp-shop-grid .ohelp-shop-card > strong,
.ohelp-shop-grid .ohelp-shop-card > h2,
.ohelp-shop-grid .ohelp-shop-card > h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    margin: 5px 9px 0 !important;
}

.ohelp-shop-grid .ohelp-shop-card > p {
    margin: 2px 9px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

.ohelp-shop-grid .ohelp-shop-card > button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 6px 4px !important;
    margin: 2px 0 !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.ohelp-shop-grid .ohelp-shop-card > .ohelp-shop-add {
    grid-column: 1 / -1;
    margin: 5px 9px 2px !important;
    background: #167343 !important;
    color: #fff !important;
}

.ohelp-shop-grid .ohelp-shop-card > .ohelp-shop-chat {
    grid-column: 1;
    margin-left: 9px !important;
    background: #e8f3eb !important;
    color: #17613c !important;
}

.ohelp-shop-grid .ohelp-shop-card > .ohelp-shop-buy {
    grid-column: 2;
    margin-right: 9px !important;
    background: #167343 !important;
    color: #fff !important;
}

.ohelp-shop-grid .ohelp-shop-gallery-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 2px !important;
    border-radius: 50% !important;
    font-size: 22px !important;
    line-height: 1 !important;
    background: rgba(22,91,59,.9) !important;
    color: white !important;
    box-shadow: none !important;
}

.ohelp-shop-grid .ohelp-shop-card :has(> .ohelp-shop-gallery-arrow) {
    min-height: 0 !important;
}

.ohelp-shop-grid .ohelp-shop-card > :is(
    .ohelp-shop-add,
    .ohelp-shop-chat,
    .ohelp-shop-buy
) {
    align-self: end !important;
}

@media(max-width:600px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    .ohelp-shop-grid .ohelp-shop-card > button {
        font-size: 10px !important;
        min-height: 30px !important;
    }

    .ohelp-shop-grid .ohelp-shop-card > strong,
    .ohelp-shop-grid .ohelp-shop-card > h2,
    .ohelp-shop-grid .ohelp-shop-card > h3 {
        font-size: 12px !important;
    }
}

/* END OHELP_MARKETPLACE_COMPACT_CARDS_V2 */
/* OHELP_TEMU_LAYOUT_V3 */

.ohelp-shop-grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
}

.ohelp-shop-grid > .ohelp-temu-card {
    display: block !important;
    min-width: 0 !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.ohelp-shop-grid .ohelp-temu-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 3px !important;
}

.ohelp-shop-grid .ohelp-temu-viewport {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
}

.ohelp-shop-grid .ohelp-temu-viewport > img,
.ohelp-shop-grid .ohelp-temu-viewport > video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-height: none !important;
}

.ohelp-shop-grid .ohelp-temu-gallery-controls {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 5px !important;
    margin: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
}

.ohelp-shop-grid .ohelp-temu-gallery-controls .ohelp-temu-arrow {
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.92) !important;
    color: #222 !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    box-shadow: 0 1px 5px #0002 !important;
}

.ohelp-shop-grid .ohelp-temu-counter {
    display: none !important;
}

.ohelp-shop-grid .ohelp-temu-information {
    padding: 7px 2px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.ohelp-shop-grid .ohelp-temu-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #343434 !important;
}

.ohelp-shop-grid .ohelp-temu-price-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.ohelp-shop-grid .ohelp-temu-price {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #171717 !important;
    white-space: nowrap !important;
}

.ohelp-shop-grid .ohelp-temu-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 39px !important;
    width: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #888 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: none !important;
}

.ohelp-shop-grid .ohelp-temu-stock {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #777 !important;
}

.ohelp-shop-grid .ohelp-temu-quick-look {
    width: fit-content !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 2px 0 !important;
    padding: 3px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #167343 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.ohelp-shop-grid .ohelp-temu-details[hidden] {
    display: none !important;
}

.ohelp-shop-grid .ohelp-temu-details:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 6px 0 !important;
}

.ohelp-shop-grid .ohelp-temu-details > button {
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

.ohelp-shop-grid .ohelp-temu-description {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

@media(max-width:1100px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }
}

@media(max-width:800px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:600px) {
    .ohelp-shop-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    .ohelp-shop-grid .ohelp-temu-price {
        font-size: 16px !important;
    }

    .ohelp-shop-grid .ohelp-temu-cart-button {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        flex-basis: 34px !important;
    }
}

/* END OHELP_TEMU_LAYOUT_V3 */