/* ============================================================================
   GigMint Redesign — Direction B: "Warm Human Marketplace"
   ----------------------------------------------------------------------------
   ADDITIVE override layer. Loaded AFTER public/css/main.css so it wins on the
   cascade without modifying the compiled theme CSS. Fully reversible: remove
   the <link> to this file (and the @font Google import) to restore the original
   look. Scope of THIS slice: design tokens + global chrome (header/nav/footer)
   + landing/home hero & sections. Other pages are intentionally NOT themed yet.
   ============================================================================ */

/* ---- Fonts: Urbanist (headings) + Inter (body). Both already used by theme,
        imported here so the redesign is self-contained. -------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Urbanist:wght@500;600;700;800&display=swap');

/* ---------------------------------------------------------------------------
   1. DESIGN TOKENS (Direction B)
   --------------------------------------------------------------------------- */
:root {
    /* Brand palette */
    --gm-primary:        #F16334;   /* coral — primary */
    --gm-primary-600:    #DA4F23;   /* coral hover/darker */
    --gm-primary-50:     #FFF1EB;   /* coral tint surface */
    --gm-teal:           #0FB5AE;   /* supporting teal */
    --gm-teal-600:       #0C9690;
    --gm-gold:           #FDB022;   /* tertiary warmth / badges */

    /* Surfaces & text */
    --gm-cream:          #FFF8F2;   /* warm app surface */
    --gm-cream-2:        #FFFDFB;   /* card surface */
    --gm-surface:        #FFFFFF;
    --gm-ink:            #1F2430;   /* charcoal text/headings */
    --gm-ink-soft:       #5A6172;   /* secondary text */
    --gm-border:         #F0E7DF;   /* warm hairline border */

    /* Shape & elevation */
    --gm-radius:         16px;
    --gm-radius-sm:      12px;
    --gm-radius-pill:    999px;
    --gm-shadow-soft:    0 8px 24px rgba(241, 99, 52, 0.08), 0 2px 8px rgba(31, 36, 48, 0.05);
    --gm-shadow-card:    0 12px 32px rgba(31, 36, 48, 0.07), 0 2px 6px rgba(31, 36, 48, 0.04);
    --gm-shadow-lift:    0 18px 44px rgba(31, 36, 48, 0.12);

    --gm-font-head:      'Urbanist', 'Inter', system-ui, sans-serif;
    --gm-font-body:      'Inter', system-ui, sans-serif;
}

/* ---------------------------------------------------------------------------
   2. TYPOGRAPHY — applies site-wide (safe, low-risk)
   --------------------------------------------------------------------------- */
body.tk-homepage,
body {
    font-family: var(--gm-font-body);
    color: var(--gm-ink);
}
h1, h2, h3, h4, h5, h6,
.tk-homebanner_content h1,
.tk-sectiontitle h2,
.tk-section-title h2 {
    font-family: var(--gm-font-head);
    letter-spacing: -0.01em;
}

/* ---------------------------------------------------------------------------
   3. GLOBAL CHROME — Header / Nav
   --------------------------------------------------------------------------- */
