/*
 * SwiftKudi Marketplace UI
 * Production-safe standalone design layer. This file intentionally does not
 * depend on Tailwind compilation, so redesigned marketplace surfaces render
 * consistently immediately after deployment.
 */
:root {
    --sk-brand-50: #eef2ff;
    --sk-brand-100: #e0e7ff;
    --sk-brand-300: #a5b4fc;
    --sk-brand-400: #818cf8;
    --sk-brand-500: #6366f1;
    --sk-brand-600: #4f46e5;
    --sk-brand-700: #4338ca;
    --sk-bg: #020617;
    --sk-surface: #0f172a;
    --sk-surface-2: #111c30;
    --sk-surface-3: #1e293b;
    --sk-border: #253247;
    --sk-border-strong: #334155;
    --sk-text: #f8fafc;
    --sk-text-soft: #cbd5e1;
    --sk-muted: #94a3b8;
    --sk-subtle: #64748b;
    --sk-danger: #f87171;
    --sk-success: #4ade80;
    --sk-warning: #facc15;
    --sk-radius-sm: .625rem;
    --sk-radius: .875rem;
    --sk-radius-lg: 1rem;
    --sk-radius-xl: 1.25rem;
    --sk-shadow: 0 10px 30px rgba(2, 6, 23, .24);
}

html { color-scheme: dark; }

