/* KarirRapi v21.500 — Unified Studio Glass Theme
   Scope: public landing, auth/login/register/forgot, and logged-in UI shell.
   Document/CV/letter paper previews intentionally stay paper-white. */
:root{
  --kr-studio-bg:#03101f;
  --kr-studio-bg-2:#051528;
  --kr-studio-panel:#071a2e;
  --kr-studio-panel-2:#061426;
  --kr-studio-panel-soft:rgba(8,28,49,.88);
  --kr-studio-border:rgba(71,139,190,.28);
  --kr-studio-border-strong:rgba(54,215,255,.40);
  --kr-studio-cyan:#36d7ff;
  --kr-studio-blue:#178dff;
  --kr-studio-text:#f5f9fd;
  --kr-studio-soft:#a9bbcd;
  --kr-studio-muted:#7189a1;
  --kr-studio-shadow:0 20px 60px rgba(0,0,0,.30);
}
html{background:var(--kr-studio-bg)!important}
body.studio-unified-theme{
  min-height:100vh!important;
  color:var(--kr-studio-text)!important;
  background:
    linear-gradient(rgba(49,126,181,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,126,181,.055) 1px,transparent 1px),
    radial-gradient(circle at 84% 8%,rgba(23,141,255,.12),transparent 34%),
    linear-gradient(180deg,#03101f 0%,#041325 48%,#020b16 100%)!important;
  background-size:40px 40px,40px 40px,auto,auto!important;
  background-attachment:fixed!important;
}
.studio-unified-theme .app-body,
.studio-unified-theme .bootstrap-layout-main,
.studio-unified-theme .public-site-main,
.studio-unified-theme .home-blank{
  background:transparent!important;
  color:var(--kr-studio-text)!important;
}

/* Public header: never return to white. */
.studio-unified-theme .public-site-header,
.studio-unified-theme .public-site-header[data-state="studio-top"],
.studio-unified-theme .public-site-header[data-state="studio-scrolled"],
.studio-unified-theme.public-header-scrolled .public-site-header{
  background:rgba(5,18,34,.96)!important;
  border-bottom:1px solid rgba(54,215,255,.22)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.26)!important;
  color:var(--kr-studio-text)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.studio-unified-theme .public-site-header::before{opacity:.18!important;background:linear-gradient(90deg,transparent,rgba(54,215,255,.12),transparent)!important}
.studio-unified-theme .public-site-header__inner{background:transparent!important}
.studio-unified-theme .public-brand strong{color:#fff!important}
.studio-unified-theme .public-brand small{color:#6f8aa4!important}
.studio-unified-theme .public-main-nav .nav-link,
.studio-unified-theme .public-main-nav a{color:#9fb2c5!important;background:transparent!important}
.studio-unified-theme .public-main-nav .nav-link:hover,
.studio-unified-theme .public-main-nav .nav-link.active,
.studio-unified-theme .public-main-nav a:hover,
.studio-unified-theme .public-main-nav a.active{
  color:#f7fbff!important;
  background:linear-gradient(180deg,rgba(23,141,255,.18),rgba(9,31,55,.76))!important;
  border-color:rgba(54,215,255,.34)!important;
}
.studio-unified-theme .public-nav-toggle,
.studio-unified-theme .public-login-btn{border-color:rgba(54,215,255,.36)!important;color:#fff!important}
@media (max-width:991px){
  .studio-unified-theme .public-main-nav{
    background:rgba(5,18,34,.985)!important;
    border:1px solid rgba(54,215,255,.20)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.32)!important;
  }
}

/* Landing: force every marketing surface away from white/grey leakage. */
.studio-unified-theme.public-dark-theme .landing-feature-page,
.studio-unified-theme.public-dark-theme .ats-standalone-page,
.studio-unified-theme.public-dark-theme .landing-root,
.studio-unified-theme.public-dark-theme .landing-page{
  background:transparent!important;
}
.studio-unified-theme .landing-feature-compact,
.studio-unified-theme .landing-feature-hero,
.studio-unified-theme .landing-feature-hero__copy,
.studio-unified-theme .landing-feature-hero__note,
.studio-unified-theme .landing-feature-card,
.studio-unified-theme .landing-feature-bottom,
.studio-unified-theme .landing-section,
.studio-unified-theme .landing-block,
.studio-unified-theme .seo-hero-card,
.studio-unified-theme .seo-content-section,
.studio-unified-theme .landing-admin-service-router,
.studio-unified-theme .landing-admin-service-card,
.studio-unified-theme .landing-life-event-card{
  color:var(--kr-studio-text)!important;
  border-color:var(--kr-studio-border)!important;
  background:linear-gradient(145deg,rgba(9,27,47,.92),rgba(4,15,29,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--kr-studio-shadow)!important;
}
.studio-unified-theme .landing-feature-hero,
.studio-unified-theme .seo-hero-card{
  background:
    linear-gradient(rgba(50,134,190,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,134,190,.07) 1px,transparent 1px),
    radial-gradient(circle at 84% 20%,rgba(23,141,255,.14),transparent 34%),
    linear-gradient(135deg,rgba(7,25,44,.97),rgba(4,15,29,.97))!important;
  background-size:42px 42px,42px 42px,auto,auto!important;
  border-color:rgba(62,133,187,.46)!important;
}
.studio-unified-theme .landing-feature-hero h1,
.studio-unified-theme .landing-feature-hero h2,
.studio-unified-theme .landing-feature-hero strong,
.studio-unified-theme .landing-feature-card h2,
.studio-unified-theme .landing-feature-bottom strong{color:#fff!important}
.studio-unified-theme .landing-feature-hero p,
.studio-unified-theme .landing-feature-card p,
.studio-unified-theme .landing-feature-bottom p,
.studio-unified-theme .landing-feature-hero li{color:#9fb3c7!important}
.studio-unified-theme .landing-feature-eyebrow,
.studio-unified-theme .eyebrow{color:var(--kr-studio-cyan)!important;background:transparent!important;border:0!important}
.studio-unified-theme .landing-feature-mini-points span,
.studio-unified-theme .landing-hero-benefits span{
  color:#bfd0df!important;
  border:1px solid rgba(72,128,170,.24)!important;
  background:rgba(7,22,39,.76)!important;
}
.studio-unified-theme .ats-btn--ghost,
.studio-unified-theme .btn:not(.primary):not(.btn-primary){
  color:#d8e5ef!important;
  border-color:rgba(86,139,180,.30)!important;
  background:rgba(5,18,34,.78)!important;
}
.studio-unified-theme .ats-btn--primary,
.studio-unified-theme .btn.primary,
.studio-unified-theme .btn-primary,
.studio-unified-theme .gold-login-btn{
  color:#fff!important;
  border-color:rgba(54,215,255,.48)!important;
  background:linear-gradient(180deg,#1597f5,#0874d3)!important;
  box-shadow:0 10px 28px rgba(0,113,211,.24)!important;
}

/* Helpdesk: legacy choices + clean contained Studio panel. */
.studio-unified-theme .helpdesk-chat-modal__card{
  color:var(--kr-studio-text)!important;
  background:
    linear-gradient(rgba(51,135,190,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(51,135,190,.045) 1px,transparent 1px),
    linear-gradient(145deg,#06182b,#03101f)!important;
  background-size:34px 34px,34px 34px,auto!important;
  border:1px solid rgba(54,215,255,.28)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
  overflow-x:hidden!important;
}
.studio-unified-theme .helpdesk-chat-modal__head,
.studio-unified-theme .helpdesk-chat-start,
.studio-unified-theme .helpdesk-chat-room,
.studio-unified-theme .helpdesk-chat-history,
.studio-unified-theme .helpdesk-chat-assist{
  background:rgba(4,16,30,.72)!important;
  border-color:rgba(70,124,166,.24)!important;
}
.studio-unified-theme .helpdesk-chat-modal__head h2,
.studio-unified-theme .helpdesk-chat-modal__head strong,
.studio-unified-theme .helpdesk-chat-fields span,
.studio-unified-theme .helpdesk-chat-message-label>span,
.studio-unified-theme .helpdesk-chat-file>span{color:#f6faff!important}
.studio-unified-theme .helpdesk-chat-modal__head p,
.studio-unified-theme .helpdesk-chat-file small{color:#849ab0!important}
.studio-unified-theme .helpdesk-chat-fields,
.studio-unified-theme .helpdesk-chat-fields label,
.studio-unified-theme .helpdesk-chat-message-label,
.studio-unified-theme .helpdesk-chat-file{min-width:0!important;max-width:100%!important}
.studio-unified-theme .helpdesk-chat-modal input,
.studio-unified-theme .helpdesk-chat-modal select,
.studio-unified-theme .helpdesk-chat-modal textarea{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  color:#f4f8fc!important;background:#041326!important;border:1px solid #173b59!important;
}
.studio-unified-theme .helpdesk-chat-modal option,
.studio-unified-theme .helpdesk-chat-modal optgroup{background:#06182b!important;color:#f4f8fc!important}
.studio-unified-theme .helpdesk-chat-assist__chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
.studio-unified-theme .helpdesk-chat-assist__chips button{
  max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;
  color:#d9e6f0!important;background:#071b30!important;border:1px solid rgba(69,127,171,.28)!important;
}

/* AUTH: login/register/forgot are fully Studio Glass, no white right pane/card. */
.studio-unified-theme .login-page-shell{
  min-height:calc(100vh - 64px)!important;
  background:
    linear-gradient(rgba(49,126,181,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,126,181,.055) 1px,transparent 1px),
    radial-gradient(circle at 20% 8%,rgba(54,215,255,.09),transparent 28%),
    linear-gradient(180deg,#03101f,#041325)!important;
  background-size:40px 40px,40px 40px,auto,auto!important;
}
.studio-unified-theme .login-split-card{
  background:linear-gradient(145deg,rgba(8,26,45,.96),rgba(3,14,27,.98))!important;
  border:1px solid rgba(54,215,255,.27)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
.studio-unified-theme .login-left-pane{
  background:
    linear-gradient(rgba(54,215,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,215,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 25% 20%,rgba(23,141,255,.20),transparent 36%),
    linear-gradient(180deg,#071d34,#041326)!important;
  background-size:34px 34px,34px 34px,auto,auto!important;
}
.studio-unified-theme .login-right-pane{background:linear-gradient(180deg,#07182b,#041326)!important}
.studio-unified-theme .login-form-wrap h1{color:#f7fbff!important}
.studio-unified-theme .login-subtext,
.studio-unified-theme .login-bottom-links p,
.studio-unified-theme .password-reset-note{color:#8da2b7!important}
.studio-unified-theme .login-brand-icon{
  color:#e6fbff!important;
  background:linear-gradient(145deg,#0d5f97,#0a3d67)!important;
  border:1px solid rgba(54,215,255,.36)!important;
  box-shadow:0 16px 40px rgba(0,113,211,.28)!important;
}
.studio-unified-theme .form-grid .login-field-label input,
.studio-unified-theme .login-field-label input{
  color:#f3f8fc!important;background:#041326!important;border-color:#17405f!important;
}
.studio-unified-theme .form-grid .login-field-label input:focus,
.studio-unified-theme .login-field-label input:focus{
  color:#fff!important;background:#061a2f!important;border-color:var(--kr-studio-cyan)!important;
  box-shadow:0 0 0 4px rgba(54,215,255,.09)!important;
}
.studio-unified-theme .login-field-label input::placeholder{color:#667d94!important}
.studio-unified-theme .forgot-password-row a,
.studio-unified-theme .login-bottom-links a,
.studio-unified-theme .back-home-link{color:#78dcff!important}
.studio-unified-theme .login-divider{color:#657f97!important}
.studio-unified-theme .login-divider::before,
.studio-unified-theme .login-divider::after{background:#17354f!important}
.studio-unified-theme .google-account-btn{
  color:#dce8f2!important;background:#061a2e!important;border-color:#20445f!important;box-shadow:none!important;
}
.studio-unified-theme .google-account-btn:hover{background:#0a253f!important;border-color:rgba(54,215,255,.36)!important}
.studio-unified-theme .google-mark{background:#0b2238!important;border:1px solid #244b67!important}

/* Logged-in workspace/header uses the same palette. */
body.studio-unified-theme.auth-body,
body.studio-unified-theme.auth-body .app-body{
  color:var(--kr-studio-text)!important;
  background:
    linear-gradient(rgba(49,126,181,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,126,181,.045) 1px,transparent 1px),
    linear-gradient(180deg,#03101f,#041325)!important;
  background-size:40px 40px,40px 40px,auto!important;
}
.studio-unified-theme .app-header,
.studio-unified-theme .app-header[data-state="studio-top"],
.studio-unified-theme .app-header[data-state="studio-scrolled"],
.studio-unified-theme.workspace-header-scrolled .app-header{
  color:var(--kr-studio-text)!important;background:rgba(5,18,34,.97)!important;
  border-bottom:1px solid rgba(54,215,255,.22)!important;box-shadow:0 14px 38px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.studio-unified-theme .app-header::before{opacity:.14!important}
.studio-unified-theme .app-brand strong,
.studio-unified-theme .app-mobile-drawer__head strong{color:#fff!important}
.studio-unified-theme .app-brand small,
.studio-unified-theme .app-mobile-drawer__head small{color:#708aa2!important}
.studio-unified-theme .app-nav .nav-link{color:#9fb2c5!important;background:transparent!important}
.studio-unified-theme .app-nav .nav-link:hover,
.studio-unified-theme .app-nav .nav-link.active{color:#f5fbff!important;background:#0a2946!important;border-color:rgba(54,215,255,.30)!important}
.studio-unified-theme .app-nav__menu,
.studio-unified-theme .app-mobile-drawer,
.studio-unified-theme .admin-notify__panel{
  color:#eaf3fa!important;background:#06182b!important;border-color:#1d4664!important;box-shadow:0 22px 55px rgba(0,0,0,.38)!important;
}
.studio-unified-theme .app-nav__menu a,
.studio-unified-theme .app-mobile-drawer a{color:#bfd0df!important}
.studio-unified-theme .app-nav__menu a:hover,
.studio-unified-theme .app-mobile-drawer a:hover{color:#fff!important;background:#0a2946!important}

/* Common logged-in UI surfaces, without recoloring paper/document previews. */
.studio-unified-theme.auth-body .page-card,
.studio-unified-theme.auth-body .profile-compact-hero,
.studio-unified-theme.auth-body .profile-identity-card,
.studio-unified-theme.auth-body .profile-summary-card,
.studio-unified-theme.auth-body .profile-action-card,
.studio-unified-theme.auth-body .profile-action-link,
.studio-unified-theme.auth-body .tool-card,
.studio-unified-theme.auth-body .payment-card,
.studio-unified-theme.auth-body .queue-card,
.studio-unified-theme.auth-body .workspace-panel,
.studio-unified-theme.auth-body .ats-assistant-modal__card,
.studio-unified-theme.auth-body .ats-payment-modal__card,
.studio-unified-theme.auth-body .ats-expired-modal__card,
.studio-unified-theme.auth-body .admin-cv-request-modal__card{
  color:#eaf3fa!important;background:linear-gradient(145deg,#081c31,#041326)!important;
  border-color:rgba(70,126,169,.28)!important;box-shadow:0 18px 50px rgba(0,0,0,.26)!important;
}
.studio-unified-theme.auth-body h1,
.studio-unified-theme.auth-body h2,
.studio-unified-theme.auth-body h3,
.studio-unified-theme.auth-body h4,
.studio-unified-theme.auth-body strong{color:#f6faff!important}
.studio-unified-theme.auth-body p,
.studio-unified-theme.auth-body label,
.studio-unified-theme.auth-body small{color:#9badbf!important}
.studio-unified-theme.auth-body input:not([type="checkbox"]):not([type="radio"]),
.studio-unified-theme.auth-body select,
.studio-unified-theme.auth-body textarea{
  color:#eef6fc!important;background:#041326!important;border-color:#17405f!important;
}
.studio-unified-theme.auth-body input::placeholder,
.studio-unified-theme.auth-body textarea::placeholder{color:#657c92!important}

/* Preserve actual document paper/print previews. */
.studio-unified-theme .resume-page,
.studio-unified-theme .cv-preview-page,
.studio-unified-theme .letter-preview-template,
.studio-unified-theme [class*="formal-letter"],
.studio-unified-theme [class*="resume-template"],
.studio-unified-theme [data-document-preview],
.studio-unified-theme .pdf-page-preview{
  color:initial;
}

/* File input control should no longer inject a bright white block. */
.studio-unified-theme input[type="file"]{color:#aebfd0!important;background:#041326!important;border-color:#17405f!important}
.studio-unified-theme input[type="file"]::file-selector-button{
  color:#eef8ff!important;background:#0a3353!important;border:0!important;border-right:1px solid #1c4a69!important;padding:10px 14px!important;
}

@media (max-width:720px){
  .studio-unified-theme .login-split-card{border-radius:18px!important}
  .studio-unified-theme .login-left-pane{min-height:126px!important}
  .studio-unified-theme .helpdesk-chat-modal__card{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
}

/* Maintenance + embedded layouts inherit the same studio shell. */
.studio-unified-theme .maintenance-public-header{
  background:rgba(5,18,34,.97)!important;border-bottom:1px solid rgba(54,215,255,.22)!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important;
}
.studio-unified-theme .maintenance-public-brand,
.studio-unified-theme .maintenance-public-brand strong,
.studio-unified-theme .maintenance-public-header a{color:#f5fbff!important}
.studio-unified-theme .maintenance-public-main,
.studio-unified-theme .layout-embedded-main{background:transparent!important;color:#eef6fc!important}
.studio-unified-theme.layout-embedded-body{background:#03101f!important;color:#eef6fc!important}
.studio-unified-theme .maintenance-public-card,
.studio-unified-theme .maintenance-public-panel,
.studio-unified-theme .friendly-maintenance-card{
  color:#eaf3fa!important;background:linear-gradient(145deg,#081c31,#041326)!important;border-color:rgba(70,126,169,.28)!important;
}