.tk-header {
    background: rgba(255, 248, 242, 0.92);
    backdrop-filter: saturate(140%) blur(8px);
    -webkit-backdrop-filter: saturate(140%) blur(8px);
    border-bottom: 1px solid var(--gm-border);
}
.tk-header-topbar {
    background: linear-gradient(90deg, var(--gm-primary) 0%, var(--gm-gold) 100%);
}
.tk-header-topbar .tk-header-topbar-text,
.tk-header-topbar p { color: #fff; }

.tk-logo img { max-height: 40px; width: auto; }

/* Nav links */
.tk-navbarnav > li > a,
.tk-navbar .navbar-nav a { font-weight: 600; color: var(--gm-ink); }
.tk-navbarnav > li > a:hover,
.tk-navbar .navbar-nav a:hover { color: var(--gm-primary); }

/* Auth buttons in header */
.tk-btn-login {
    color: var(--gm-ink) !important;
    font-weight: 600;
    border-radius: var(--gm-radius-pill);
    padding: 10px 18px;
    transition: color .18s ease, background .18s ease;
}
.tk-btn-login:hover {
    color: var(--gm-primary) !important;
    background: var(--gm-primary-50);
}
.tk-btn-signin {
    background: var(--gm-primary) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: var(--gm-radius-pill) !important;
    padding: 11px 22px !important;
    font-weight: 700;
    box-shadow: var(--gm-shadow-soft);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.tk-btn-signin span { color: #fff !important; }
.tk-btn-signin:hover {
    background: var(--gm-primary-600) !important;
    transform: translateY(-1px);
    box-shadow: var(--gm-shadow-lift);
}

/* Header user avatar — rounded with coral ring (Direction B signature) */
.tk-header-user img {
    border-radius: var(--gm-radius-pill);
    border: 2px solid var(--gm-surface);
    box-shadow: 0 0 0 2px var(--gm-primary);
    object-fit: cover;
}

/* ---------------------------------------------------------------------------
   4. ROUNDED, RINGED AVATARS — site-wide signature
   --------------------------------------------------------------------------- */
.tk-author img,
.tk-userthumb img,
.tk-seller-thumb img,
.tk-review-userimg img,
.tk-profile-img img,
[class*="useravatar"] img,
[class*="user-avatar"] img {
    border-radius: var(--gm-radius-pill);
    border: 2px solid var(--gm-surface);
    box-shadow: 0 0 0 2px rgba(241, 99, 52, 0.55);
    object-fit: cover;
}

/* ---------------------------------------------------------------------------
   5. LANDING / HOME — hero banner + sections
   --------------------------------------------------------------------------- */
body.tk-homepage { background: var(--gm-cream); }

/* Hero wrapper warm wash */
.sc-banner-01-wrapper {
    background:
        radial-gradient(1100px 520px at 88% -8%, rgba(253, 176, 34, 0.16), transparent 60%),
        radial-gradient(900px 480px at 8% 12%, rgba(15, 181, 174, 0.12), transparent 58%),
        linear-gradient(180deg, var(--gm-cream) 0%, var(--gm-cream-2) 100%);
}
.tk-homebanner_content h1 { color: var(--gm-ink); line-height: 1.08; }
.tk-homebanner_content p { color: var(--gm-ink-soft); }

/* Hero primary/secondary CTA buttons (only when CMS hasn't set an inline color) */
.tk-homebanner_btnwrapper .tk-btn {
    background: var(--gm-primary);
    color: #fff;
    border-radius: var(--gm-radius-pill);
    box-shadow: var(--gm-shadow-soft);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.tk-homebanner_btnwrapper .tk-btn:hover {
    background: var(--gm-primary-600);
    transform: translateY(-1px);
    box-shadow: var(--gm-shadow-lift);
}
.tk-homebanner_btnwrapper .tk-btn-secondary {
    background: var(--gm-surface);
    color: var(--gm-ink);
    border: 1.5px solid var(--gm-border);
    border-radius: var(--gm-radius-pill);
}
.tk-homebanner_btnwrapper .tk-btn-secondary:hover {
    border-color: var(--gm-teal);
    color: var(--gm-teal-600);
}

/* Banner framed image + figures — softer corners + pillowy shadow */
.tk-bannerframe img,
.sc-banner-01-wrapper figure img,
.tk-bannersingle-slider figure img {
    border-radius: var(--gm-radius);
    box-shadow: var(--gm-shadow-card);
}

/* Trusted-by logos: warm muted, brighten on hover */
.tk-homebanner_trustedby img {
    filter: grayscale(0.4) opacity(0.8);
    transition: filter .2s ease;
}
.tk-homebanner_trustedby img:hover { filter: none; }

/* Category pills in hero */
.tk-homebanner_categories_list a,
.tk-homebanner_categories .tk-cat-pill {
    border-radius: var(--gm-radius-pill);
    border: 1px solid var(--gm-border);
    background: var(--gm-surface);
    transition: border-color .18s ease, color .18s ease;
}
.tk-homebanner_categories_list a:hover { border-color: var(--gm-primary); color: var(--gm-primary); }

/* Home content cards (categories / gigs / projects / sellers / packages) */
.tk-card, .tk-gig-card, .tk-project-card, .tk-seller-card,
.tk-categorycard, .tk-package-card, .tk-feature-card,
.sc-categories .tk-item, .tk-gigsitem, .tk-projectitem {
    border-radius: var(--gm-radius) !important;
    background: var(--gm-cream-2);
    border: 1px solid var(--gm-border);
    box-shadow: var(--gm-shadow-card);
    transition: transform .2s ease, box-shadow .2s ease;
}
.tk-card:hover, .tk-gig-card:hover, .tk-project-card:hover,
.tk-seller-card:hover, .tk-categorycard:hover, .tk-package-card:hover,
.tk-gigsitem:hover, .tk-projectitem:hover {
    transform: translateY(-4px);
    box-shadow: var(--gm-shadow-lift);
}
.tk-card img, .tk-gig-card img, .tk-project-card img {
    border-top-left-radius: var(--gm-radius);
    border-top-right-radius: var(--gm-radius);
}

/* Section titles accent */
.tk-sectiontitle h2 span, .tk-section-title h2 span,
.tk-title h2 span { color: var(--gm-primary); }

/* ---------------------------------------------------------------------------
   6. FOOTER
   --------------------------------------------------------------------------- */
.tk-footerwrap, .tk-footer {
    background: #221A16;            /* warm charcoal, not cold navy */
    color: #EFE6DE;
}
.tk-footer a { color: #D9CDC4; transition: color .18s ease; }
.tk-footer a:hover { color: var(--gm-gold); }
.tk-footer_copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.tk-footer .tk-fwidget_title strong,
.tk-footer .tk-fwidget_title h5,
.tk-footer .tk-title h3 { color: #fff; }

/* Footer social icons */
.tk-socialicons a {
    border-radius: var(--gm-radius-pill);
    background: rgba(255, 255, 255, 0.06);
    transition: background .18s ease, color .18s ease;
}
.tk-socialicons a:hover { background: var(--gm-primary); color: #fff; }

/* Footer logo fallback sizing */
.tk-footerlogo img { max-height: 40px; width: auto; }

/* ---------------------------------------------------------------------------
   7. GENERIC BUTTON HARMONIZATION (home scope, conservative)
   --------------------------------------------------------------------------- */
body.tk-homepage .tk-btn-primary,
body.tk-homepage button.tk-btn-primary {
    background: var(--gm-primary);
    border-color: var(--gm-primary);
    border-radius: var(--gm-radius-pill);
}
body.tk-homepage .tk-btn-primary:hover { background: var(--gm-primary-600); border-color: var(--gm-primary-600); }

/* ---------------------------------------------------------------------------
   7. LEGAL PAGES — Terms / Privacy (.page-terms-condition, .page-privacy-policy)
   --------------------------------------------------------------------------- */
.page-terms-condition .tk-section-frequently,
.page-privacy-policy .tk-section-frequently { max-width: 940px; margin-inline: auto; }

.page-terms-condition .tk-section_title h2,
.page-privacy-policy .tk-section_title h2 {
    font-family: var(--gm-font-head);
    font-weight: 800;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    color: var(--gm-ink);
    margin-bottom: .35rem;
}
.tk-legal { color: var(--gm-ink-soft); line-height: 1.78; font-size: 1.02rem; }
.tk-legal > p:first-of-type,
.tk-legal .tk-legal-meta { color: var(--gm-ink-soft); font-style: italic; background: var(--gm-cream);
    border: 1px solid var(--gm-border); border-radius: var(--gm-radius-sm); padding: .9rem 1.1rem; margin-bottom: 1.8rem; }
.tk-legal h2 {
    font-family: var(--gm-font-head); font-weight: 700;
    font-size: 1.32rem; color: var(--gm-ink);
    margin: 2.1rem 0 .7rem; padding-left: .85rem; position: relative; scroll-margin-top: 90px;
}
.tk-legal h2::before { content: ''; position: absolute; left: 0; top: .15em; bottom: .15em; width: 4px;
    border-radius: 4px; background: linear-gradient(180deg, var(--gm-primary), var(--gm-gold)); }
.tk-legal h3 { font-family: var(--gm-font-head); font-weight: 600; font-size: 1.08rem; color: var(--gm-ink); margin: 1.3rem 0 .4rem; }
.tk-legal p { margin: 0 0 1rem; }
.tk-legal ul, .tk-legal ol { margin: 0 0 1.1rem 1.3rem; }
.tk-legal li { margin: .35rem 0; }
.tk-legal strong { color: var(--gm-ink); font-weight: 600; }
.tk-legal a { color: var(--gm-primary); text-decoration: underline; text-underline-offset: 2px; }
.tk-legal hr { border: none; border-top: 1px solid var(--gm-border); margin: 1.8rem 0; }

/* ============================================================================
   TASKER DASHBOARD RE-THEME  ·  Direction B "Warm Human Marketplace"
   ----------------------------------------------------------------------------
   Re-skins the shared seller/buyer dashboard chrome (.tk-themesidebar) to the
   dark charcoal sidebar + coral accents used in mockups/tasker-dashboard.html
   and consistent with public/admin/css/gigmint-admin.css. Adds styles for an
   injected presentational topbar (.gm-dtopbar) and polishes the .gm-tdash body
   (KPI tiles, sparklines, breakdown, table, payout + AI cards).

   ADDITIVE only — no markup logic touched. Heavy use of !important to win over
   the compiled main.css. Reversible: remove this section + the .gm-dtopbar
   block injected into seller-dashboard.blade.php and the wordmark span.
   ============================================================================ */
:root{
    --gmd-charcoal:#221A16;
    --gmd-charcoal-2:#2C231E;
    --gmd-coral:#F16334;
    --gmd-coral-soft:#FFE7DC;
    --gmd-coral-deep:#D94E22;
    --gmd-teal:#0FB5AE;
    --gmd-teal-soft:#D6F4F2;
    --gmd-cream:#FFF8F2;
    --gmd-muted:#8A7E76;
    --gmd-muted-2:#B6ABA3;
    --gmd-line:#F0E6DD;
    --gmd-line-2:#EADFD5;
    --gmd-green:#2BA86A;
    --gmd-red:#E0524B;
    --gmd-side-text:#D9CDC4;
    --gmd-shadow-sm:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04);
    --gmd-shadow:0 4px 14px rgba(34,26,22,.06),0 2px 6px rgba(34,26,22,.04);
}

/* ---------------------------------------------------------------------------
   1. SIDEBAR  ·  dark charcoal shell + GigMint wordmark + coral active pills
   --------------------------------------------------------------------------- */
.tk-themesidebar{
    background-color:var(--gmd-charcoal) !important;
    border-right:1px solid rgba(255,255,255,.06) !important;
    box-shadow:2px 0 24px rgba(34,26,22,.10);
    display:flex !important;
    flex-direction:column;
}

/* GigMint wordmark injected at the very top (front-end sidebar has no logo) */
.tk-themesidebar > .tk-sidetooglearea{
    display:flex !important;align-items:center;gap:11px;
    padding:18px 20px 6px !important;position:relative;
}
.tk-themesidebar > .tk-sidetooglearea::before{
    content:"";width:36px;height:36px;border-radius:11px;flex:none;
    background:linear-gradient(135deg,var(--gmd-coral),#F8893F);
    box-shadow:0 6px 16px rgba(241,99,52,.4);
    /* inline gem glyph */
    background-image:linear-gradient(135deg,var(--gmd-coral),#F8893F),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 3h12l4 6-10 13L2 9Z'/><path d='M11 3 8 9l4 13 4-13-3-6'/><path d='M2 9h20'/></svg>");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover,20px 20px;
}
.tk-themesidebar > .tk-sidetooglearea::after{
    content:"GigMint";
    font-family:'Urbanist',sans-serif;font-weight:800;font-size:21px;
    letter-spacing:-.4px;color:#fff;white-space:nowrap;
}
/* keep the original toggler usable but quiet */
.tk-themesidebar > .tk-sidetooglearea .tk-toggler-btn{
    margin-left:auto;color:var(--gmd-muted-2) !important;opacity:.7;
}
.tk-themesidebar > .tk-sidetooglearea .tk-toggler-btn:hover{color:#fff !important;opacity:1;}

/* profile block (.tk-userlogin / x-user-menu) -> dark profile chip */
.tk-themesidebar .tk-userlogin{
    margin:6px 14px 4px !important;padding:12px !important;border-radius:14px !important;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
    transition:background .16s;
}
.tk-themesidebar .tk-userlogin:hover{background:rgba(255,255,255,.08);}
.tk-themesidebar .tk-userlogin .tk-hasbalance > img{
    width:42px !important;height:42px !important;max-width:42px !important;
    border-radius:12px !important;border:2px solid rgba(255,255,255,.12);
    background-color:rgba(255,255,255,.06) !important;
}
.tk-themesidebar .tk-walletinfo h4{color:#fff !important;font-family:'Urbanist',sans-serif !important;font-weight:700 !important;font-size:14px !important;}
.tk-themesidebar .tk-walletinfo span{color:var(--gmd-muted-2) !important;font-size:11.5px !important;}
.tk-themesidebar .tk-walletinfo span:before{
    background-color:var(--gmd-green) !important;
    box-shadow:0 0 0 3px rgba(43,168,106,.22) !important;
    width:8px !important;height:8px !important;
}
.tk-themesidebar .tk-userlogin .tk-hasbalance{color:var(--gmd-side-text) !important;}
.tk-themesidebar .tk-userlogin .tk-hasbalance > i{color:var(--gmd-muted-2) !important;}

/* profile dropdown (sub-menu) -> dark panel */
.tk-themesidebar .sub-menu{
    background:var(--gmd-charcoal-2) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:14px !important;box-shadow:var(--gmd-shadow) !important;
    padding:8px !important;
}
.tk-themesidebar .sub-menu li a{color:var(--gmd-side-text) !important;border-radius:10px !important;}
.tk-themesidebar .sub-menu li a:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;}
.tk-themesidebar .sub-menu li a i{color:var(--gmd-muted-2) !important;}
.tk-themesidebar .sub-menu .tk-switch-profile h2{color:#fff !important;font-family:'Urbanist',sans-serif !important;}
.tk-themesidebar .sub-menu .tk-switch-profile p{color:var(--gmd-muted-2) !important;}
.tk-themesidebar .sub-menu .tk-expert-anchor{
    background:var(--gmd-coral) !important;color:#fff !important;border-radius:10px !important;
}
.tk-themesidebar .sub-menu .tk-expert-anchor:hover{background:var(--gmd-coral-deep) !important;}

/* "Create a gig / Post a project" button -> coral gradient CTA */
.tk-themesidebar .tk-createbtn-wraper{padding:6px 14px 4px;}
.tk-themesidebar .tk-create-button{
    background:linear-gradient(135deg,var(--gmd-coral),#F8893F) !important;
    border:none !important;color:#fff !important;font-weight:700 !important;
    font-family:'Urbanist',sans-serif !important;border-radius:12px !important;
    box-shadow:0 8px 18px rgba(241,99,52,.32);
    transition:transform .15s, box-shadow .15s !important;
}
.tk-themesidebar .tk-create-button:hover{
    background:linear-gradient(135deg,var(--gmd-coral),#F8893F) !important;
    color:#fff !important;transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(241,99,52,.42);
}
.tk-themesidebar .tk-create-button i{color:#fff !important;}

/* main nav (.tk-asidenavbar) -> off-white text, rounded coral active/hover */
.tk-themesidebar .tk-asidenavbar li > a{
    color:var(--gmd-side-text) !important;border-radius:12px !important;
    font:500 13.5px/20px 'Inter',sans-serif !important;
    transition:background .16s, color .16s !important;position:relative;
}
.tk-themesidebar .tk-asidenavbar li > a > i{color:var(--gmd-muted-2) !important;transition:color .16s;}
.tk-themesidebar .tk-asidenavbar li > a .tk-arrownicon{color:var(--gmd-muted-2) !important;}
.tk-themesidebar .tk-asidenavbar li > a:hover{background:rgba(255,255,255,.05) !important;color:#fff !important;}
.tk-themesidebar .tk-asidenavbar li > a:hover > i{color:#fff !important;}
.tk-themesidebar .tk-asidenavbar li > a.active{
    background:linear-gradient(100deg,rgba(241,99,52,.22),rgba(241,99,52,.08)) !important;
    color:#fff !important;
}
.tk-themesidebar .tk-asidenavbar li > a.active > i{color:var(--gmd-coral) !important;}
.tk-themesidebar .tk-asidenavbar li > a.active::before{
    content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);
    width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--gmd-coral);
}
/* nav dropdown sub-items */
.tk-themesidebar .tk-asidedropdown li a{
    color:var(--gmd-muted-2) !important;font-size:12.8px !important;
    padding-left:30px !important;position:relative;border-radius:10px !important;
}
.tk-themesidebar .tk-asidedropdown li a::before{
    content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);
    width:5px;height:5px;border-radius:50%;background:var(--gmd-muted);transition:background .15s;
}
.tk-themesidebar .tk-asidedropdown li a:hover{background:rgba(255,255,255,.05) !important;color:#fff !important;}
.tk-themesidebar .tk-asidedropdown li a:hover::before{background:var(--gmd-coral);}
.tk-themesidebar .tk-asidedropdown li a.active{color:#fff !important;font-weight:600 !important;background:transparent !important;}
.tk-themesidebar .tk-asidedropdown li a.active::before{background:var(--gmd-coral);box-shadow:0 0 0 3px rgba(241,99,52,.2);}

/* footer menu (messages / account balance / logout) */
.tk-themesidebar .tk-usermenu{border-top:1px solid rgba(255,255,255,.07);margin-top:6px;}
.tk-themesidebar .tk-usermenu li a{
    color:var(--gmd-side-text) !important;border-radius:12px !important;
    font:500 13.5px/20px 'Inter',sans-serif !important;transition:background .16s,color .16s;
}
.tk-themesidebar .tk-usermenu li a i{color:var(--gmd-muted-2) !important;}
.tk-themesidebar .tk-usermenu li:hover:not(.tk-usermenu_account) a{background:rgba(255,255,255,.05) !important;color:#fff !important;}
.tk-themesidebar .tk-usermenu li a.active{background:rgba(255,255,255,.06) !important;color:#fff !important;}
/* account balance footer -> teal balance card */
.tk-themesidebar .tk-usermenu li.tk-usermenu_account{
    border-top:1px solid rgba(255,255,255,.07) !important;
    margin:10px 14px 0 !important;padding:13px 14px !important;border-radius:13px !important;
    background:linear-gradient(135deg,rgba(15,181,174,.18),rgba(15,181,174,.06));
    border:1px solid rgba(15,181,174,.22) !important;
}
.tk-themesidebar .tk-usermenu li.tk-usermenu_account a{color:var(--gmd-muted-2) !important;padding:0 !important;}
.tk-themesidebar .tk-usermenu li.tk-usermenu_account a i{color:var(--gmd-teal) !important;}
.tk-themesidebar .tk-usermenu li.tk-usermenu_account strong{
    display:block;color:#fff !important;font-family:'Urbanist',sans-serif;font-weight:800;
    font-size:18px;letter-spacing:-.3px;margin-top:3px;
}
/* logout -> red-tinted */
.tk-themesidebar .tk-logout a{
    background:rgba(224,82,75,.14) !important;color:#F0796F !important;
    border-radius:12px !important;font-weight:600;margin-top:6px;
}
.tk-themesidebar .tk-logout a:hover{background:rgba(224,82,75,.22) !important;color:#fff !important;}
.tk-themesidebar .tk-logout a i{color:var(--gmd-red) !important;}

/* ---------------------------------------------------------------------------
   2. TOPBAR  ·  injected presentational bar (.gm-dtopbar) at top of .gm-tdash
   --------------------------------------------------------------------------- */
.gm-dtopbar{
    display:flex;align-items:center;gap:16px;
    height:64px;margin:-4px 0 22px;
    border-bottom:1px solid var(--gmd-line);
    font-family:'Inter',sans-serif;
}
.gm-dtopbar__search{position:relative;flex:1;max-width:420px;}
.gm-dtopbar__search i,
.gm-dtopbar__search svg{
    position:absolute;left:15px;top:50%;transform:translateY(-50%);
    color:var(--gmd-muted);width:18px;height:18px;
}
.gm-dtopbar__search input{
    width:100%;height:44px;border-radius:13px;
    border:1px solid var(--gmd-line-2);background:#fff;
    padding:0 16px 0 44px;font-size:13.5px;color:var(--gmd-charcoal);
    font-family:'Inter',sans-serif;outline:none;transition:.18s;
}
.gm-dtopbar__search input::placeholder{color:var(--gmd-muted-2);}
.gm-dtopbar__search input:focus{border-color:var(--gmd-coral);box-shadow:0 0 0 4px var(--gmd-coral-soft);}
.gm-dtopbar__right{display:flex;align-items:center;gap:12px;margin-left:auto;}
.gm-dtopbar__ic{
    width:44px;height:44px;border-radius:13px;
    display:flex;align-items:center;justify-content:center;position:relative;
    background:#fff;border:1px solid var(--gmd-line-2);color:var(--gmd-charcoal);
    transition:.15s;text-decoration:none;
}
.gm-dtopbar__ic:hover{background:var(--gmd-cream);border-color:var(--gmd-coral);color:var(--gmd-coral-deep);}
.gm-dtopbar__ic i,.gm-dtopbar__ic svg{width:20px;height:20px;}
.gm-dtopbar__ic .gm-dot{
    position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;
    background:var(--gmd-coral);border:2px solid #fff;
}
.gm-dtopbar__divider{width:1px;height:32px;background:var(--gmd-line-2);}
.gm-dchip{
    display:flex;align-items:center;gap:11px;
    padding:6px 14px 6px 6px;border-radius:40px;
    background:#fff;border:1px solid var(--gmd-line-2);transition:.15s;text-decoration:none;
}
.gm-dchip:hover{border-color:var(--gmd-coral);box-shadow:var(--gmd-shadow-sm);}
.gm-dchip__av{
    width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden;
    background:linear-gradient(135deg,var(--gmd-teal),#19C9C2);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:13px;font-family:'Urbanist',sans-serif;
}
.gm-dchip__av img{width:100%;height:100%;object-fit:cover;display:block;}
.gm-dchip__name{font-family:'Urbanist',sans-serif;font-weight:700;font-size:13px;color:var(--gmd-charcoal);line-height:1.1;}
.gm-dchip__role{font-size:11px;color:var(--gmd-muted);}
.gm-dchip > i,.gm-dchip > svg{color:var(--gmd-muted);width:16px;height:16px;}
@media(max-width:767px){
    .gm-dtopbar__search{max-width:none;}
    .gm-dchip__txt{display:none;}
}

/* ---------------------------------------------------------------------------
   3. BODY POLISH  ·  KPI tiles, sparklines, breakdown, table, payout/AI cards
   --------------------------------------------------------------------------- */
/* lift the page surface a touch on the dashboard */
.gm-tdash .gm-dhead h1{font-size:26px;}

/* KPI tiles: hover lift, delta pills colored, sparkline anchored bottom-right */
.gm-tdash .kpi{transition:transform .2s, box-shadow .2s, border-color .2s;}
.gm-tdash .kpi:hover{box-shadow:var(--gmd-shadow);border-color:var(--gmd-line-2);}
.gm-tdash .kpi__val{font-size:29px;}
.gm-tdash .ic-coral{background:var(--gmd-coral-soft);color:var(--gmd-coral-deep);}
.gm-tdash .ic-teal{background:var(--gmd-teal-soft);color:#0a7c77;}
.gm-tdash .ic-green{background:#DEF3E8;color:#1f7a4d;}
.gm-tdash .ic-amber{background:#FBEFD2;color:#a06d05;}
/* delta pill variants (set by an extra class in the blade) */
.gm-tdash .kpi__delta.is-up{background:#DEF3E8;color:#1f7a4d;}
.gm-tdash .kpi__delta.is-down{background:#FBE2E0;color:#c33b34;}
.gm-tdash .kpi__delta.is-teal{background:var(--gmd-teal-soft);color:#0a7c77;}
.gm-tdash .kpi__delta i,.gm-tdash .kpi__delta svg{width:13px;height:13px;}
/* decorative sparkline */
.gm-tdash .kpi__spark{
    position:absolute;right:-4px;bottom:-2px;width:96px;height:44px;opacity:.85;pointer-events:none;
}

/* "This month" breakdown rows -> icon tile + label + bar + value (mockup look) */
.gm-tdash .bd-wrap{padding:8px 22px 14px;}
.gm-tdash .bd-row{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.gm-tdash .bd-row:last-child{margin-bottom:6px;}
.gm-tdash .bd-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;}
.gm-tdash .bd-ic i,.gm-tdash .bd-ic svg{width:19px;height:19px;}
.gm-tdash .bd-main{flex:1;min-width:0;}
.gm-tdash .bd-name{font-size:13px;font-weight:600;color:var(--gmd-charcoal);}
.gm-tdash .bd-row .bd-bar{margin-top:6px;height:6px;background:var(--gmd-line);}
.gm-tdash .bd-val{font-family:'Urbanist',sans-serif;font-weight:800;font-size:15px;color:var(--gmd-charcoal);flex:none;}
.gm-tdash .bd-total{
    display:flex;align-items:center;justify-content:space-between;
    margin:6px 22px 6px;padding-top:16px;border-top:1px dashed var(--gmd-line-2);
}
.gm-tdash .bd-total .bt-label{font-size:13px;color:var(--gmd-muted);}
.gm-tdash .bd-total .bt-val{font-family:'Urbanist',sans-serif;font-weight:800;font-size:22px;color:var(--gmd-charcoal);letter-spacing:-.5px;}

/* card-link hover nudge */
.gm-tdash .card-link{display:inline-flex;align-items:center;gap:5px;transition:gap .15s;}
.gm-tdash .card-link:hover{gap:8px;}

/* active-work table: type tags + status pills + progress */
.gm-tdash .ttag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;font-family:'Urbanist',sans-serif;padding:3px 9px;border-radius:7px;}
.gm-tdash .ttag i,.gm-tdash .ttag svg{width:12px;height:12px;}
.gm-tdash .ttag-project{background:var(--gmd-coral-soft);color:var(--gmd-coral-deep);}
.gm-tdash .ttag-gig{background:var(--gmd-teal-soft);color:#0a7c77;}
.gm-tdash .ttag-ai{background:var(--violet-soft,#EDE6FF);color:#5a3fd0;}
.gm-tdash .pill-active{background:var(--gmd-teal-soft);color:#0a7c77;}
.gm-tdash .pill-active .pdot{background:var(--gmd-teal);}
.gm-tdash .pill-pending{background:#FBEFD2;color:#a06d05;}
.gm-tdash .pill-pending .pdot{background:var(--gmd-amber,#D9920B);}
.gm-tdash .tprog{display:flex;align-items:center;gap:9px;min-width:120px;}
.gm-tdash .tprog .tbar{flex:1;height:6px;border-radius:20px;background:var(--gmd-line);overflow:hidden;}
.gm-tdash .tprog .tbar span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--gmd-coral),#F8893F);}
.gm-tdash .tprog .tbar.teal span{background:linear-gradient(90deg,var(--gmd-teal),#3ee0d8);}
.gm-tdash .tprog .tpct{font-family:'Urbanist',sans-serif;font-weight:700;font-size:12px;color:var(--gmd-charcoal);width:34px;text-align:right;}

/* payout card: heading icon + Stripe hero note */
.gm-tdash .payout-card .card-head h3 i,.gm-tdash .payout-card .card-head h3 svg{
    width:17px;height:17px;color:var(--gmd-coral);vertical-align:-3px;margin-right:5px;
}
.gm-tdash .stripe-note{
    display:flex;align-items:flex-start;gap:9px;margin:0 14px 14px;padding:12px 14px;
    border-radius:13px;border:1.5px solid var(--gmd-coral);
    background:linear-gradient(125deg,#FFF4EE,#FFFDFB 55%);
    box-shadow:0 8px 20px rgba(241,99,52,.12);
}
.gm-tdash .stripe-note .sn-logo{
    width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;
    background:linear-gradient(135deg,#635BFF,#8B85FF);color:#fff;
    font-family:'Urbanist',sans-serif;font-weight:800;font-size:18px;
    box-shadow:0 6px 14px rgba(99,91,255,.35);
}
.gm-tdash .stripe-note .sn-body{flex:1;min-width:0;}
.gm-tdash .stripe-note .sn-title{
    font-family:'Urbanist',sans-serif;font-weight:700;font-size:14px;color:var(--gmd-charcoal);
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.gm-tdash .stripe-note .sn-badge{
    display:inline-flex;align-items:center;gap:4px;font-family:'Urbanist',sans-serif;font-weight:800;
    font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:20px;
    background:var(--gmd-teal);color:#06302e;
}
.gm-tdash .stripe-note .sn-rec{
    display:inline-flex;align-items:center;gap:4px;font-family:'Urbanist',sans-serif;font-weight:800;
    font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:20px;
    background:linear-gradient(135deg,var(--gmd-coral),#F8893F);color:#fff;
}
.gm-tdash .stripe-note .sn-desc{font-size:12px;color:var(--gmd-muted);margin-top:3px;}
.gm-tdash .stripe-note .sn-desc b{color:var(--gmd-charcoal);font-weight:600;}

/* AI earnings card: keep warm-charcoal family (match mockup) instead of purple */
.gm-tdash .ai-card{background:linear-gradient(160deg,#241B16,#36281f) !important;color:#F3EAE3 !important;}
.gm-tdash .ai-card::after{
    content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;
    background:radial-gradient(circle,rgba(124,92,252,.30),transparent 70%);pointer-events:none;
}
.gm-tdash .ai-card{position:relative;overflow:hidden;}
.gm-tdash .ai-card .card-head{position:relative;z-index:1;}
.gm-tdash .ai-card .ai-stats,.gm-tdash .ai-card .ai-earn{position:relative;z-index:1;}
.gm-tdash .ai-card .ai-earn b{color:#fff;}
.gm-tdash .ai-card .ai-earn .up{color:#6ee2a6;font-weight:700;display:inline-flex;align-items:center;gap:3px;}

@media(max-width:991px){
    /* sidebar collapses off-canvas in theme; keep topbar full width */
    .gm-dtopbar{margin-top:0;}
}


/* GigMint brand block at the top of the seller/buyer dashboard sidebar (dark) */
.gm-sidebrand{display:flex;align-items:center;gap:10px;padding:18px 20px 8px;text-decoration:none;}
.gm-sidebrand__gem{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#F16334,#F8893F);box-shadow:0 6px 16px rgba(241,99,52,.4);flex:none;display:grid;place-items:center;color:#fff;}
.gm-sidebrand__gem svg{width:19px;height:19px;display:block;}
.gm-sidebrand__txt{font-family:'Urbanist','Inter',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.5px;color:#fff;line-height:1;}
.gm-sidebrand__txt b{color:#F16334;font-weight:800;}
/* retire the earlier injected wordmark (now an explicit element) */
.tk-themesidebar > .tk-sidetooglearea::before,
.tk-themesidebar > .tk-sidetooglearea::after{content:none !important;}

/* =====================================================================
   GIGMINT STANDARDIZED SITE HEADER (.gmh-*)  — Direction B
   Single source of truth for the header on ALL pages (shared <x-header/>)
   AND the homepage. Namespaced `gmh-` + hardcoded colors so it never
   collides with the legacy theme (.nav/.brand/.btn/.site are too generic)
   and never depends on a particular :root token set.
   ===================================================================== */
.gmh-site{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,248,242,.82);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(240,230,221,.7);
  font-family:'Inter',system-ui,sans-serif;
}
.gmh-site *{box-sizing:border-box;}
.gmh-wrap{max-width:1200px;margin:0 auto;padding:0 26px;}
.gmh-nav{display:flex;align-items:center;gap:30px;height:78px;}
.gmh-brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.gmh-brand-mark{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,#F16334,#F8893F);
  display:grid;place-items:center;box-shadow:0 8px 18px rgba(241,99,52,.4);
}
.gmh-brand-mark i,.gmh-brand-mark svg{color:#fff;width:22px;height:22px;}
.gmh-brand-word{font-family:'Urbanist',sans-serif;font-weight:800;font-size:23px;letter-spacing:-.5px;color:#221A16;line-height:1;}
.gmh-brand-word b{color:#F16334;font-weight:800;}
.gmh-links{display:flex;align-items:center;gap:6px;margin-left:6px;list-style:none;padding:0;margin-top:0;margin-bottom:0;}
.gmh-links a{
  display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:#5b5048;
  padding:9px 14px;border-radius:11px;transition:.15s;font-family:'Urbanist',sans-serif;text-decoration:none;
}
.gmh-links a i,.gmh-links a svg{width:15px;height:15px;}
.gmh-links a:hover{background:#fff;color:#D94E22;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04);}
.gmh-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.gmh-signin{font-family:'Urbanist',sans-serif;font-weight:700;font-size:14.5px;color:#221A16;padding:10px 8px;text-decoration:none;white-space:nowrap;}
.gmh-signin:hover{color:#D94E22;}
/* header buttons (scoped clones of homepage .btn) */
.gmh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 18px;border-radius:12px;
  font-weight:700;font-size:14px;font-family:'Urbanist',sans-serif;transition:.18s cubic-bezier(.4,0,.2,1);
  white-space:nowrap;text-decoration:none;border:none;cursor:pointer;
}
.gmh-btn i,.gmh-btn svg{width:18px;height:18px;}
.gmh-btn-primary{
  background:linear-gradient(135deg,#F16334,#F8893F);color:#fff;
  box-shadow:0 18px 44px rgba(241,99,52,.28);
}
.gmh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(241,99,52,.4);color:#fff;}
.gmh-btn-ghost{background:#fff;border:1px solid #EADFD5;color:#221A16;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04);}
.gmh-btn-ghost:hover{border-color:#F16334;color:#D94E22;background:#FFF8F2;transform:translateY(-2px);}
.gmh-menu-btn{
  display:none;width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #EADFD5;
  place-items:center;cursor:pointer;
}
.gmh-menu-btn i,.gmh-menu-btn svg{width:22px;height:22px;color:#221A16;}
.gmh-signin-icon{display:none;width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #EADFD5;place-items:center;cursor:pointer;color:#221A16;text-decoration:none;flex-shrink:0;}
.gmh-signin-icon i,.gmh-signin-icon svg{width:22px;height:22px;color:#221A16;}
.gmh-signin-icon:hover{border-color:#F16334;color:#D94E22;}

/* mobile collapse — mirrors homepage 920px breakpoint */
@media (max-width:920px){
  .gmh-links{display:none;}
  .gmh-menu-btn{display:grid;}
  .gmh-signin,.gmh-right .gmh-btn-ghost{display:none;}
  .gmh-signin-icon{display:grid;}
  /* simple expand for the mobile menu when toggled */
  .gmh-site.gmh-open .gmh-links{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;
    position:absolute;left:0;right:0;top:78px;margin:0;padding:14px 20px 18px;
    background:rgba(255,248,242,.98);
    -webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);
    border-bottom:1px solid rgba(240,230,221,.9);
    box-shadow:0 18px 44px rgba(34,26,22,.10);
  }
  .gmh-site.gmh-open .gmh-links a{padding:12px 14px;}
}

/* ================= SELLER LISTING — categories (skills) quick-filter pill bar ================= */
.gm-catbar-wrap{margin:4px 0 22px;}
.gm-catbar{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#EADFD5 transparent;}
.gm-catbar::-webkit-scrollbar{height:6px;}
.gm-catbar::-webkit-scrollbar-track{background:transparent;}
.gm-catbar::-webkit-scrollbar-thumb{background:#EADFD5;border-radius:10px;}
.gm-catpill{flex:0 0 auto;font-family:'Urbanist',system-ui,sans-serif;font-weight:700;font-size:13.5px;line-height:1;color:#5c534c;background:#fff;border:1.5px solid #EADFD5;border-radius:999px;padding:10px 18px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease;}
.gm-catpill:hover{border-color:#F16334;color:#D94E22;transform:translateY(-1px);}
.gm-catpill-active,.gm-catpill-active:hover{background:#F16334;border-color:#F16334;color:#fff;box-shadow:0 6px 16px rgba(241,99,52,.28);transform:none;}
@media(max-width:768px){.gm-catbar{padding-bottom:10px;}.gm-catpill{font-size:12.5px;padding:9px 15px;}}

/* ================= HEADER — mega menus + single-row nav ================= */
.gmh-nav{flex-wrap:nowrap;}
.gmh-links{position:static;flex-wrap:nowrap;}
.gmh-item{position:relative;display:inline-flex;align-items:center;}
.gmh-toplink{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:#5b5048;padding:9px 13px;border-radius:11px;transition:.15s;font-family:'Urbanist',sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;}
.gmh-toplink i{width:15px;height:15px;}
.gmh-toplink .gmh-caret{width:14px;height:14px;opacity:.65;transition:transform .18s;}
.gmh-toplink:hover{background:#fff;color:#D94E22;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04);}
.gmh-has-mega:hover .gmh-toplink{background:#fff;color:#D94E22;}
.gmh-has-mega:hover .gmh-caret{transform:rotate(180deg);}
.gmh-mega{position:absolute;top:100%;left:0;padding-top:14px;min-width:560px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:1001;}
.gmh-has-mega:hover .gmh-mega{opacity:1;visibility:visible;transform:translateY(0);}
.gmh-mega-inner{display:grid;grid-template-columns:1.45fr .85fr;gap:14px;background:#fff;border:1px solid #F0E6DD;border-radius:18px;box-shadow:0 26px 60px rgba(34,26,22,.16);padding:18px;}
.gmh-mega-h{display:block;font-family:'Urbanist',sans-serif;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#B6ABA3;margin:2px 4px 12px;}
.gmh-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.gmh-mega-link{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;text-decoration:none;transition:.14s;}
.gmh-mega-link:hover{background:#FFF3EC;}
.gmh-mega-ic{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#FFE7DC,#FEF0D6);}
.gmh-mega-ic i{width:18px;height:18px;color:#D94E22;}
.gmh-mega-tx{display:flex;flex-direction:column;line-height:1.25;}
.gmh-mega-tx b{font-family:'Urbanist',sans-serif;font-weight:700;font-size:14px;color:#221A16;}
.gmh-mega-tx small{font-size:11.5px;color:#8A7E76;}
.gmh-mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.gmh-mega-cat{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;font-family:'Urbanist',sans-serif;font-weight:600;font-size:13.5px;color:#3a322c;text-decoration:none;transition:.14s;}
.gmh-mega-cat i{width:14px;height:14px;color:#F16334;}
.gmh-mega-cat:hover{background:#FFF3EC;color:#D94E22;}
.gmh-mega-promo{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px;border-radius:14px;background:linear-gradient(150deg,#221A16,#3a2a20);text-decoration:none;}
.gmh-mega-promo-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#FDB022;}
.gmh-mega-promo-eyebrow i{width:14px;height:14px;}
.gmh-mega-promo b{font-family:'Urbanist',sans-serif;font-weight:800;font-size:17px;color:#fff;line-height:1.2;}
.gmh-mega-promo small{font-size:12.5px;color:#D9CDC4;line-height:1.45;}
.gmh-mega-promo:hover b{color:#FDB022;}
.gmh-mega-postlink{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;border-radius:11px;background:#FFF1E7;border:1px dashed #F5C6A8;color:#D94E22;font-family:'Urbanist',sans-serif;font-weight:700;font-size:13px;text-decoration:none;transition:.15s;}
.gmh-mega-postlink i{width:16px;height:16px;}
.gmh-mega-postlink:hover{background:#FFE7DC;border-color:#F16334;}
@media(max-width:920px){
  .gmh-mega,.gmh-caret{display:none !important;}
  .gmh-site.gmh-open .gmh-item{display:block;width:100%;}
  .gmh-site.gmh-open .gmh-toplink{width:100%;}
}

/* ================= PROJECT listing card — project-centric (title is the hero) ================= */
.tk-project-wrapper-two .gm-proj-title{margin:0 0 4px !important;font-family:'Urbanist',sans-serif !important;font-weight:800 !important;font-size:19px !important;line-height:1.3 !important;}
.tk-project-wrapper-two .gm-proj-title a{color:#221A16 !important;}
.tk-project-wrapper-two .gm-proj-title a:hover{color:#D94E22 !important;}
.tk-project-wrapper-two .gm-proj-author{display:inline-flex !important;align-items:center;gap:5px;font-size:13.5px !important;font-weight:600 !important;color:#8A7E76 !important;font-family:'Inter',sans-serif !important;}
.tk-project-wrapper-two .gm-proj-author:hover{color:#5b5048 !important;}
.tk-project-wrapper-two .gm-proj-by{color:#B6ABA3 !important;font-weight:500;}

/* =========================================================================
   TASKER DASHBOARD — payout component re-skin (matches mockups/tasker-dashboard.html)
   Scoped to .gm-tdash so only the tasker dashboard is affected.
   ========================================================================= */
/* kill the default 220px decorative "account card" (account-info-bg.png grey mesh) */
.gm-tdash .payout-embed .tk-projectboxinner{display:none !important;}
.gm-tdash .payout-embed .tk-dbbox{padding:0 !important;background:transparent !important;margin:0 !important;box-shadow:none !important;border:none !important;}
.gm-tdash .payout-embed .gm-pay-h{display:none !important;}
.gm-tdash .payout-card .gm-pay-manage{display:inline-flex;align-items:center;gap:5px;}
.gm-tdash .payout-card .gm-pay-manage i,.gm-tdash .payout-card .gm-pay-manage svg{width:14px;height:14px;}

/* method rows */
.gm-tdash .payout-embed .gm-pay-methods{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px;}
.gm-tdash .payout-embed .gm-pay-row{position:relative;margin:0;padding:0;border:none;background:none;list-style:none;}
.gm-tdash .payout-embed .gm-pay-row::before,.gm-tdash .payout-embed .gm-pay-row::after{display:none !important;}
.gm-tdash .payout-embed .gm-pay-row .form-check-label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:14px 48px 14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;}
.gm-tdash .payout-embed .gm-pay-row .form-check-label:hover{border-color:#F8C3AD;}
.gm-tdash .payout-embed .gm-pay-row input.payout-method{-webkit-appearance:radio;appearance:radio;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;accent-color:#F16334;margin:0;opacity:1;z-index:3;cursor:pointer;}
.gm-tdash .payout-embed .gm-pay-row input.payout-method:checked + .form-check-label{border-color:#F16334;box-shadow:0 0 0 3px rgba(241,99,52,.12);background:#FFFCFA;}
.gm-tdash .payout-embed .tk-payment-method{display:flex;align-items:center;gap:13px;min-width:0;}
.gm-tdash .payout-embed .gm-pm-ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--cream);border:1px solid var(--line);overflow:hidden;}
.gm-tdash .payout-embed .gm-pm-ic img{width:24px;height:24px;object-fit:contain;}
.gm-tdash .payout-embed .gm-pm-ic-stripe{background:linear-gradient(135deg,#635BFF,#8b85ff);border:none;}
.gm-tdash .payout-embed .gm-pm-ic-stripe i{color:#fff;font-size:20px;}
.gm-tdash .payout-embed .gm-pm-tx{display:flex;flex-direction:column;gap:2px;min-width:0;}
.gm-tdash .payout-embed .gm-pm-tx b{font-family:'Urbanist',sans-serif;font-weight:700;font-size:14px;color:var(--charcoal);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.gm-tdash .payout-embed .gm-pm-desc{font-size:12px;color:var(--muted);line-height:1.4;}
.gm-tdash .payout-embed .gm-pm-ok{color:#1f7a4d;font-weight:600;}
.gm-tdash .payout-embed .gm-pm-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#0a7c77;background:#D6F4F2;padding:2px 9px;border-radius:20px;}
.gm-tdash .payout-embed .gm-pm-badge i{font-size:11px;}
.gm-tdash .payout-embed .gm-pay-row .tk-escrow-content{display:none !important;}

/* collapse setup forms */
.gm-tdash .payout-embed .tb-stepescrow{padding:8px 4px 2px;}
.gm-tdash .payout-embed .tb-stepescrow .tk-btn-solid{display:inline-block;}

/* withdraw amount */
.gm-tdash .payout-embed .gm-pay-amount{margin:6px 0 14px;}
.gm-tdash .payout-embed .gm-pay-amount-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.gm-tdash .payout-embed .gm-pay-amount-top label{font-family:'Urbanist',sans-serif;font-weight:700;font-size:13px;color:var(--charcoal);margin:0;}
.gm-tdash .payout-embed .gm-pay-avail{font-size:12.5px;color:var(--muted);}
.gm-tdash .payout-embed .gm-pay-avail b{color:#1f7a4d;font-family:'Urbanist',sans-serif;font-weight:700;}
.gm-tdash .payout-embed .gm-pay-inputwrap{display:flex;align-items:center;background:#fff;border:1.5px solid var(--line-2);border-radius:13px;padding:4px 4px 4px 16px;transition:border-color .15s,box-shadow .15s;}
.gm-tdash .payout-embed .gm-pay-inputwrap:focus-within{border-color:#F16334;box-shadow:0 0 0 3px rgba(241,99,52,.12);}
.gm-tdash .payout-embed .gm-pay-inputwrap.gm-pay-invalid{border-color:#E0524B;}
.gm-tdash .payout-embed .gm-pay-cur{font-family:'Urbanist',sans-serif;font-weight:800;font-size:18px;color:var(--muted-2);}
.gm-tdash .payout-embed .gm-pay-input{flex:1;border:none !important;outline:none;background:none;box-shadow:none !important;font-family:'Urbanist',sans-serif;font-weight:800;font-size:20px;color:var(--charcoal);padding:10px 12px;min-width:0;height:auto;}
.gm-tdash .payout-embed .gm-pay-input::-webkit-outer-spin-button,.gm-tdash .payout-embed .gm-pay-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.gm-tdash .payout-embed .gm-pay-max{flex:none;font-family:'Urbanist',sans-serif;font-weight:800;font-size:12px;letter-spacing:.04em;color:var(--coral-deep);background:var(--coral-soft);border:none;border-radius:9px;padding:9px 14px;cursor:pointer;transition:background .15s;}
.gm-tdash .payout-embed .gm-pay-max:hover{background:#FFD9C7;}

/* withdraw button + note */
.gm-tdash .payout-embed .gm-pay-withdraw{display:flex !important;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border-radius:13px;background:linear-gradient(135deg,#F16334,#F8893F) !important;color:#fff !important;font-family:'Urbanist',sans-serif;font-weight:800;font-size:15px;border:none;box-shadow:0 14px 30px rgba(241,99,52,.28);transition:transform .15s,box-shadow .15s;text-decoration:none;margin:0;}
.gm-tdash .payout-embed .gm-pay-withdraw:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(241,99,52,.4);color:#fff !important;}
.gm-tdash .payout-embed .gm-pay-withdraw b{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff;}
.gm-tdash .payout-embed .gm-pay-withdraw i{font-size:17px;}
.gm-tdash .payout-embed .gm-pay-note{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:var(--muted);}
.gm-tdash .payout-embed .gm-pay-note i{color:#0a7c77;font-size:14px;}

/* =========================================================================
   FRONT-END DASHBOARD & SHARED CHROME — Direction B unification (2026-06-28)
   Scoped under .tk-main-wrapper (every layouts.app front-end page). Admin uses
   .tb-mainwrapper, the homepage is standalone — both untouched. Hardcoded hex.
   Goal: one consistent design language across settings/billing/account/portfolio/
   invoices/disputes/lists — coral gradient buttons (no flat orange/blue/red),
   warm cards, coral-focus inputs, soft state colours.
   ========================================================================= */
.tk-main-wrapper{
  --gm-coral:#F16334;--gm-coral-2:#F8893F;--gm-coral-deep:#D94E22;--gm-coral-soft:#FFE7DC;
  --gm-teal:#0FB5AE;--gm-teal-soft:#D6F4F2;--gm-gold:#FDB022;
  --gm-cream:#FFF8F2;--gm-ink:#221A16;--gm-mut:#8A7E76;--gm-mut2:#B6ABA3;
  --gm-line:#F0E6DD;--gm-line2:#EADFD5;--gm-green-soft:#DEF3E8;--gm-amber-soft:#FBEFD2;--gm-red-soft:#FBE2E0;
}

/* page surface + headings */
.tk-main-wrapper .tk-scetiondb{background:var(--gm-cream);}
.tk-main-wrapper .tk-dhb-mainheading h2,
.tk-main-wrapper .tk-dhbtitle h2,
.tk-main-wrapper .tk-dhbtitle h3,
.tk-main-wrapper .tk-employerproject-title h4{font-family:'Urbanist',sans-serif !important;font-weight:800 !important;color:var(--gm-ink) !important;letter-spacing:-.4px;}

/* cards / boxes (style the box, leave wrappers transparent to avoid nested cards) */
.tk-main-wrapper .tk-project-box,
.tk-main-wrapper .tb-asidebox,
.tk-main-wrapper .tk-dbbox{
  background:#fff !important;border:1px solid var(--gm-line) !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04) !important;
}
.tk-main-wrapper .tk-project-box .tk-projectboxinner,
.tk-main-wrapper .tk-project-box .tk-dbbox{border:none !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;}

/* settings tab nav (left menu) */
.tk-main-wrapper .tk-settingtabholder{padding:10px !important;}
.tk-main-wrapper .tb-settingtab{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.tk-main-wrapper .tb-settingtab li a{
  display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;
  font-family:'Urbanist',sans-serif;font-weight:600;font-size:14px;color:#5b5048;text-decoration:none;transition:.15s;
}
.tk-main-wrapper .tb-settingtab li a i{font-size:18px;color:var(--gm-mut2);}
.tk-main-wrapper .tb-settingtab li a:hover{background:var(--gm-cream);color:var(--gm-coral-deep);}
.tk-main-wrapper .tb-settingtab li.active a{background:linear-gradient(100deg,rgba(241,99,52,.14),rgba(241,99,52,.05));color:var(--gm-coral-deep);}
.tk-main-wrapper .tb-settingtab li.active a i{color:var(--gm-coral);}

/* solid buttons -> coral gradient (kills flat orange + blue border + ::before) */
.tk-main-wrapper .tk-btn-solid,
.tk-main-wrapper .tk-btn-solid-lefticon,
.tk-main-wrapper .tk-btn-solid-lg,
.tk-main-wrapper .tk-btn-solid-lg-lefticon,
.tk-main-wrapper .tk-btn-solid-sm,
.tk-main-wrapper .tk-btn-solid-sm-lefticon,
.tk-main-wrapper .tk-invite-bidbtn,
.tk-main-wrapper .tk-withdraw-button{
  background:linear-gradient(135deg,var(--gm-coral),var(--gm-coral-2)) !important;border:none !important;color:#fff !important;
  border-radius:12px !important;box-shadow:0 8px 20px rgba(241,99,52,.24) !important;
  font-family:'Urbanist',sans-serif;font-weight:700 !important;transition:transform .15s,box-shadow .15s !important;
}
.tk-main-wrapper .tk-btn-solid::before,.tk-main-wrapper .tk-btn-solid-lefticon::before,
.tk-main-wrapper .tk-btn-solid-lg::before,.tk-main-wrapper .tk-btn-solid-lg-lefticon::before,
.tk-main-wrapper .tk-btn-solid-sm::before,.tk-main-wrapper .tk-btn-solid-sm-lefticon::before,
.tk-main-wrapper .tk-invite-bidbtn::before{display:none !important;}
.tk-main-wrapper .tk-btn-solid:hover,.tk-main-wrapper .tk-btn-solid-lefticon:hover,
.tk-main-wrapper .tk-btn-solid-lg:hover,.tk-main-wrapper .tk-btn-solid-sm:hover,
.tk-main-wrapper .tk-invite-bidbtn:hover,.tk-main-wrapper .tk-withdraw-button:hover{
  transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(241,99,52,.36) !important;color:#fff !important;
}
.tk-main-wrapper .tk-btn-solid i,.tk-main-wrapper .tk-btn-solid-lefticon i,.tk-main-wrapper .tk-invite-bidbtn i{color:#fff !important;}

/* bordered / ghost buttons */
.tk-main-wrapper .tk-btn-bordered,
.tk-main-wrapper .tk-btn-line,
.tk-main-wrapper .tk-btn-line-lefticon,
.tk-main-wrapper .tk-btn-line-lg,
.tk-main-wrapper .tk-btn-line-sm,
.tk-main-wrapper .tk-btnline{
  background:#fff !important;border:1.5px solid var(--gm-line2) !important;color:var(--gm-ink) !important;
  border-radius:12px !important;font-family:'Urbanist',sans-serif;font-weight:700 !important;box-shadow:none !important;transition:.15s !important;
}
.tk-main-wrapper .tk-btn-bordered::before,.tk-main-wrapper .tk-btn-line::before{display:none !important;}
.tk-main-wrapper .tk-btn-bordered:hover,.tk-main-wrapper .tk-btn-line:hover,.tk-main-wrapper .tk-btnline:hover{
  border-color:var(--gm-coral) !important;color:var(--gm-coral-deep) !important;background:var(--gm-cream) !important;
}

/* danger button -> soft red (no harsh red bg) */
.tk-main-wrapper .tk-redbtn{
  background:var(--gm-red-soft) !important;border:1.5px solid #F3B6B1 !important;color:#b3392f !important;
  border-radius:12px !important;box-shadow:none !important;font-weight:700 !important;
}
.tk-main-wrapper .tk-redbtn::before{display:none !important;}
.tk-main-wrapper .tk-redbtn:hover{background:#FAD3CE !important;color:#9a3025 !important;}
.tk-main-wrapper .tk-redbtn i{color:#b3392f !important;}

/* gold button */
.tk-main-wrapper .tk-btn-yellow,.tk-main-wrapper .tk-btn-yellow-lg{
  background:linear-gradient(135deg,#FDB022,#F8A013) !important;border:none !important;color:#3a2a08 !important;
  border-radius:12px !important;box-shadow:0 8px 18px rgba(253,176,34,.28) !important;
}
.tk-main-wrapper .tk-btn-yellow::before,.tk-main-wrapper .tk-btn-yellow-lg::before{display:none !important;}

/* form inputs -> warm border + coral focus ring */
.tk-main-wrapper .form-control,
.tk-main-wrapper .tk-themeinput,
.tk-main-wrapper .select2-container--default .select2-selection--single,
.tk-main-wrapper .select2-container--default .select2-selection--multiple{
  border:1.5px solid var(--gm-line2) !important;border-radius:12px !important;background:#fff !important;color:var(--gm-ink) !important;
  transition:border-color .15s,box-shadow .15s !important;
}
.tk-main-wrapper .form-control:focus,
.tk-main-wrapper .tk-themeinput:focus,
.tk-main-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
.tk-main-wrapper .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--gm-coral) !important;box-shadow:0 0 0 3px rgba(241,99,52,.12) !important;
}
.tk-main-wrapper .tk-label{font-family:'Urbanist',sans-serif !important;font-weight:600 !important;color:var(--gm-ink) !important;}
.tk-main-wrapper .tk-required::after,.tk-main-wrapper label.tk-required::after{color:var(--gm-coral) !important;}

/* pills / tags */
.tk-main-wrapper .tk-blog-tags,.tk-main-wrapper .tk-tag{
  background:var(--gm-cream) !important;border:1px solid var(--gm-line) !important;color:#5b5048 !important;border-radius:20px !important;font-weight:600 !important;
}

/* alerts / states */
.tk-main-wrapper .alert{border-radius:12px !important;border:1px solid transparent !important;font-weight:500;}
.tk-main-wrapper .alert-success{background:var(--gm-green-soft) !important;color:#1a6e44 !important;border-color:#BFE6CF !important;}
.tk-main-wrapper .alert-warning{background:var(--gm-amber-soft) !important;color:#8a5e06 !important;border-color:#F2DDA8 !important;}
.tk-main-wrapper .alert-danger,.tk-main-wrapper .alert-error{background:var(--gm-red-soft) !important;color:#a3342a !important;border-color:#F3C2BD !important;}

/* pagination active -> coral */
.tk-main-wrapper .tk-pagination ul li a:hover,
.tk-main-wrapper .tk-pagination ul li.active a,
.tk-main-wrapper .tk-pagination ul li span.current{background:var(--gm-coral) !important;border-color:var(--gm-coral) !important;color:#fff !important;}

/* =========================================================================
   ROLE-SWITCHER dropdown card + dropdown LOGOUT (2026-06-28)
   Fixes the invisible white heading on the light switch card and styles the
   switch button; adds a logout entry to the profile dropdown.
   ========================================================================= */
.tk-themesidebar .sub-menu .tk-switch-profile{padding:0 0 8px !important;margin:0 0 6px !important;border-bottom:1px solid rgba(255,255,255,.08);}
.tk-themesidebar .sub-menu .tk-expertswitch,
.tk-themesidebar .sub-menu .tk-expertswitch.tk-bgswtich{
    background:linear-gradient(150deg,rgba(241,99,52,.20),rgba(241,99,52,.06)) !important;
    background-image:linear-gradient(150deg,rgba(241,99,52,.20),rgba(241,99,52,.06)) !important;
    border:1px solid rgba(241,99,52,.28) !important;border-radius:12px !important;padding:14px !important;
}
.tk-themesidebar .sub-menu .tk-expertswitch h2,
.tk-themesidebar .sub-menu .tk-switch-profile h2{color:#fff !important;font-family:'Urbanist',sans-serif !important;font-weight:700 !important;font-size:14px !important;margin:0 0 4px !important;}
.tk-themesidebar .sub-menu .tk-expertswitch p,
.tk-themesidebar .sub-menu .tk-switch-profile p{color:#D9CDC4 !important;font-size:12px !important;line-height:1.45 !important;margin:0 0 12px !important;}
.tk-themesidebar .sub-menu .tk-expert-anchor{
    display:flex !important;align-items:center;justify-content:center;width:100%;
    background:linear-gradient(135deg,#F16334,#F8893F) !important;color:#fff !important;border-radius:10px !important;
    font-family:'Urbanist',sans-serif !important;font-weight:700 !important;font-size:13px !important;padding:11px 14px !important;
    box-shadow:0 8px 18px rgba(241,99,52,.30) !important;transition:transform .15s,box-shadow .15s !important;
}
.tk-themesidebar .sub-menu .tk-expert-anchor:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(241,99,52,.42) !important;background:linear-gradient(135deg,#F16334,#F8893F) !important;color:#fff !important;}
.tk-themesidebar .sub-menu .tk-switch-profile form{margin:0 !important;}
/* dropdown logout */
.tk-themesidebar .sub-menu .tk-logout-item form{margin:0 !important;}
.tk-themesidebar .sub-menu .tk-logout-item a{color:#F0796F !important;display:flex;align-items:center;gap:10px;}
.tk-themesidebar .sub-menu .tk-logout-item a i{color:#e0524b !important;}
.tk-themesidebar .sub-menu .tk-logout-item a:hover{background:rgba(224,82,75,.16) !important;color:#fff !important;}
.tk-themesidebar .sub-menu .tk-logout-item a:hover i{color:#fff !important;}

/* =========================================================================
   BUYER / classic dashboard cards -> Direction B (2026-06-28)
   The old shared dashboard (dashboard.blade.php) used .tk-aside-list KPI rows
   and .tk-counter-contant stat cards with a dated corner watermark. Re-skin to
   match the redesigned seller dashboard. Scoped under .tk-main-wrapper.
   ========================================================================= */
.tk-main-wrapper .tk-aside-list{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;list-style:none !important;padding:0 !important;margin:0 0 22px !important;}
.tk-main-wrapper .tk-aside-list > li{margin:0 !important;width:auto !important;float:none !important;}
.tk-main-wrapper .tk-aside-list .tk-list-detail{background:#fff !important;border:1px solid var(--gm-line) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04) !important;padding:22px !important;height:100% !important;}
.tk-main-wrapper .tk-aside-list .tk-list-name{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}
.tk-main-wrapper .tk-aside-list .tk-list-icon{width:46px !important;height:46px !important;border-radius:13px !important;display:grid !important;place-items:center !important;margin:0 !important;}
.tk-main-wrapper .tk-aside-list .tk-list-icon i{font-size:22px !important;background:none !important;}
.tk-main-wrapper .tk-aside-list .tk-list-heading p{color:var(--gm-mut) !important;font-size:13px !important;margin:0 0 5px !important;}
.tk-main-wrapper .tk-aside-list .tk-list-heading h5{font-family:'Urbanist',sans-serif !important;font-weight:800 !important;font-size:24px !important;color:var(--gm-ink) !important;letter-spacing:-.5px !important;margin:0 !important;}

/* stat counter cards */
.tk-main-wrapper .tk-seller-counter-list{display:flex !important;flex-wrap:wrap !important;gap:0 !important;margin:-10px !important;padding:0 !important;list-style:none !important;}
.tk-main-wrapper .tk-seller-counter-list > li{width:100% !important;max-width:33.333% !important;padding:10px !important;margin:0 !important;float:none !important;}
.tk-main-wrapper .tk-seller-counter-list li::after{display:none !important;}
.tk-main-wrapper .tk-seller-counter-list li:hover a.tk-counter-button-active{background:#FFD9C7 !important;color:#D94E22 !important;}
.tk-main-wrapper .tk-counter-contant{position:relative !important;width:100% !important;min-height:0 !important;background:#fff !important;border:1px solid var(--gm-line) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04) !important;padding:20px !important;overflow:hidden !important;}
.tk-main-wrapper .tk-counter-icon-button{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:14px !important;position:relative;z-index:1;}
.tk-main-wrapper .tk-counter-icon-button > div:first-child{width:44px !important;height:44px !important;border-radius:12px !important;display:grid !important;place-items:center !important;}
.tk-main-wrapper .tk-counter-icon-button > div:first-child i{font-size:20px !important;}
.tk-main-wrapper .tk-counter-value{font-family:'Urbanist',sans-serif !important;font-weight:800 !important;font-size:28px !important;line-height:1.1 !important;height:auto !important;color:var(--gm-ink) !important;margin:0 0 2px !important;letter-spacing:-.5px !important;position:relative;z-index:1;}
.tk-main-wrapper .tk-counter-contant strong{display:block !important;font-family:'Inter',sans-serif !important;font-weight:500 !important;color:var(--gm-mut) !important;font-size:13px !important;white-space:nowrap !important;position:relative;z-index:1;}
.tk-main-wrapper .tk-icon-watermark{position:absolute !important;right:-12px !important;bottom:-16px !important;opacity:.05 !important;z-index:0 !important;}
.tk-main-wrapper .tk-icon-watermark i{font-size:92px !important;color:var(--gm-ink) !important;}
.tk-main-wrapper .tk-counter-button-active{font-family:'Urbanist',sans-serif !important;font-weight:700 !important;font-size:12px !important;color:var(--gm-coral-deep) !important;background:var(--gm-coral-soft) !important;padding:6px 12px !important;border-radius:8px !important;text-decoration:none !important;}
.tk-main-wrapper .tk-counter-button-active:hover{background:#FFD9C7 !important;color:var(--gm-coral-deep) !important;}

/* coloured icon tiles (KPI + counters) */
.tk-main-wrapper .tk-list-icon-blue,.tk-main-wrapper .tk-icon-blue{background:#E1EDF8 !important;color:#3B82C4 !important;}
.tk-main-wrapper .tk-list-icon-green,.tk-main-wrapper .tk-icon-green{background:#DEF3E8 !important;color:#1f7a4d !important;}
.tk-main-wrapper .tk-list-icon-red,.tk-main-wrapper .tk-icon-red{background:#FFE7DC !important;color:#D94E22 !important;}
.tk-main-wrapper .tk-list-icon-yellow,.tk-main-wrapper .tk-icon-yellow{background:#FBEFD2 !important;color:#a06d05 !important;}
.tk-main-wrapper .tk-icon-purple{background:#EDE6FF !important;color:#5a3fd0 !important;}
.tk-main-wrapper .tk-icon-orange{background:#FDEFE3 !important;color:#c2570f !important;}
.tk-main-wrapper .tk-counter-icon-button > div:first-child i,
.tk-main-wrapper .tk-aside-list .tk-list-icon i{color:inherit !important;}

/* chart card + heading */
.tk-main-wrapper .tk-seller-graph{background:#fff !important;border:1px solid var(--gm-line) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(34,26,22,.05),0 1px 3px rgba(34,26,22,.04) !important;padding:20px !important;}
.tk-main-wrapper .tb-dhb-mainheading h5,.tk-main-wrapper .tb-tabfiltertitle h5{font-family:'Urbanist',sans-serif !important;font-weight:700 !important;color:var(--gm-ink) !important;}

@media(max-width:1180px){
  .tk-main-wrapper .tk-aside-list{grid-template-columns:repeat(2,1fr) !important;}
  .tk-main-wrapper .tk-seller-counter-list > li{max-width:50% !important;}
}
@media(max-width:600px){
  .tk-main-wrapper .tk-aside-list{grid-template-columns:1fr !important;}
  .tk-main-wrapper .tk-seller-counter-list > li{max-width:100% !important;}
}

/* =========================================================================
   UNIVERSAL FOOTER (.gm-footer) — Direction B, shared site-wide (2026-06-28)
   Mirrors the homepage .foot-* footer; loaded on every layouts.app page.
   ========================================================================= */
.gm-footer.site{background:#221A16;color:#C9BDB4;padding:72px 0 0;position:relative;overflow:hidden;margin-top:0;font-family:'Inter',system-ui,sans-serif;}
.gm-footer .wrap{max-width:1200px;margin:0 auto;padding:0 26px;}
.gm-footer .fblob{width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(241,99,52,.18),transparent 65%);filter:blur(40px);position:absolute;top:-260px;right:-80px;}
.gm-footer .foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:34px;position:relative;z-index:2;}
.gm-footer .gmh-brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.gm-footer .gmh-brand-mark{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#F16334,#F8893F);display:grid;place-items:center;box-shadow:0 8px 18px rgba(241,99,52,.4);}
.gm-footer .gmh-brand-mark i,.gm-footer .gmh-brand-mark svg{color:#fff;width:22px;height:22px;}
.gm-footer .gmh-brand-word{font-family:'Urbanist',sans-serif;font-weight:800;font-size:23px;letter-spacing:-.5px;color:#fff !important;line-height:1;}
.gm-footer .gmh-brand-word b{color:#F16334 !important;}
.gm-footer .foot-about{font-size:14.5px;color:#A8998E;margin:20px 0 24px;max-width:300px;line-height:1.6;}
.gm-footer .foot-app{display:flex;gap:12px;flex-wrap:wrap;}
.gm-footer .app-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:9px 16px;transition:.15s;text-decoration:none;}
.gm-footer .app-badge:hover{background:rgba(255,255,255,.1);}
.gm-footer .app-badge i{width:24px;height:24px;color:#fff;}
.gm-footer .app-badge .ab-t{line-height:1.1;}
.gm-footer .app-badge .ab-t small{font-size:10.5px;color:#A8998E;display:block;}
.gm-footer .app-badge .ab-t b{font-family:'Urbanist',sans-serif;font-weight:700;font-size:15px;color:#fff;}
.gm-footer .foot-col h5{font-family:'Urbanist',sans-serif;font-weight:800;font-size:15px;color:#fff;margin-bottom:18px;letter-spacing:.02em;}
.gm-footer .foot-col a{display:block;font-size:14px;color:#A8998E;padding:7px 0;transition:.15s;text-decoration:none;}
.gm-footer .foot-col a:hover{color:#FDB022;padding-left:5px;}
.gm-footer .foot-showall{color:#F8A24A !important;font-weight:600;}
.gm-footer .foot-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:54px;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:relative;z-index:2;}
.gm-footer .foot-bottom p{font-size:13.5px;color:#9b8e84;margin:0;}
.gm-footer .foot-legal{display:flex;align-items:center;gap:10px;}
.gm-footer .foot-legal a{font-size:13.5px;color:#A8998E;text-decoration:none;transition:.15s;}
.gm-footer .foot-legal a:hover{color:#FDB022;}
.gm-footer .foot-legal-sep{color:#5b5048;}
.gm-footer .foot-social{display:flex;gap:10px;}
.gm-footer .foot-social a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;transition:.15s;}
.gm-footer .foot-social a i{width:19px;height:19px;color:#C9BDB4;}
.gm-footer .foot-social a:hover{background:#F16334;}
.gm-footer .foot-social a:hover i{color:#fff;}
@media(max-width:1080px){.gm-footer .foot-top{grid-template-columns:1.4fr 1fr 1fr;gap:30px;}.gm-footer .foot-brand{grid-column:1 / -1;}}
@media(max-width:760px){.gm-footer .foot-top{grid-template-columns:1fr 1fr;gap:28px;}}
@media(max-width:520px){.gm-footer .foot-top{grid-template-columns:1fr;}.gm-footer .foot-bottom{flex-direction:column;align-items:flex-start;}}

/* =========================================================================
   "Post a Project" banner — shown on the Find Talent (search-sellers) page
   ========================================================================= */
.gm-postbanner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin:18px 0 22px;padding:18px 22px;border-radius:18px;
  background:linear-gradient(120deg,#FFF1E7,#FFE7DC 60%,#FEF0D6);border:1px solid #F5D9C6;
  box-shadow:0 10px 28px rgba(241,99,52,.10);}
.gm-postbanner__tx{display:flex;align-items:center;gap:14px;}
.gm-postbanner__tx > i{width:26px;height:26px;color:#D94E22;flex:none;}
.gm-postbanner__tx b{display:block;font-family:'Urbanist',sans-serif;font-weight:800;font-size:16px;color:#221A16;}
.gm-postbanner__tx span{display:block;font-size:13.5px;color:#7a6e64;margin-top:2px;}
.gm-postbanner__btn{display:inline-flex;align-items:center;gap:8px;flex:none;height:46px;padding:0 22px;border-radius:13px;
  background:linear-gradient(135deg,#F16334,#F8893F);color:#fff !important;font-family:'Urbanist',sans-serif;font-weight:700;
  font-size:14.5px;text-decoration:none;box-shadow:0 12px 26px rgba(241,99,52,.3);transition:transform .15s,box-shadow .15s;}
.gm-postbanner__btn i{width:17px;height:17px;}
.gm-postbanner__btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(241,99,52,.42);color:#fff !important;}
@media(max-width:600px){.gm-postbanner{flex-direction:column;align-items:flex-start;}.gm-postbanner__btn{width:100%;justify-content:center;}}

/* =========================================================================
   "Finish posting" resume nudge bar — shown to authed users with a saved
   guest "Post a Project" draft (survives the signup/verification detour)
   ========================================================================= */
.gm-resumebar{background:linear-gradient(120deg,#FFF1E7,#FFE7DC 55%,#FEF0D6);border-bottom:1px solid #F5D9C6;}
.gm-resumebar__in{max-width:1200px;margin:0 auto;padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.gm-resumebar__tx{display:flex;align-items:center;gap:13px;}
.gm-resumebar__tx svg{width:24px;height:24px;color:#D94E22;flex:none;}
.gm-resumebar__tx b{display:block;font-family:'Urbanist',sans-serif;font-weight:800;font-size:14.5px;color:#221A16;}
.gm-resumebar__tx span{display:block;font-size:13px;color:#7a6e64;margin-top:1px;}
.gm-resumebar__actions{display:flex;align-items:center;gap:10px;}
.gm-resumebar__btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 20px;border-radius:11px;background:linear-gradient(135deg,#F16334,#F8893F);color:#fff !important;font-family:'Urbanist',sans-serif;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 10px 22px rgba(241,99,52,.28);transition:transform .15s;}
.gm-resumebar__btn svg{width:16px;height:16px;}
.gm-resumebar__btn:hover{transform:translateY(-1px);color:#fff !important;}
.gm-resumebar__x{font-size:24px;line-height:1;color:#9a8d83;text-decoration:none;padding:2px 9px;border-radius:8px;transition:.15s;}
.gm-resumebar__x:hover{background:rgba(0,0,0,.06);color:#221A16;}
@media(max-width:600px){.gm-resumebar__in{flex-direction:column;align-items:flex-start;}}

/* =========================================================================
   About-us stat counters — a distinct branded icon per stat
   (replaces the single repeated placeholder image)
   ========================================================================= */
.tk-counternum li .tk-countitem img{display:none !important;}
.tk-counternum li .tk-countitem::before{content:"";display:block;width:58px;height:58px;margin:0 auto 16px;border-radius:16px;background-repeat:no-repeat;background-position:center;background-size:28px 28px;}
.tk-counternum li:nth-child(1) .tk-countitem::before{background-color:#FFE7DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D94E22' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");}
.tk-counternum li:nth-child(2) .tk-countitem::before{background-color:#D6F4F2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a7c77' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E");}
.tk-counternum li:nth-child(3) .tk-countitem::before{background-color:#FEF0D6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a06d05' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='7' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");}
.tk-counternum li:nth-child(4) .tk-countitem::before{background-color:#EBE6FE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a3fd0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");}

/* =========================================================================
   AUTH (login/register) — clean split + image fills the right on wide screens
   (was: form max-width 30% with an 870px image floating at the right edge)
   ========================================================================= */
@media(min-width:992px){
  .tk-loginconatiner{padding:0 !important;gap:0 !important;min-height:100vh !important;align-items:stretch !important;}
  .tk-loginconatiner .tk-login-content{max-width:48% !important;flex:1 1 48% !important;padding:48px 5% !important;}
  .tk-loginconatiner .tk-login-banner{margin:0 !important;flex:1 1 52% !important;align-self:stretch !important;position:relative;overflow:hidden;}
  .tk-loginconatiner .tk-login-img{max-width:none !important;width:100% !important;height:100% !important;margin:0 !important;}
  .tk-loginconatiner .tk-login-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block;}
}

/* Unread badge on the sidebar Messages item (contextual message board). */
.tk-usermenu a{position:relative;}
.tk-usermenu .gm-unread{
    position:absolute;right:14px;top:50%;transform:translateY(-50%);
    min-width:19px;height:19px;padding:0 6px;border-radius:10px;
    background:#F16334;color:#fff;font-style:normal;font-weight:700;
    font-size:11px;line-height:19px;text-align:center;
}