body.marketplace-app,
body.marketplace-admin,
body.marketplace-guest {
    background: var(--sk-bg) !important;
    color: var(--sk-text-soft);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Core marketplace primitives */
.marketplace-page {
    min-height: 100%;
    background: var(--sk-bg);
    color: var(--sk-text-soft);
}
.marketplace-container {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: 2rem 1rem;
}
@media (min-width: 640px) { .marketplace-container { padding-inline: 1.5rem; } }
@media (min-width: 1024px) { .marketplace-container { padding-inline: 2rem; } }
.marketplace-page-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.75rem;
}
@media (min-width: 640px) {
    .marketplace-page-header { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
.marketplace-eyebrow {
    color: var(--sk-brand-400);
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .16em;
}
.marketplace-title {
    margin: 0;
    color: var(--sk-text);
    font-family: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -.025em;
}
@media (min-width: 640px) { .marketplace-title { font-size: 1.875rem; line-height: 2.25rem; } }
.marketplace-subtitle {
    max-width: 48rem;
    margin-top: .5rem;
    color: var(--sk-muted);
    font-size: .9375rem;
    line-height: 1.55rem;
}
.marketplace-card,
.marketplace-panel {
    border: 1px solid var(--sk-border);
    border-radius: var(--sk-radius-xl);
    background: var(--sk-surface);
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
.marketplace-card-hover {
    border: 1px solid var(--sk-border);
    border-radius: var(--sk-radius-xl);
    background: var(--sk-surface);
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.marketplace-card-hover:hover {
    border-color: rgba(99,102,241,.52);
    background: #121d31;
    box-shadow: var(--sk-shadow);
    transform: translateY(-1px);
}
.marketplace-btn,
.marketplace-btn-primary,
.marketplace-btn-secondary,
.marketplace-button-primary,
.marketplace-button-secondary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: .7rem;
    padding: .625rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 650;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .12s ease;
}
.marketplace-btn-primary,
.marketplace-button-primary {
    border: 1px solid var(--sk-brand-600);
    background: var(--sk-brand-600);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.14);
}
.marketplace-btn-primary:hover,
.marketplace-button-primary:hover { background: var(--sk-brand-500); border-color: var(--sk-brand-500); color:#fff; }
.marketplace-btn-secondary,
.marketplace-button-secondary {
    border: 1px solid var(--sk-border-strong);
    background: var(--sk-surface);
    color: #e2e8f0;
}
.marketplace-btn-secondary:hover,
.marketplace-button-secondary:hover { background: var(--sk-surface-3); border-color: #475569; color:#fff; }
.marketplace-btn:focus-visible,
.marketplace-btn-primary:focus-visible,
.marketplace-btn-secondary:focus-visible,
.marketplace-button-primary:focus-visible,
.marketplace-button-secondary:focus-visible {
    outline: 2px solid var(--sk-brand-400);
    outline-offset: 2px;
}
.marketplace-input {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--sk-border-strong) !important;
    border-radius: .7rem !important;
    background: #07101f !important;
    color: var(--sk-text) !important;
    padding: .625rem .875rem !important;
    font-size: .875rem !important;
    box-shadow: none !important;
}
.marketplace-input::placeholder { color: var(--sk-subtle) !important; }
.marketplace-input:focus {
    border-color: var(--sk-brand-500) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,.14) !important;
    outline: none !important;
}
.marketplace-label { display:block; margin-bottom:.5rem; color:#e2e8f0; font-size:.875rem; font-weight:650; }
.marketplace-pill,
.marketplace-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--sk-border-strong);
    border-radius: 999px;
    background: var(--sk-surface-3);
    color: #cbd5e1;
    padding: .25rem .625rem;
    font-size: .75rem;
    line-height: 1.1rem;
    font-weight: 550;
}
.marketplace-chip:hover { border-color: rgba(99,102,241,.55); color:#fff; }
.marketplace-chip-active { border-color: rgba(99,102,241,.55); background:rgba(99,102,241,.12); color:var(--sk-brand-300); }
.marketplace-option-card { border:1px solid var(--sk-border); border-radius:.8rem; background:#07101f; padding:1rem; }
.marketplace-checkbox { accent-color: var(--sk-brand-600); }
.marketplace-empty-state {
    display:flex;
    min-height:280px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2rem;
    text-align:center;
    border:1px solid var(--sk-border);
    border-radius:var(--sk-radius-xl);
    background:var(--sk-surface);
}
.marketplace-empty-icon { display:flex; width:3rem; height:3rem; align-items:center; justify-content:center; border-radius:999px; background:rgba(99,102,241,.10); color:var(--sk-brand-300); }
.marketplace-nav-link { display:inline-flex; height:100%; align-items:center; border-bottom:2px solid transparent; padding-inline:.75rem; color:#cbd5e1; font-size:.875rem; font-weight:650; }
.marketplace-nav-link:hover { color:#fff; }
.marketplace-nav-link-active { border-color:var(--sk-brand-500); color:#fff; }
.marketplace-nav-mobile { display:flex; align-items:center; gap:.75rem; border-radius:.6rem; padding:.625rem .75rem; color:#cbd5e1; font-size:.875rem; font-weight:550; }
.marketplace-nav-mobile:hover { background:var(--sk-surface-3); color:#fff; }
.marketplace-nav-mobile-active { background:rgba(99,102,241,.10); color:var(--sk-brand-300); }
.marketplace-dropdown-link { display:flex; align-items:center; gap:.5rem; border-radius:.6rem; padding:.625rem .75rem; color:#cbd5e1; font-size:.875rem; }
.marketplace-dropdown-link:hover { background:var(--sk-surface-3); color:#fff; }
.marketplace-subnav { white-space:nowrap; border-radius:.6rem; padding:.625rem 1rem; color:#cbd5e1; font-size:.875rem; font-weight:650; }
.marketplace-subnav:hover { background:var(--sk-surface-3); color:#fff; }
.marketplace-subnav-active { background:rgba(99,102,241,.10); color:var(--sk-brand-300); }

/* Reusable stat and workspace patterns used by the final UI pass */
.marketplace-stat-grid { display:grid; gap:1rem; grid-template-columns:repeat(1,minmax(0,1fr)); }
@media (min-width:640px){ .marketplace-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .marketplace-stat-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.marketplace-stat { border:1px solid var(--sk-border); border-radius:var(--sk-radius-lg); background:var(--sk-surface); padding:1.25rem; }
.marketplace-stat-label { color:var(--sk-muted); font-size:.8rem; font-weight:650; }
.marketplace-stat-value { margin-top:.5rem; color:var(--sk-text); font-size:1.65rem; line-height:2rem; font-weight:750; letter-spacing:-.025em; }
.marketplace-stat-meta { margin-top:.4rem; color:var(--sk-subtle); font-size:.78rem; }
.marketplace-icon-box { display:flex; width:2.5rem; height:2.5rem; align-items:center; justify-content:center; border-radius:.75rem; background:rgba(99,102,241,.1); color:var(--sk-brand-300); }
.marketplace-section-title { color:#fff; font-size:1.05rem; font-weight:700; }
.marketplace-section-description { margin-top:.25rem; color:var(--sk-muted); font-size:.85rem; line-height:1.4rem; }
.marketplace-list-row { display:flex; gap:1rem; align-items:flex-start; padding:1rem 1.25rem; border-top:1px solid var(--sk-border); }
.marketplace-list-row:first-child { border-top:0; }
.marketplace-list-row:hover { background:rgba(30,41,59,.45); }
.marketplace-status { display:inline-flex; align-items:center; gap:.35rem; border-radius:999px; padding:.3rem .62rem; font-size:.72rem; line-height:1rem; font-weight:700; }
.marketplace-status-success { background:rgba(34,197,94,.1); color:#86efac; border:1px solid rgba(34,197,94,.2); }
.marketplace-status-warning { background:rgba(250,204,21,.1); color:#fde047; border:1px solid rgba(250,204,21,.2); }
.marketplace-status-danger { background:rgba(248,113,113,.1); color:#fca5a5; border:1px solid rgba(248,113,113,.2); }
.marketplace-status-info { background:rgba(99,102,241,.1); color:#a5b4fc; border:1px solid rgba(99,102,241,.2); }
.marketplace-alert { border-radius:.875rem; border:1px solid var(--sk-border); background:var(--sk-surface); padding:1rem; }
.marketplace-alert-warning { border-color:rgba(250,204,21,.22); background:rgba(250,204,21,.055); }
.marketplace-alert-success { border-color:rgba(34,197,94,.22); background:rgba(34,197,94,.055); }
.marketplace-alert-danger { border-color:rgba(248,113,113,.22); background:rgba(248,113,113,.055); }
.marketplace-divider { border-color:var(--sk-border) !important; }

/* Legacy compatibility layer: turns remaining pre-redesign views into the same
   visual system without changing their controllers/business logic. Scoped to
   signed-in user and admin shells so public SEO pages keep explicit styling. */
.marketplace-app main { background:var(--sk-bg); }
.marketplace-app main .bg-white,
.marketplace-admin main .bg-white { background-color:var(--sk-surface) !important; }
.marketplace-app main .bg-gray-50,
.marketplace-app main .bg-gray-100,
.marketplace-admin main .bg-gray-50,
.marketplace-admin main .bg-gray-100 { background-color:var(--sk-surface-2) !important; }
.marketplace-app main .border-gray-100,
.marketplace-app main .border-gray-200,
.marketplace-app main .border-gray-300,
.marketplace-admin main .border-gray-100,
.marketplace-admin main .border-gray-200,
.marketplace-admin main .border-gray-300 { border-color:var(--sk-border) !important; }
.marketplace-app main .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
.marketplace-admin main .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color:var(--sk-border) !important; }
.marketplace-app main .text-gray-900,
.marketplace-app main .text-gray-800,
.marketplace-admin main .text-gray-900,
.marketplace-admin main .text-gray-800 { color:var(--sk-text) !important; }
.marketplace-app main .text-gray-700,
.marketplace-admin main .text-gray-700 { color:var(--sk-text-soft) !important; }
.marketplace-app main .text-gray-600,
.marketplace-app main .text-gray-500,
.marketplace-admin main .text-gray-600,
.marketplace-admin main .text-gray-500 { color:var(--sk-muted) !important; }
.marketplace-app main .text-gray-400,
.marketplace-admin main .text-gray-400 { color:var(--sk-subtle) !important; }

/* Convert old blue/purple gradient primary controls into one SwiftKudi action color. */
.marketplace-app main [class*="bg-gradient-to-r"][class*="from-indigo"],
.marketplace-app main [class*="bg-gradient-to-br"][class*="from-indigo"],
.marketplace-admin main [class*="bg-gradient-to-r"][class*="from-indigo"],
.marketplace-admin main [class*="bg-gradient-to-br"][class*="from-indigo"] {
    background-image:none !important;
    background-color:var(--sk-brand-600) !important;
}
.marketplace-app main [class*="bg-clip-text"][class*="text-transparent"],
.marketplace-admin main [class*="bg-clip-text"][class*="text-transparent"] {
    background-image:none !important;
    color:var(--sk-text) !important;
    -webkit-text-fill-color:var(--sk-text) !important;
}
.marketplace-app main .bg-blue-50,
.marketplace-app main .bg-blue-100 { background-color:rgba(99,102,241,.09) !important; }
.marketplace-app main .text-blue-500,
.marketplace-app main .text-blue-600,
.marketplace-app main .text-blue-700,
.marketplace-app main .text-blue-800,
.marketplace-app main .text-blue-900 { color:var(--sk-brand-300) !important; }
.marketplace-app main .bg-purple-50,
.marketplace-app main .bg-purple-100 { background-color:rgba(99,102,241,.09) !important; }
.marketplace-app main .text-purple-500,
.marketplace-app main .text-purple-600,
.marketplace-app main .text-purple-700,
.marketplace-app main .text-purple-800 { color:var(--sk-brand-300) !important; }

/* Keep semantic status colors subtle and dark-mode appropriate. */
.marketplace-app main .bg-green-50,
.marketplace-app main .bg-green-100 { background-color:rgba(34,197,94,.075) !important; }
.marketplace-app main .text-green-600,
.marketplace-app main .text-green-700,
.marketplace-app main .text-green-800,
.marketplace-app main .text-green-900 { color:#86efac !important; }
.marketplace-app main .border-green-200 { border-color:rgba(34,197,94,.22) !important; }
.marketplace-app main .bg-yellow-50,
.marketplace-app main .bg-yellow-100 { background-color:rgba(250,204,21,.075) !important; }
.marketplace-app main .text-yellow-600,
.marketplace-app main .text-yellow-700,
.marketplace-app main .text-yellow-800,
.marketplace-app main .text-yellow-900 { color:#fde047 !important; }
.marketplace-app main .border-yellow-200 { border-color:rgba(250,204,21,.22) !important; }
.marketplace-app main .bg-red-50,
.marketplace-app main .bg-red-100 { background-color:rgba(248,113,113,.075) !important; }
.marketplace-app main .text-red-600,
.marketplace-app main .text-red-700,
.marketplace-app main .text-red-800,
.marketplace-app main .text-red-900 { color:#fca5a5 !important; }
.marketplace-app main .border-red-200 { border-color:rgba(248,113,113,.22) !important; }

/* Legacy cards: make the common combinations feel like one product. */
.marketplace-app main .rounded-lg.shadow,
.marketplace-app main .rounded-xl.shadow,
.marketplace-app main .rounded-2xl.shadow-lg,
.marketplace-app main .rounded-2xl.shadow-xl,
.marketplace-admin main .rounded-lg.shadow,
.marketplace-admin main .rounded-xl.shadow,
.marketplace-admin main .rounded-2xl.shadow-lg {
    border:1px solid var(--sk-border) !important;
    box-shadow:0 1px 2px rgba(0,0,0,.12) !important;
}
.marketplace-app main .hover\:shadow-xl:hover,
.marketplace-app main .hover\:shadow-lg:hover { box-shadow:var(--sk-shadow) !important; }
.marketplace-app main .transform.hover\:-translate-y-1:hover { transform:translateY(-1px) !important; }

/* Inputs across legacy views */
.marketplace-app main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.marketplace-app main select,
.marketplace-app main textarea,
.marketplace-admin main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.marketplace-admin main select,
.marketplace-admin main textarea,
.marketplace-guest input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.marketplace-guest select,
.marketplace-guest textarea {
    border:1px solid var(--sk-border-strong) !important;
    border-radius:.7rem !important;
    background:#07101f !important;
    color:var(--sk-text) !important;
    box-shadow:none !important;
}
.marketplace-app main input:focus,
.marketplace-app main select:focus,
.marketplace-app main textarea:focus,
.marketplace-admin main input:focus,
.marketplace-admin main select:focus,
.marketplace-admin main textarea:focus,
.marketplace-guest input:focus,
.marketplace-guest select:focus,
.marketplace-guest textarea:focus {
    border-color:var(--sk-brand-500) !important;
    box-shadow:0 0 0 3px rgba(99,102,241,.14) !important;
    outline:none !important;
}
.marketplace-app main input::placeholder,
.marketplace-app main textarea::placeholder,
.marketplace-guest input::placeholder,
.marketplace-guest textarea::placeholder { color:var(--sk-subtle) !important; }

/* Tables */
.marketplace-app main table,
.marketplace-admin main table { width:100%; color:var(--sk-text-soft); }
.marketplace-app main thead,
.marketplace-admin main thead { background:#0b1424 !important; }
.marketplace-app main thead th,
.marketplace-admin main thead th { color:var(--sk-muted) !important; font-size:.72rem; letter-spacing:.04em; }
.marketplace-app main tbody,
.marketplace-admin main tbody { background:var(--sk-surface) !important; }
.marketplace-app main tbody tr,
.marketplace-admin main tbody tr { border-color:var(--sk-border) !important; }
.marketplace-app main tbody tr:hover,
.marketplace-admin main tbody tr:hover { background:rgba(30,41,59,.42) !important; }

/* Old primary buttons and links become one brand system, while semantic danger/status remains. */
.marketplace-app main .bg-indigo-600,
.marketplace-admin main .bg-indigo-600 { background-color:var(--sk-brand-600) !important; }
.marketplace-app main .hover\:bg-indigo-700:hover,
.marketplace-admin main .hover\:bg-indigo-700:hover { background-color:var(--sk-brand-500) !important; }
.marketplace-app main .text-indigo-600,
.marketplace-app main .text-indigo-500,
.marketplace-admin main .text-indigo-600 { color:var(--sk-brand-300) !important; }

/* Pagination */
.marketplace-app nav[role="navigation"] a,
.marketplace-app nav[role="navigation"] span,
.marketplace-admin nav[role="navigation"] a,
.marketplace-admin nav[role="navigation"] span {
    border-color:var(--sk-border-strong) !important;
}

/* Auth shell: restrained, trustworthy presentation rather than decorative glow. */
.marketplace-guest .auth-marketplace-shell {
    width:100%;
    border:1px solid var(--sk-border);
    border-radius:1.25rem;
    background:var(--sk-surface);
    box-shadow:var(--sk-shadow);
}
.marketplace-guest .bg-white { background:var(--sk-surface) !important; }
.marketplace-guest .text-gray-900,
.marketplace-guest .text-gray-800 { color:var(--sk-text) !important; }
.marketplace-guest .text-gray-700 { color:var(--sk-text-soft) !important; }
.marketplace-guest .text-gray-600,
.marketplace-guest .text-gray-500 { color:var(--sk-muted) !important; }
.marketplace-guest .border-gray-200,
.marketplace-guest .border-gray-300 { border-color:var(--sk-border) !important; }
.marketplace-guest [class*="bg-gradient-to"] { background-image:none !important; background-color:var(--sk-brand-600) !important; }
.marketplace-guest [class*="bg-clip-text"][class*="text-transparent"] { background-image:none !important; color:var(--sk-text) !important; -webkit-text-fill-color:var(--sk-text) !important; }

/* Admin consistency */
.marketplace-admin .admin-surface { border:1px solid var(--sk-border); border-radius:var(--sk-radius-lg); background:var(--sk-surface); }
.marketplace-admin main { background:var(--sk-bg); }
.marketplace-admin main .bg-blue-50,
.marketplace-admin main .bg-blue-100,
.marketplace-admin main .bg-purple-50,
.marketplace-admin main .bg-purple-100 { background:rgba(99,102,241,.09) !important; }
.marketplace-admin main .text-blue-600,
.marketplace-admin main .text-blue-700,
.marketplace-admin main .text-purple-600,
.marketplace-admin main .text-purple-700 { color:var(--sk-brand-300) !important; }

/* Responsiveness and accessibility */
.marketplace-app main img,
.marketplace-admin main img { max-width:100%; }
.marketplace-app main .overflow-x-auto,
.marketplace-admin main .overflow-x-auto { scrollbar-width:thin; scrollbar-color:#334155 #0f172a; }
.marketplace-app main :focus-visible,
.marketplace-admin main :focus-visible,
.marketplace-guest :focus-visible { outline:2px solid var(--sk-brand-400); outline-offset:2px; }
@media (max-width:639px) {
    .marketplace-container { padding-top:1.25rem; padding-bottom:1.5rem; }
    .marketplace-btn-primary,.marketplace-btn-secondary,.marketplace-button-primary,.marketplace-button-secondary { min-height:44px; }
    .marketplace-app main table { min-width:680px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Final consistency pass: legacy marketplace modules occasionally used green,
   pink or teal gradients for primary actions. Keep semantic success/status
   panels intact, but normalize interactive CTAs to SwiftKudi's brand indigo. */
.marketplace-app main a[class*="bg-gradient"][class*="from-green"],
.marketplace-app main button[class*="bg-gradient"][class*="from-green"],
.marketplace-app main input[type="submit"][class*="bg-gradient"][class*="from-green"],
.marketplace-app main a[class*="bg-gradient"][class*="from-emerald"],
.marketplace-app main button[class*="bg-gradient"][class*="from-emerald"],
.marketplace-app main a[class*="bg-gradient"][class*="from-teal"],
.marketplace-app main button[class*="bg-gradient"][class*="from-teal"],
.marketplace-app main a[class*="bg-gradient"][class*="from-pink"],
.marketplace-app main button[class*="bg-gradient"][class*="from-pink"],
.marketplace-app main a[class*="bg-gradient"][class*="from-purple"],
.marketplace-app main button[class*="bg-gradient"][class*="from-purple"] {
    background-image: none !important;
    background-color: var(--sk-brand-600) !important;
    border-color: var(--sk-brand-600) !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.16) !important;
}
.marketplace-app main a[class*="bg-gradient"]:hover,
.marketplace-app main button[class*="bg-gradient"]:hover {
    transform: none !important;
    box-shadow: 0 4px 14px rgba(2,6,23,.24) !important;
}

/* Keep commerce and growth modules visually subordinate to the core freelance
   marketplace while preserving all of their existing functionality. */
.marketplace-app main [class*="shadow-indigo-500"],
.marketplace-app main [class*="shadow-purple-500"],
.marketplace-app main [class*="shadow-pink-500"],
.marketplace-app main [class*="shadow-green-500"] {
    --tw-shadow-color: transparent !important;
}

/* Improve dense legacy panels and modal headers without changing business logic. */
.marketplace-app main [class*="rounded-3xl"],
.marketplace-app main [class*="rounded-2xl"] {
    border-color: var(--sk-border);
}
.marketplace-app main [role="dialog"] [class*="bg-gradient-to-r"][class*="from-indigo"],
.marketplace-app main .modal [class*="bg-gradient-to-r"][class*="from-indigo"] {
    background-image: none !important;
    background-color: var(--sk-surface-3) !important;
}

/* 2026 marketplace UX benchmark pass: discovery, filters, work center and search */
.marketplace-search-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:.625rem;
    align-items:center;
    padding:.625rem;
    border:1px solid var(--sk-border);
    border-radius:var(--sk-radius-lg);
    background:var(--sk-surface);
    box-shadow:0 1px 2px rgba(0,0,0,.12);
}
.marketplace-search-input-wrap {
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:0 .75rem;
    border:1px solid transparent;
    border-radius:.7rem;
    background:#07101f;
}
.marketplace-search-input-wrap:focus-within { border-color:var(--sk-brand-500); box-shadow:0 0 0 3px rgba(99,102,241,.12); }
.marketplace-search-input-wrap input {
    min-width:0;
    width:100%;
    border:0 !important;
    padding:.55rem 0 !important;
    background:transparent !important;
    color:var(--sk-text) !important;
    box-shadow:none !important;
    outline:0 !important;
}
.marketplace-search-scope {
    min-height:44px;
    border:1px solid var(--sk-border-strong);
    border-radius:.7rem;
    background:#07101f;
    color:var(--sk-text-soft);
    padding:.55rem 2.2rem .55rem .8rem;
    font-size:.875rem;
    font-weight:600;
}
.marketplace-header-search {
    width:min(31vw,360px);
    min-width:220px;
    height:40px;
    align-items:center;
    gap:.55rem;
    border:1px solid var(--sk-border);
    border-radius:999px;
    background:#07101f;
    padding:0 .7rem 0 .85rem;
}
.marketplace-header-search:focus-within { border-color:rgba(99,102,241,.65); box-shadow:0 0 0 3px rgba(99,102,241,.10); }
.marketplace-header-search input {
    min-width:0;
    flex:1;
    border:0 !important;
    background:transparent !important;
    color:var(--sk-text) !important;
    padding:0 !important;
    font-size:.82rem;
    box-shadow:none !important;
}
.marketplace-header-search select {
    width:auto;
    border:0 !important;
    background:transparent !important;
    color:var(--sk-muted) !important;
    padding:.2rem 1.2rem .2rem .35rem !important;
    font-size:.72rem !important;
    box-shadow:none !important;
}
.marketplace-mobile-search {
    display:flex;
    min-height:42px;
    align-items:center;
    gap:.65rem;
    border:1px solid var(--sk-border);
    border-radius:.75rem;
    background:#07101f;
    padding:0 .8rem;
}
.marketplace-mobile-search input { min-width:0; width:100%; border:0 !important; background:transparent !important; color:var(--sk-text) !important; padding:.55rem 0 !important; box-shadow:none !important; }
.marketplace-mobile-filter {
    overflow:hidden;
    border:1px solid var(--sk-border);
    border-radius:var(--sk-radius-lg);
    background:var(--sk-surface);
}
.marketplace-mobile-filter > summary {
    display:flex;
    min-height:48px;
    cursor:pointer;
    list-style:none;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.75rem 1rem;
    color:#e2e8f0;
    font-size:.875rem;
    font-weight:700;
}
.marketplace-mobile-filter > summary::-webkit-details-marker { display:none; }
.marketplace-mobile-filter[open] > summary { border-bottom:1px solid var(--sk-border); }
.marketplace-job-card,
.marketplace-talent-card {
    border:1px solid var(--sk-border);
    border-radius:var(--sk-radius-lg);
    background:var(--sk-surface);
    padding:1.25rem;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
    transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.marketplace-job-card:hover,
.marketplace-talent-card:hover { border-color:rgba(99,102,241,.48); background:#111c30; box-shadow:0 10px 28px rgba(2,6,23,.20); }
.marketplace-save-button {
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid var(--sk-border-strong);
    border-radius:999px;
    background:transparent;
    color:var(--sk-muted);
}
.marketplace-save-button:hover,
.marketplace-save-button-active { border-color:rgba(99,102,241,.58); color:var(--sk-brand-300); background:rgba(99,102,241,.08); }
.marketplace-avatar {
    display:inline-flex;
    width:2.75rem;
    height:2.75rem;
    flex:none;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--sk-brand-600);
    color:#fff;
    font-size:.8rem;
    font-weight:800;
}
.marketplace-avatar-lg { width:3.25rem; height:3.25rem; font-size:.9rem; }
.marketplace-result-tabs {
    display:flex;
    max-width:100%;
    gap:.25rem;
    overflow-x:auto;
    border-bottom:1px solid var(--sk-border);
}
.marketplace-result-tab {
    flex:none;
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:var(--sk-muted);
    padding:.7rem .85rem;
    font-size:.82rem;
    font-weight:700;
    text-decoration:none;
}
.marketplace-result-tab span { margin-left:.25rem; color:var(--sk-subtle); font-weight:600; }
.marketplace-result-tab:hover { color:#fff; }
.marketplace-result-tab-active { border-bottom-color:var(--sk-brand-500); color:var(--sk-brand-300); }
.marketplace-stat-link { display:block; text-decoration:none; transition:border-color .16s ease, transform .16s ease; }
.marketplace-stat-link:hover { border-color:rgba(99,102,241,.5); transform:translateY(-1px); }
.marketplace-attention-item {
    display:flex;
    min-height:126px;
    gap:.9rem;
    align-items:flex-start;
    padding:1.25rem;
    border-top:1px solid var(--sk-border);
    color:inherit;
    text-decoration:none;
}
.marketplace-attention-item:hover { background:rgba(30,41,59,.38); }
@media (min-width:768px) {
    .marketplace-attention-item { border-top:0; border-left:1px solid var(--sk-border); }
    .marketplace-attention-item:first-child { border-left:0; }
}
@media (max-width:1023px) {
    .marketplace-search-shell { grid-template-columns:minmax(0,1fr) auto; }
    .marketplace-search-shell .marketplace-search-scope { grid-column:1 / 2; }
    .marketplace-search-shell > .marketplace-btn-primary { grid-column:2 / 3; grid-row:2; }
}
@media (max-width:639px) {
    .marketplace-search-shell { grid-template-columns:1fr; padding:.5rem; }
    .marketplace-search-shell .marketplace-search-input-wrap,
    .marketplace-search-shell .marketplace-search-scope,
    .marketplace-search-shell > .marketplace-btn-primary { grid-column:1; grid-row:auto; width:100%; }
    .marketplace-job-card,.marketplace-talent-card { padding:1rem; border-radius:.9rem; }
}

/* SwiftKudi public discovery homepage */
.sk-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--sk-border); background:radial-gradient(circle at 15% 20%,rgba(79,70,229,.18),transparent 34%),linear-gradient(145deg,#020617 0%,#071023 52%,#020617 100%); }
.sk-hero:before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(148,163,184,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.15) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.sk-hero-orb { position:absolute; border-radius:999px; filter:blur(70px); opacity:.22; pointer-events:none; }.sk-hero-orb-one{width:22rem;height:22rem;background:#4f46e5;right:4%;top:5%}.sk-hero-orb-two{width:16rem;height:16rem;background:#0891b2;left:40%;bottom:-15%}
.sk-live-badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(129,140,248,.28);border-radius:999px;background:rgba(79,70,229,.1);padding:.45rem .8rem;color:#c7d2fe;font-size:.75rem;font-weight:700;letter-spacing:.03em}.sk-live-badge span{width:.45rem;height:.45rem;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.1)}
.sk-display{max-width:54rem;color:#fff;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(2.6rem,6vw,5.15rem);line-height:.98;font-weight:800;letter-spacing:-.055em;text-wrap:balance}
.sk-command-search{display:grid;grid-template-columns:minmax(0,1fr) 12rem auto;gap:.45rem;max-width:58rem;border:1px solid #334155;border-radius:1rem;background:rgba(15,23,42,.92);padding:.45rem;box-shadow:0 24px 70px rgba(0,0,0,.3)}.sk-command-input{display:flex;align-items:center;gap:.7rem;padding:0 .75rem;color:#64748b}.sk-command-input input{width:100%;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;outline:0!important;font-size:.9rem}.sk-command-search select{border:0;border-left:1px solid #334155;background:#0f172a;padding:.65rem;color:#cbd5e1;font-size:.82rem;outline:0}.sk-command-search button{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.7rem;background:#4f46e5;padding:.75rem 1.05rem;color:#fff;font-size:.85rem;font-weight:750}.sk-command-search button:hover{background:#6366f1}
.sk-discovery-board{border:1px solid rgba(148,163,184,.2);border-radius:1.5rem;background:rgba(15,23,42,.76);padding:1.4rem;box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.sk-board-globe{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#4f46e5,#0891b2);color:#fff}
.sk-discovery-tile{position:relative;display:flex;min-width:0;align-items:center;gap:.7rem;border:1px solid #26344a;border-radius:.9rem;background:rgba(2,6,23,.65);padding:.8rem;color:#e2e8f0;transition:.18s}.sk-discovery-tile:hover{border-color:#6366f1;transform:translateY(-2px);background:#101b2f}.sk-tile-icon{display:grid;width:2.35rem;height:2.35rem;flex:none;place-items:center;border-radius:.7rem;background:rgba(99,102,241,.13);color:#a5b4fc}.sk-discovery-tile strong,.sk-discovery-tile small{display:block}.sk-discovery-tile strong{font-size:.8rem}.sk-discovery-tile small{margin-top:.15rem;color:#64748b;font-size:.67rem}.sk-tile-arrow{margin-left:auto;color:#475569;font-size:.65rem}.sk-tone-blue .sk-tile-icon{background:rgba(59,130,246,.13);color:#93c5fd}.sk-tone-rose .sk-tile-icon{background:rgba(244,63,94,.13);color:#fda4af}.sk-tone-amber .sk-tile-icon{background:rgba(245,158,11,.13);color:#fcd34d}.sk-tone-emerald .sk-tile-icon{background:rgba(16,185,129,.13);color:#6ee7b7}.sk-tone-cyan .sk-tile-icon{background:rgba(6,182,212,.13);color:#67e8f9}
.sk-quick-strip{border-bottom:1px solid var(--sk-border);background:#060d1b}.sk-quick-chip{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;border:1px solid #26344a;border-radius:999px;padding:.48rem .8rem;color:#cbd5e1;font-size:.75rem;font-weight:650}.sk-quick-chip i{font-size:.55rem;color:#64748b}.sk-quick-chip:hover{border-color:#6366f1;color:#fff}
.sk-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.sk-section-heading h2{margin-top:.55rem;color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;font-weight:800;letter-spacing:-.035em}.sk-section-heading p{max-width:42rem;margin-top:.8rem;color:#94a3b8;line-height:1.7}
.sk-category-card{position:relative;overflow:hidden;min-height:19rem;border:1px solid #253247;border-radius:1.2rem;background:#0f172a;padding:1.4rem;transition:.2s}.sk-category-card:before{content:"";position:absolute;width:12rem;height:12rem;right:-5rem;top:-6rem;border-radius:50%;filter:blur(34px);opacity:.18;background:#6366f1}.sk-category-card:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.sk-category-blue:before{background:#3b82f6}.sk-category-rose:before{background:#f43f5e}.sk-category-amber:before{background:#f59e0b}.sk-category-emerald:before{background:#10b981}.sk-category-cyan:before{background:#06b6d4}.sk-category-number{color:#475569;font-size:.75rem;font-weight:800}.sk-category-card h3{margin-top:.55rem;color:#fff;font-size:1.35rem;font-weight:750}.sk-category-card>p:last-of-type{margin-top:.7rem;color:#94a3b8;font-size:.9rem;line-height:1.6}.sk-card-action{position:absolute;left:1.4rem;bottom:1.4rem;display:flex;align-items:center;gap:.45rem;color:#c7d2fe;font-size:.8rem;font-weight:750}
.sk-feed-column{overflow:hidden;border:1px solid #253247;border-radius:1.1rem;background:#0b1425}.sk-feed-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253247;padding:1rem 1.15rem;color:#fff;font-size:.9rem;font-weight:750}.sk-feed-title i{margin-right:.45rem;color:#818cf8}.sk-feed-title a{color:#a5b4fc;font-size:.72rem}.sk-feed-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(37,50,71,.75);padding:1rem 1.15rem}.sk-feed-row:last-child{border-bottom:0}.sk-feed-row:hover{background:#111c30}.sk-feed-row h3{margin-top:.38rem;color:#f8fafc;font-size:.9rem;font-weight:700}.sk-feed-row p{margin-top:.25rem;color:#64748b;font-size:.72rem}.sk-feed-row>strong{white-space:nowrap;color:#e2e8f0;font-size:.82rem}.sk-source-badge{border:1px solid rgba(129,140,248,.25);border-radius:999px;background:rgba(99,102,241,.08);padding:.15rem .45rem;color:#a5b4fc;font-size:.62rem;font-weight:700}.sk-feed-empty{padding:2rem;text-align:center;color:#64748b;font-size:.8rem}
.sk-talent-card{border:1px solid #253247;border-radius:1.1rem;background:#0f172a;padding:1.25rem;transition:.18s}.sk-talent-card:hover{border-color:#6366f1;transform:translateY(-2px)}.sk-talent-avatar{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:800}.sk-talent-card h3{margin-top:1rem;color:#fff;font-weight:750}.sk-talent-card>p{margin-top:.25rem;font-size:.78rem}
.sk-how-section{border-block:1px solid #253247;background:radial-gradient(circle at 50% 100%,rgba(79,70,229,.16),transparent 42%),#060d1b}.sk-how-card{border:1px solid #253247;border-radius:1rem;background:rgba(15,23,42,.8);padding:1.5rem;text-align:center}.sk-how-card>span{display:grid;width:3rem;height:3rem;margin:0 auto;place-items:center;border-radius:1rem;background:rgba(99,102,241,.13);color:#a5b4fc}.sk-how-card h3{margin-top:1rem;color:#fff;font-weight:750}.sk-how-card p{margin-top:.55rem;color:#94a3b8;font-size:.85rem;line-height:1.6}
.sk-final-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid rgba(99,102,241,.35);border-radius:1.35rem;background:linear-gradient(135deg,rgba(79,70,229,.18),rgba(8,145,178,.08));padding:2rem}.sk-final-cta h2{margin-top:.5rem;color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em}.sk-final-cta p{margin-top:.55rem;color:#94a3b8}
@media(max-width:767px){.sk-command-search{grid-template-columns:1fr}.sk-command-search select{border-left:0;border-top:1px solid #334155}.sk-discovery-board{padding:1rem}.sk-discovery-board .grid{grid-template-columns:1fr}.sk-section-heading,.sk-final-cta{align-items:flex-start;flex-direction:column}.sk-feed-row{align-items:flex-start;flex-direction:column}.sk-category-card{min-height:17rem}}
.sk-hero-trust{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;color:#94a3b8;font-size:.8rem}.sk-hero-trust span{display:inline-flex;align-items:center;gap:.4rem}.sk-hero-trust i{color:#818cf8}

.sk-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr);align-items:center;gap:3rem}.sk-hero-grid>div{min-width:0}.sk-hero-grid p{overflow-wrap:anywhere}
@media(max-width:1023px){.sk-hero-grid{grid-template-columns:1fr}.sk-display{max-width:48rem}}

.sk-global-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;margin:0 0 1.5rem;border:1px solid #253247;border-radius:1rem;background:#0f172a;padding:1rem}.sk-global-filters .sk-filter-label{display:flex;align-items:center;gap:.55rem;align-self:center;margin-right:auto;color:#c7d2fe;font-size:.8rem;font-weight:750}.sk-global-filters label{display:grid;gap:.35rem;color:#94a3b8;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sk-global-filters input,.sk-global-filters select{min-width:9rem;border:1px solid #334155;border-radius:.65rem;background:#081120;padding:.58rem .7rem;color:#e2e8f0;font-size:.78rem;text-transform:none;outline:none}.sk-global-filters input:focus,.sk-global-filters select:focus{border-color:#6366f1}.sk-global-filters button{border-radius:.65rem;background:#4f46e5;padding:.62rem .9rem;color:#fff;font-size:.78rem;font-weight:750}.sk-global-filters>a{align-self:center;color:#94a3b8;font-size:.75rem}.sk-global-filters>a:hover{color:#fff}@media(max-width:639px){.sk-global-filters,.sk-global-filters label,.sk-global-filters input,.sk-global-filters select,.sk-global-filters button{width:100%}.sk-global-filters .sk-filter-label{margin-bottom:.25rem}}

/* Shared shell repair: scoped navigation, stable geometry and accessible controls. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px}
body.marketplace-app{overflow-x:clip;line-height:1.6}
.marketplace-app .site-header{position:fixed;inset:0 0 auto;z-index:100;height:72px;background:rgba(2,6,23,.96);border-bottom:1px solid #253247;backdrop-filter:blur(16px)}
.site-header>div{height:72px!important;max-width:1440px}
.site-header .marketplace-nav-link{font-size:.82rem;padding-inline:.65rem;white-space:nowrap}
.site-header details summary::-webkit-details-marker{display:none}
.site-header details[open]>div{z-index:110}
.site-header .marketplace-header-search{width:220px;max-width:25vw;min-width:0}
.site-header .marketplace-header-search input{min-width:0}
.site-header .marketplace-header-search select{max-width:65px}
#mobile-menu{z-index:120;visibility:hidden;pointer-events:none}
#mobile-menu[aria-hidden="false"]{visibility:visible;pointer-events:auto}
#mobile-menu-overlay{z-index:115}
#flash-messages{position:relative;z-index:101;margin-top:0;padding-top:0;width:100%}
#flash-messages:has(>div){padding-top:88px;margin-bottom:-72px}
.marketplace-app .marketplace-main{padding-top:80px;min-width:0}
.marketplace-app .marketplace-main main{padding-top:0}
.marketplace-app .marketplace-container{max-width:1280px}
.marketplace-app main header:not(.site-header){position:static;height:auto;inset:auto;z-index:auto;background:transparent;backdrop-filter:none}
.sk-skip-link{position:fixed;top:8px;left:16px;z-index:400;transform:translateY(-150%);padding:10px 16px;border-radius:8px;background:white;color:#020617;font-weight:700}
.sk-skip-link:focus{transform:none}
.marketplace-app :where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #a5b4fc;outline-offset:4px}
.marketplace-app :where(input,select,textarea){font:inherit;max-width:100%}
.marketplace-app :where(button,summary){cursor:pointer}
.marketplace-app button:disabled{cursor:wait;opacity:.55}
.marketplace-app img{max-width:100%}
.marketplace-app h1,.marketplace-app h2,.marketplace-app h3{overflow-wrap:break-word}
.marketplace-app .marketplace-subnav-active{white-space:nowrap;border-radius:.6rem;padding:.625rem 1rem;font-size:.875rem;font-weight:650}
.sk-site-footer{margin-top:auto;border-top:1px solid #253247;background:#070e1c}
.sk-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2rem}
.sk-footer-brand{display:inline-flex;align-items:center;gap:.3rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.3rem;font-weight:800;color:#fff}
.sk-footer-brand span{font-size:.6rem;color:#818cf8}
.sk-site-footer p{color:#94a3b8;font-size:.75rem;margin-top:.4rem}
.sk-site-footer nav{display:flex;flex-wrap:wrap;gap:1.4rem;font-size:.8rem;color:#cbd5e1}
.sk-site-footer nav a:hover{color:#a5b4fc}
.sk-home .sk-hero .marketplace-container{padding-top:5rem;padding-bottom:5rem}
.sk-home .sk-display{font-size:clamp(2.5rem,4.8vw,4rem);line-height:1.09;letter-spacing:-.045em;max-width:16ch}
.sk-home .sk-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:3rem}
.sk-home .sk-command-search{grid-template-columns:minmax(0,1fr) 9rem auto}
.sk-home .sk-discovery-board{box-shadow:0 20px 60px #0003}
.sk-home .sk-discovery-tile{min-height:86px}
.sk-home .sk-discovery-tile small{color:#94a3b8}
.sk-home .sk-feed-row>div{min-width:0;flex:1}
.sk-home .sk-feed-row>strong{white-space:normal;flex:0 0 10rem;text-align:right;line-height:1.5}
.sk-home .sk-feed-row h3{line-height:1.5;overflow-wrap:anywhere}
.sk-home .sk-feed-row p{color:#94a3b8;line-height:1.6}
.sk-home .sk-category-card{min-height:17rem}
.sk-home .sk-section-heading h2{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.2}
.sk-global-filters{margin-top:1.25rem}
.marketplace-job-card{min-width:0}
@media(min-width:1024px) and (max-width:1279px){.site-header nav .marketplace-nav-link{padding-inline:.45rem;font-size:.78rem}}
@media(max-width:1023px){.sk-home .sk-hero-grid{grid-template-columns:1fr;gap:2.5rem}.sk-home .sk-display{max-width:20ch}.sk-home .sk-hero .marketplace-container{padding-block:3rem}.sk-home .sk-discovery-board{max-width:100%}.sk-footer-inner{align-items:flex-start;flex-wrap:wrap}.sk-home .sk-command-search{max-width:100%;grid-template-columns:minmax(0,1fr) 10rem auto}}
@media(max-width:639px){.site-header>div{padding-inline:1rem;gap:.4rem}.sk-home .sk-display{font-size:2.65rem}.sk-home .sk-hero .marketplace-container{padding-block:2.5rem}.sk-home .sk-command-search{grid-template-columns:1fr 1fr}.sk-home .sk-command-input{grid-column:1/-1;min-height:48px}.sk-home .sk-command-search select{border:0;border-top:1px solid #334155}.sk-home .sk-command-search button{margin-top:.25rem}.sk-home .sk-discovery-board .grid{grid-template-columns:1fr 1fr;gap:.6rem}.sk-home .sk-discovery-tile{flex-direction:column;align-items:flex-start;padding:.8rem;gap:.6rem;min-height:132px}.sk-home .sk-tile-arrow{display:none}.sk-home .sk-discovery-tile strong{font-size:.85rem}.sk-home .sk-feed-row{flex-direction:column;gap:.5rem}.sk-home .sk-feed-row>strong{flex:auto;text-align:left;font-size:.85rem;color:#c7d2fe}.sk-footer-inner{flex-direction:column;gap:1.3rem}.sk-site-footer nav{gap:1rem}.marketplace-page-header .marketplace-title{font-size:1.8rem;line-height:1.25}.marketplace-page-header .marketplace-subtitle{font-size:.9rem}.sk-global-filters{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.sk-global-filters .sk-filter-label{grid-column:1/-1}.sk-global-filters label,.sk-global-filters input,.sk-global-filters select{min-width:0;width:100%}.sk-global-filters button{width:100%;min-height:44px;align-self:end}.marketplace-btn-primary,.marketplace-btn-secondary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sk-unified-search{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:.6rem}
.sk-unified-search .marketplace-search-input-wrap{grid-column:1/-1;min-height:52px;border-bottom:1px solid #253247}
.sk-unified-search .marketplace-search-scope{width:100%;min-width:0}
@media(max-width:767px){.sk-unified-search{grid-template-columns:1fr 1fr}.sk-unified-search .marketplace-search-input-wrap{grid-column:1/-1}.sk-unified-search .marketplace-search-scope{grid-column:auto}.sk-unified-search>.marketplace-btn-primary{grid-column:1/-1;grid-row:auto}}