/* Approved landing and community panels only. Other screens retain their styles. */
html body #app .landing-content>.landing-main-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:9px!important;border:1px solid #fff!important;border-radius:25px!important;background:#ffffffa6!important}
html body #app .landing-content>.landing-main-actions>*,html body #app .landing-content>.landing-main-actions>details{margin:0!important;min-width:0!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative!important}
html body #app .landing-content>.landing-main-actions button,html body #app .landing-content>.landing-main-actions summary{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:95px!important;height:95px!important;padding:10px 3px!important;border:1px solid #e4e9e6!important;background:#fff!important;border-radius:21px!important;color:#114c29!important;font-size:14px!important;font-weight:750!important;box-shadow:0 5px 10px #3858651b!important;cursor:pointer}
html body #app .landing-content>.landing-main-actions summary:after{display:none!important}
html body #app .landing-content>.landing-main-actions svg{width:30px!important;height:30px!important;background:transparent!important;padding:0!important}
html body #app .landing-content>.landing-main-actions>.landing-post-menu>summary{background:linear-gradient(#00a838,#004d22)!important;color:#fff!important;border-color:#9ff7ad!important}
html body #app .landing-content>.landing-main-actions details[open]>div{position:absolute!important;top:100%!important;z-index:30!important;min-width:190px!important;background:#fff!important;box-shadow:0 8px 20px #14372e33!important;border-radius:12px!important;padding:6px!important}
html body #app .landing-content>.landing-main-actions details[open]>div button{min-height:44px!important;height:auto!important;font-size:13px!important;flex-direction:row!important}
html body #app .landing-content .landing-feed .landing-feed-grid{display:flex!important;flex-direction:column!important;gap:14px!important;max-width:850px!important;margin:0 auto!important;grid-template-columns:none!important}
html body #app .landing-content .landing-feed .ohelp-community-card{display:flex!important;flex-direction:column!important;width:100%!important;box-sizing:border-box!important;gap:10px!important;padding:13px!important;background:#fff!important;border:1px solid #e6ddf0!important;border-radius:24px!important;box-shadow:0 7px 16px #63468a16!important;min-height:0!important;overflow:hidden!important}
html body #app .landing-content .landing-feed .ohelp-community-card>*{margin:0!important;width:100%!important;box-sizing:border-box!important;max-width:none!important;position:relative}
html body #app .ohelp-community-card .community-author{display:flex!important;align-items:center!important;gap:10px!important}
html body #app .ohelp-community-card .community-avatar{flex:0 0 45px!important;width:45px!important;height:45px!important;border-radius:50%!important;background:#eee5f7;display:grid;place-items:center;color:#643280;font-size:21px;font-weight:800;overflow:hidden}
html body #app .ohelp-community-card .community-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:1!important}
html body #app .ohelp-community-card .community-identity{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0}
html body #app .ohelp-community-card .community-identity strong{font-size:17px!important;line-height:1.2;color:#17111f!important}
html body #app .ohelp-community-card .community-identity small{width:100%;font-size:12px;color:#55495e}
html body #app .community-verified{border-radius:50%;background:#8d14c8;color:#fff;width:18px;height:18px;text-align:center;font-size:12px;font-weight:800}
html body #app .ohelp-community-card .community-description{font-size:16px!important;line-height:1.4!important;color:#201a27!important;white-space:pre-wrap!important;overflow-wrap:anywhere;max-height:none!important}
html body #app .landing-content .landing-feed .ohelp-community-card .community-media{position:relative!important;margin:0!important;border-radius:17px!important;overflow:hidden!important;background:#f1edf6!important;min-height:0!important;height:auto!important;width:100%!important;display:block!important}
html body #app .landing-content .landing-feed .ohelp-community-card .community-media>img,html body #app .landing-content .landing-feed .ohelp-community-card .community-media>video{display:block!important;width:100%!important;height:auto!important;max-height:700px!important;min-height:0!important;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
html body #app .community-kind{position:absolute;left:12px;bottom:12px;border-radius:20px;padding:6px 12px;background:#8d14c8;color:#fff;font-size:12px;font-weight:700;pointer-events:none}
html body #app .community-no-media{min-height:110px;display:grid;place-items:center;background:#f2edf8;border-radius:16px;color:#776280;font-size:13px}
html body #app .ohelp-community-card .community-details{display:flex!important;align-items:center!important;gap:10px!important}
html body #app .community-details>div{flex:1;min-width:0}
html body #app .ohelp-community-card h3{font-size:17px!important;margin:0 0 4px!important;color:#251930!important}
html body #app .community-price{display:block!important;color:#0a682c!important;font-size:23px!important;font-weight:800!important}
html body #app .community-location{display:flex!important;align-items:center;gap:5px;margin:4px 0 0!important;color:#42304f!important;font-size:13px!important}
html body #app .community-location svg{height:18px;width:18px;flex-shrink:0;color:#8513bf}
html body #app .community-open{border:2px solid #8a14c3!important;background:#fff!important;color:#8610b9!important;padding:8px 20px!important;border-radius:30px!important;font-size:15px!important;font-weight:800!important;white-space:nowrap;box-shadow:none!important}
html body #app .landing-customer-card .community-open{border-color:#1e7433!important;color:#1e7433!important}
html body #app .community-social{display:flex;justify-content:flex-end;border-top:1px solid #e7e0ed;padding-top:7px!important}
html body #app .community-social button{display:flex!important;align-items:center;gap:7px;padding:6px 12px!important;color:#211829!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:600!important;font-size:14px!important}
html body #app .community-social svg{width:23px;height:23px}
html body #app .community-action-status:empty{display:none!important}
html body #app .community-filters{display:flex!important;gap:8px!important;max-width:850px;margin:0 auto 12px!important}
html body #app .community-filter{flex:1!important;min-width:0!important;min-height:42px!important;border:1px solid #dfcbee!important;border-radius:24px!important;background:#fff!important;color:#241a2f!important;font-weight:750!important;font-size:14px!important;padding:7px 12px!important;box-shadow:0 3px 5px #8c12c51a!important}
html body #app .community-filter:last-child{flex:1.6!important}
html body #app .community-filter[aria-selected=true]{background:linear-gradient(#a02bdf,#7505b1)!important;color:#fff!important;border-color:#a247d8!important}
html body #app .landing-content .landing-nav{border-radius:32px!important;padding:6px!important;background:#fffffff2!important;border:1px solid #e8dfed!important;box-shadow:0 5px 15px #4c245b29!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
html body #app .landing-content .landing-nav button{min-width:0!important;min-height:65px!important;color:#201626!important;font-size:13px!important;border:0!important;border-radius:25px!important;background:transparent!important;font-weight:700!important}
html body #app .landing-content .landing-nav button[aria-current=page]{background:linear-gradient(#9d26dc,#7804b4)!important;color:#fff!important;box-shadow:0 3px 7px #820cba35!important}
html body #app .landing-content .landing-nav svg{width:26px!important;height:26px!important}
html body #app .ohelp-landing-shell .landing-header-actions .landing-icon-button{border-radius:50%!important;background:#fff!important;box-shadow:0 4px 12px #193e3d1a!important;margin-left:8px!important}
html body #app .community-open:focus-visible,html body #app .community-filter:focus-visible{outline:3px solid #dc9cff;outline-offset:3px}
@media(max-width:480px){html body #app .landing-content>.landing-main-actions{gap:6px!important;padding:6px!important}html body #app .landing-content>.landing-main-actions button,html body #app .landing-content>.landing-main-actions summary{min-height:78px!important;height:78px!important;font-size:11px!important;gap:8px!important}html body #app .community-filter{font-size:11px!important;padding:6px 3px!important}html body #app .community-open{font-size:12px!important;padding:8px 13px!important}html body #app .community-identity strong{font-size:15px!important}html body #app .ohelp-community-card .community-description{font-size:14px!important}html body #app .landing-content .landing-nav button{font-size:11px!important}}
html body #app .landing-content .landing-feed{background:#faf7ff!important;border-radius:24px;padding:12px!important}
html body #app .landing-content .landing-feed .community-social{justify-content:flex-end!important}
@media(min-width:800px){html body #app .landing-content>.landing-main-actions{max-width:850px!important;width:100%!important;box-sizing:border-box!important;margin-inline:auto!important}}
html body #app .ohelp-community-card .community-description{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important}
html body #app .ohelp-community-card .community-description.is-expanded{display:block!important;overflow:visible!important}
html body #app .ohelp-community-card .community-expand{align-self:flex-start!important;width:auto!important;padding:0!important;border:0!important;background:none!important;color:#8616bb!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
/* Restored wallet: original wallet CSS is deliberately left untouched. */
html body #app .landing-account .wallet-amount-row{display:inline-flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}
html body #app .landing-account .wallet-amount-row [hidden]{display:none!important}
html body #app .landing-account .wallet-eye{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:6px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#075c45!important;box-shadow:none!important}
html body #app .landing-account .wallet-eye svg{width:23px!important;height:23px!important}
/* Compact community geometry; legacy artisan-card selectors do not own this card. */
html body #app .landing-content .landing-feed .ohelp-community-card{height:auto!important;min-height:0!important;max-height:none!important;align-self:start!important;flex:0 0 auto!important;gap:8px!important;padding:11px!important;border-radius:22px!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #app .landing-content .landing-feed .ohelp-community-card>*{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;aspect-ratio:auto!important}
html body #app .ohelp-community-card .community-description{font-size:14px!important;line-height:1.4!important}
html body #app .landing-content .landing-feed .ohelp-community-card .community-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;position:relative!important;display:block!important;line-height:0!important}
html body #app .landing-content .landing-feed .ohelp-community-card .community-media>img,html body #app .landing-content .landing-feed .ohelp-community-card .community-media>video{width:100%!important;height:auto!important;min-height:0!important;max-height:min(55svh,380px)!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border:0!important;display:block!important}
html body #app .ohelp-community-card .community-kind,html body #app .ohelp-community-card .community-ai-label{position:absolute!important;display:inline-flex!important;align-items:center!important;min-height:0!important;height:auto!important;width:auto!important;max-width:calc(100% - 16px)!important;border:0!important;line-height:1.2!important;pointer-events:none!important;border-radius:18px!important;padding:5px 9px!important;font-size:10px!important;white-space:normal!important}
html body #app .ohelp-community-card .community-kind{top:8px!important;bottom:auto!important;left:8px!important;background:#8c15c7!important;color:#fff!important}
html body #app .ohelp-community-card .community-ai-label{bottom:8px!important;left:8px!important;background:#fffffff0!important;color:#34223e!important;font-weight:650!important}
html body #app .ohelp-community-card .community-illustration-note{font-size:10px!important;color:#75677c!important;line-height:1.3!important}
html body #app .landing-content .landing-feed .ohelp-community-card .community-no-media{display:block!important;margin:0!important;min-height:0!important;padding:12px!important;height:auto!important;border:1px dashed #dccbea!important;background:#f6f1fb!important;border-radius:12px!important;color:#6b5579!important;font-size:12px!important;line-height:1.3!important}
html body #app .ohelp-community-card .community-details{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:0!important}
html body #app .ohelp-community-card .community-price-location{min-width:0!important}
html body #app .ohelp-community-card .community-price-location h3{font-size:13px!important;margin:0 0 3px!important;line-height:1.2!important;-webkit-line-clamp:1!important}
html body #app .ohelp-community-card .community-price{font-size:22px!important;line-height:1.15!important}
html body #app .ohelp-community-card .community-location{font-size:12px!important;line-height:1.3!important;align-items:flex-start!important}
html body #app .ohelp-community-card .community-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #app .ohelp-community-card .community-open{min-height:36px!important;height:auto!important;width:auto!important;padding:7px 14px!important;font-size:13px!important;line-height:1.2!important}
html body #app .ohelp-community-card.community-job .community-open{border-color:#1e7433!important;color:#1e7433!important}
html body #app .ohelp-community-card .community-share{display:inline-flex!important;flex:none!important;align-items:center!important;gap:5px!important;width:auto!important;height:30px!important;min-height:30px!important;padding:4px 7px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;line-height:1.2!important;color:#292032!important}
html body #app .ohelp-community-card .community-share svg{width:17px!important;height:17px!important;flex:none!important}
html body #app .ohelp-community-card .community-action-status:empty,html body #app .ohelp-community-card [hidden]{display:none!important}
html body #app .ohelp-community-card .ohelp-video-status{position:absolute!important;inset:0!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;background:#173b3566;color:#fff;line-height:1.4;pointer-events:none}
html body #app .ohelp-community-card .ohelp-video-status button{pointer-events:auto!important}
html body #app .shell.ohelp-landing-shell{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
html body #app .landing-content .landing-feed-grid{scroll-margin-bottom:112px;scroll-padding-bottom:112px}
@media(max-width:380px){html body #app .ohelp-community-card .community-open{font-size:12px!important;padding:7px 10px!important}html body #app .ohelp-community-card .community-price{font-size:20px!important}}

/* OHELP FEED SHARE AND MEDIA REPAIR */
html body #app .ohelp-community-card .community-actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
}

html body #app .ohelp-community-card .community-share {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body #app .ohelp-community-card .community-share svg {
    width: 19px !important;
    height: 19px !important;
}

html body #app .landing-content .landing-feed
.ohelp-community-card .community-media {
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body #app .landing-content .landing-feed
.ohelp-community-card .community-media > img,
html body #app .landing-content .landing-feed
.ohelp-community-card .community-media > video {
    width: 100% !important;
    height: min(55svh, 380px) !important;
    max-height: 380px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}
/* OHELP FULL WIDTH COMMUNITY FEED V2 */

/* Remove the outer feed-panel appearance */
html body #app .landing-content .landing-feed {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Make each community post a full-width surface */
html body #app .landing-content .landing-feed
.ohelp-community-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 8px 0 !important;
    padding: 12px 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* Remove card-level horizontal restrictions */
html body #app .landing-content .landing-feed
.ohelp-community-card .community-media {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Keep media full width without distortion */
html body #app .landing-content .landing-feed
.ohelp-community-card .community-media > img,
html body #app .landing-content .landing-feed
.ohelp-community-card .community-media > video {
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Remove background framing around posts */
html body #app .landing-content {
    background: #fff !important;
}

/* Keep text and action controls comfortably inset */
html body #app .landing-content .landing-feed
.ohelp-community-card .community-header,
html body #app .landing-content .landing-feed
.ohelp-community-card .community-footer {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* Mobile: extend feed to the viewport edges */
@media (max-width: 767px) {
    html body #app .landing-content .landing-feed {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        box-sizing: border-box !important;
    }

    html body #app .landing-content .landing-feed
    .ohelp-community-card {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}