@charset "UTF-8";
/*
 * SeasonIsland CSS manifest
 * Phase 1 architecture split
 *
 * Source of truth:
 * - shared/common.css  : current stable shared + legacy rules
 * - shared/*.css       : split scaffold files, loaded after common.css
 * - devices/desktop.css: desktop-only overrides
 * - devices/tablet.css : tablet-only overrides
 * - devices/mobile.css : mobile-only overrides
 *
 * Important:
 * This manifest preserves current functionality while introducing
 * a clean structure for future device-specific styling work.
 */

@import url("./shared/common.css");
@import url("./shared/shell.css");
@import url("./shared/navigation.css");
@import url("./shared/dashboard.css");
@import url("./shared/chat.css");
@import url("./shared/cards.css");
@import url("./shared/forms.css");
@import url("./shared/legacy-overrides.css");
@import url("./devices/desktop.css") screen and (min-width: 1025px);
@import url("./devices/tablet.css") screen and (min-width: 769px) and (max-width: 1024px);
@import url("./devices/mobile.css") screen and (max-width: 768px);

.si-nudge-card-compact__eyebrow-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.si-nudge-card-compact__eyebrow--time{background:#fff7d9;border:1px solid #e8d782;color:#7a6500}

/* 2.11.108 profile verification polish + eager icon paint */
.si-asset-icon,
.si-icon-3d-sm,
.si-icon-3d-md,
.si-plan-membership-icon,
.si-worker-profile-step-icon {
    content-visibility: visible;
    opacity: 1;
    transform: translateZ(0);
}

.si-profile-verification-card-premium {
    margin: 24px 0 18px;
    border: 1px solid rgba(214, 171, 61, .24);
    border-radius: 28px;
    background: linear-gradient(145deg, #fffaf0 0%, #ffffff 58%, #fff7dc 100%);
    box-shadow: 0 18px 45px rgba(17, 24, 39, .08);
    padding: 22px;
}

.si-profile-verification-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.si-profile-verification-icon {
    width: 68px;
    height: 68px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 35% 25%, #fff8d4 0%, #f7d66a 55%, #e4aa13 100%);
    box-shadow: 0 14px 30px rgba(218, 164, 31, .22);
    flex: 0 0 auto;
}

.si-profile-verification-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(255, 228, 132, .55);
    color: #7a5600;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.si-profile-verification-head h3 {
    margin: 0;
    color: #101828;
    font-size: 22px;
    line-height: 1.1;
}

.si-profile-verification-status {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(214, 171, 61, .14);
    border-radius: 16px;
    padding: 12px 14px;
}

.si-profile-verification-card-premium .si-verification-message {
    border-radius: 16px;
    padding: 12px 14px;
    margin: 12px 0;
}

.si-profile-verification-card-premium .si-verification-inline-form .si-small-btn.primary {
    background: linear-gradient(135deg, #4fd9db 0%, #12bfc4 100%);
    color: #082f32;
    border: 0;
    border-radius: 18px;
    padding: 13px 18px;
    font-weight: 900;
    box-shadow: 0 14px 28px rgba(79, 217, 219, .24);
}

/* 2.14.7.109 URGENT UI HOTFIX: remove double white content panels on app pages.
   Scope: visual background layer only. Cards/forms/chat bubbles remain controlled by their own component CSS. */
body.si-app-shell,
body.si-app-shell .site,
body.si-app-shell #page,
body.si-app-shell .site-content,
body.si-app-shell #content,
body.si-app-shell .ast-container,
body.si-app-shell .entry-content,
body.si-app-shell .content-area,
body.si-app-shell .si-page-wrap,
body.si-app-shell .si-single-wrap{
  background:#f5f9fd !important;
  background-color:#f5f9fd !important;
}

body.si-app-shell .si-shell-main,
body.si-app-shell .si-app-content,
body.si-app-shell .si-page-content,
body.si-app-shell .si-page-wrap > :not(.si-app-sidebar):not(.si-bottom-nav):not(.si-card):not(.si-simple-card):not(.si-profile-card):not(.si-form):not(.si-chat-frame),
body.si-app-shell .si-single-wrap > :not(.si-app-sidebar):not(.si-bottom-nav):not(.si-card):not(.si-simple-card):not(.si-profile-card):not(.si-form):not(.si-chat-frame),
body.si-app-shell .si-chat-layout,
body.si-app-shell .si-chat-main,
body.si-app-shell .si-dashboard-shell{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

@media (max-width:768px){
  body.si-app-shell .si-shell-main,
  body.si-app-shell .si-app-content,
  body.si-app-shell .si-page-content,
  body.si-app-shell .si-chat-layout,
  body.si-app-shell .si-chat-main,
  body.si-app-shell .si-dashboard-shell,
  body.si-app-shell .si-page-wrap:has(.si-chat-layout),
  body.si-app-shell .si-page-wrap-employer-candidates,
  body.si-app-shell .si-page-wrap-match{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }
}