/* KarirRapi Studio Component Registry v21.501
   Presentation primitives only. Never recolor paper/document preview nodes. */
:root{
  --studio-bg:#03101f;
  --studio-bg-2:#041528;
  --studio-panel:#06182b;
  --studio-panel-2:#082038;
  --studio-panel-soft:rgba(8,30,51,.86);
  --studio-line:#1d4664;
  --studio-line-cyan:rgba(54,215,255,.30);
  --studio-cyan:#36d7ff;
  --studio-blue:#178dff;
  --studio-text:#f4f9fd;
  --studio-muted:#91a6ba;
  --studio-danger:#ff7c8a;
  --studio-warning:#ffc766;
  --studio-radius:14px;
  --studio-shadow:0 20px 55px rgba(0,0,0,.30);
}

.studio-registry-enabled .studio-header,
.studio-registry-enabled .studio-toolbar{
  color:var(--studio-text)!important;
  background:
    linear-gradient(rgba(54,215,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,215,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(6,24,43,.98),rgba(4,17,32,.98))!important;
  background-size:28px 28px,28px 28px,auto!important;
  border-color:var(--studio-line-cyan)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}

.studio-registry-enabled .studio-panel,
.studio-registry-enabled .studio-card,
.studio-registry-enabled .studio-modal{
  color:var(--studio-text)!important;
  background:linear-gradient(145deg,rgba(8,29,50,.97),rgba(4,17,32,.98))!important;
  border-color:rgba(75,135,178,.28)!important;
  box-shadow:var(--studio-shadow)!important;
}

.studio-registry-enabled .studio-form{
  color:var(--studio-text);
}
.studio-registry-enabled .studio-form label{color:#a6b8c9;}

.studio-registry-enabled .studio-input{
  color:#edf6fc!important;
  background:#041326!important;
  border-color:#17405f!important;
  box-shadow:none!important;
}
.studio-registry-enabled .studio-input:focus{
  color:#fff!important;
  background:#061a2f!important;
  border-color:var(--studio-cyan)!important;
  box-shadow:0 0 0 3px rgba(54,215,255,.09)!important;
  outline:0!important;
}
.studio-registry-enabled .studio-input::placeholder{color:#667f96!important}

.studio-registry-enabled .studio-btn{
  color:#dce9f4!important;
  background:linear-gradient(180deg,#0a2944,#071d32)!important;
  border:1px solid #214b69!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
  text-decoration:none!important;
}
.studio-registry-enabled .studio-btn:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#0d3557,#092640)!important;
  border-color:rgba(54,215,255,.48)!important;
}
.studio-registry-enabled .studio-btn--primary{
  color:#fff!important;
  background:linear-gradient(180deg,#1b9df0,#0878cd)!important;
  border-color:#2abaf4!important;
  box-shadow:0 10px 24px rgba(0,132,219,.26)!important;
}
.studio-registry-enabled .studio-btn--primary:hover{
  background:linear-gradient(180deg,#28b6f7,#0a86db)!important;
}
.studio-registry-enabled .studio-btn--warning{
  color:#ffe2a6!important;
  background:#2b2110!important;
  border-color:#70511e!important;
}
.studio-registry-enabled .studio-chip,
.studio-registry-enabled .studio-kicker{
  color:#82e8ff!important;
  background:#08243c!important;
  border:1px solid rgba(54,215,255,.28)!important;
}

/* CV workspace registry: UI is dark studio, printed paper remains paper. */
body.cv-builder-body.studio-registry-enabled .cv-builder-preview-wrap{
  background:#03101f!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar,
body.cv-builder-body.studio-registry-enabled .cv-preview-toolbar{
  min-height:64px!important;
  color:var(--studio-text)!important;
  background:
    linear-gradient(rgba(54,215,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,215,255,.026) 1px,transparent 1px),
    linear-gradient(180deg,#071b30,#041326)!important;
  background-size:28px 28px,28px 28px,auto!important;
  border-bottom:1px solid rgba(54,215,255,.28)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__title span{
  color:#7be5ff!important;background:#082a46!important;border:1px solid rgba(54,215,255,.30)!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__title strong,
body.cv-builder-body.studio-registry-enabled .cv-preview-toolbar strong{color:#f8fbff!important}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__title small{color:#819bb2!important}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__actions{scrollbar-color:#245674 #06182b!important}
body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__actions::-webkit-scrollbar-thumb{background:#245674!important}

body.cv-builder-body.studio-registry-enabled .cv-react-btn,
body.cv-builder-body.studio-registry-enabled .cv-toolbar-btn,
body.cv-builder-body.studio-registry-enabled .cv-react-zoom,
body.cv-builder-body.studio-registry-enabled .cv-zoom-box,
body.cv-builder-body.studio-registry-enabled .cv-page-indicator,
body.cv-builder-body.studio-registry-enabled .cv-react-btn--soft{
  color:#dce9f4!important;
  background:linear-gradient(180deg,#0a2944,#071c31)!important;
  border-color:#234c68!important;
  box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-btn:hover,
body.cv-builder-body.studio-registry-enabled .cv-toolbar-btn:hover{
  color:#fff!important;background:#0b3455!important;border-color:rgba(54,215,255,.55)!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-btn--primary,
body.cv-builder-body.studio-registry-enabled .cv-toolbar-btn.primary{
  color:#fff!important;background:linear-gradient(180deg,#1b9df0,#0878cd)!important;border-color:#34c5fb!important;
  box-shadow:0 10px 24px rgba(0,132,219,.27)!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-btn--template,
body.cv-builder-body.studio-registry-enabled .cv-toolbar-template{
  color:#ffe5aa!important;background:#2b2110!important;border-color:#78581f!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-btn--locked,
body.cv-builder-body.studio-registry-enabled .cv-layout-toolbar-link--locked{
  color:#ffe2a1!important;background:#2c210e!important;border-color:#77551c!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-zoom button,
body.cv-builder-body.studio-registry-enabled .cv-zoom-box button{
  color:#dff7ff!important;background:#082640!important;border-color:#214c69!important;
}
body.cv-builder-body.studio-registry-enabled .cv-react-zoom button:hover,
body.cv-builder-body.studio-registry-enabled .cv-zoom-box button:hover{background:#0c385b!important;color:#fff!important}
body.cv-builder-body.studio-registry-enabled .cv-react-template-badge,
body.cv-builder-body.studio-registry-enabled .cv-toolbar-template-active{
  color:#cfe8f7!important;background:#071d33!important;border-color:#214b68!important;
}
body.cv-builder-body.studio-registry-enabled .cv-preview-viewport{background:#07111d!important}

/* Never theme actual document paper. */
.studio-registry-enabled :is(.resume-page,.cv-preview-page,.letter-preview-template,[class*="formal-letter"],[class*="resume-template"],[data-document-preview],.pdf-page-preview),
.studio-registry-enabled :is(.resume-page,.cv-preview-page,.letter-preview-template,[class*="formal-letter"],[class*="resume-template"],[data-document-preview],.pdf-page-preview) *{
  --studio-component-surface:initial;
}

@media(max-width:720px){
  body.cv-builder-body.studio-registry-enabled .cv-react-toolbar{padding:8px!important}
  body.cv-builder-body.studio-registry-enabled .cv-react-toolbar__actions{gap:6px!important}
}


/* v21.502 - Smart Help Router: Studio componentized service picker. */
.studio-registry-enabled .helpdesk-service-router{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 14px!important;padding:12px!important;overflow:hidden!important;
  border:1px solid rgba(54,215,255,.24)!important;border-radius:15px!important;
  background:linear-gradient(145deg,rgba(7,27,48,.96),rgba(3,16,31,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.18)!important;
}
.studio-registry-enabled .helpdesk-service-router>strong{
  display:block!important;margin:0!important;color:#f6fbff!important;font-size:.9rem!important;font-weight:900!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
.studio-registry-enabled .helpdesk-service-router>p{
  margin:3px 0 10px!important;color:#8ea5ba!important;font-size:.75rem!important;line-height:1.35!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
.studio-registry-enabled .helpdesk-service-router__grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;
}
.studio-registry-enabled .helpdesk-service-router__grid button{
  appearance:none!important;box-sizing:border-box!important;display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
  min-width:0!important;max-width:100%!important;min-height:58px!important;margin:0!important;padding:9px 10px!important;
  overflow:hidden!important;text-align:left!important;cursor:pointer!important;
  border:1px solid rgba(82,130,169,.28)!important;border-radius:12px!important;
  color:#eaf5ff!important;background:linear-gradient(180deg,rgba(8,31,53,.96),rgba(5,22,40,.96))!important;
  transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
.studio-registry-enabled .helpdesk-service-router__grid button:hover,
.studio-registry-enabled .helpdesk-service-router__grid button:focus-visible,
.studio-registry-enabled .helpdesk-service-router__grid button.is-active{
  outline:none!important;transform:translateY(-1px)!important;border-color:rgba(54,215,255,.58)!important;
  background:linear-gradient(180deg,rgba(12,46,76,.98),rgba(7,31,53,.98))!important;
  box-shadow:0 0 0 1px rgba(54,215,255,.07),0 9px 22px rgba(0,0,0,.2)!important;
}
.studio-registry-enabled .helpdesk-service-router__grid button span{
  display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;
  min-width:0!important;max-width:28px!important;overflow:hidden!important;font-size:16px!important;line-height:1!important;
}
.studio-registry-enabled .helpdesk-service-router__grid button b{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  color:#edf7ff!important;font-size:.7rem!important;font-weight:850!important;line-height:1.22!important;
  white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;hyphens:auto!important;
}
@media(max-width:760px){
  .studio-registry-enabled .helpdesk-service-router__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .studio-registry-enabled .helpdesk-service-router{padding:10px!important}
  .studio-registry-enabled .helpdesk-service-router__grid{grid-template-columns:1fr!important;gap:7px!important}
  .studio-registry-enabled .helpdesk-service-router__grid button{
    grid-template-columns:30px minmax(0,1fr)!important;min-height:52px!important;padding:8px 10px!important;
  }
  .studio-registry-enabled .helpdesk-service-router__grid button span{width:30px!important;height:30px!important;max-width:30px!important}
  .studio-registry-enabled .helpdesk-service-router__grid button b{font-size:.73rem!important}
}

/* v21.503 - Conversational Case Router */
.studio-registry-enabled .helpdesk-case-router{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0 0 12px!important;padding:12px!important;overflow:hidden!important;
  border:1px solid rgba(54,215,255,.25)!important;border-radius:15px!important;
  background:
    linear-gradient(rgba(54,215,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,215,255,.025) 1px,transparent 1px),
    linear-gradient(145deg,rgba(6,29,50,.97),rgba(3,16,31,.98))!important;
  background-size:24px 24px,24px 24px,auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.18)!important;
}
.studio-registry-enabled .helpdesk-case-router__head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  min-width:0!important;margin-bottom:6px!important;
}
.studio-registry-enabled .helpdesk-case-router__head span{
  color:#69e3ff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;
}
.studio-registry-enabled .helpdesk-case-router__head b{
  color:#b9cddd!important;font-size:12px!important;font-weight:800!important;text-align:right!important;overflow-wrap:anywhere!important;
}
.studio-registry-enabled .helpdesk-case-router>p{
  margin:0!important;color:#91a8bb!important;font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere!important;
}
.studio-registry-enabled .helpdesk-case-router>p em{color:#d6e8f4!important;font-style:normal!important}
.studio-registry-enabled .helpdesk-case-router__result{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important;
}
.studio-registry-enabled .helpdesk-case-router__result[hidden]{display:none!important}
.studio-registry-enabled .helpdesk-case-router__result>div{
  min-width:0!important;padding:9px 10px!important;border:1px solid #1d4562!important;border-radius:11px!important;background:#06192b!important;
}
.studio-registry-enabled .helpdesk-case-router__result small{
  display:block!important;color:#6fdfff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;margin-bottom:3px!important;
}
.studio-registry-enabled .helpdesk-case-router__result strong{
  display:block!important;color:#f4f9fd!important;font-size:12px!important;line-height:1.35!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important;
}
.studio-registry-enabled .helpdesk-case-router__result>p{
  grid-column:1/-1!important;margin:0!important;padding:8px 10px!important;border-left:2px solid #22b7ed!important;
  color:#9eb6c9!important;background:rgba(6,29,48,.64)!important;border-radius:7px!important;font-size:11px!important;overflow-wrap:anywhere!important;
}
.studio-registry-enabled .helpdesk-case-router__result>em{
  grid-column:1/-1!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(255,189,89,.32)!important;
  color:#ffd697!important;background:#251b0c!important;border-radius:8px!important;font-size:11px!important;font-style:normal!important;font-weight:800!important;
}
.studio-registry-enabled [data-helpdesk-service-preset].is-case-related{
  border-color:rgba(54,215,255,.48)!important;background:linear-gradient(180deg,#0b3150,#08243d)!important;
  box-shadow:0 0 0 1px rgba(54,215,255,.10),0 10px 22px rgba(0,0,0,.18)!important;
}
.studio-registry-enabled [data-helpdesk-service-preset].is-case-related:not(.is-active)::after{
  content:'TERKAIT';position:absolute;right:7px;top:7px;color:#79e4ff;background:#082943;border:1px solid #1e5876;border-radius:999px;
  padding:2px 5px;font-size:7px;font-weight:900;letter-spacing:.08em;
}
.studio-registry-enabled [data-helpdesk-service-preset]{position:relative!important}
.studio-registry-enabled .helpdesk-chat-message-label small{
  display:block!important;margin-top:5px!important;color:#7894aa!important;font-size:10px!important;line-height:1.4!important;
}
.traffic-case-router-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 10px;padding:8px;
  background:#061728;border:1px solid rgba(54,215,255,.22);border-radius:11px;color:#dceaf5;
}
.traffic-case-router-summary>div{min-width:0;background:#071e33;border:1px solid #1c405b;border-radius:8px;padding:7px 8px}
.traffic-case-router-summary small{display:block;color:#69dcff;font-size:9px;font-weight:900;letter-spacing:.1em}
.traffic-case-router-summary b{display:block;margin-top:2px;color:#f6fbff;font-size:11px;overflow-wrap:anywhere}
.traffic-case-router-summary>p{grid-column:1/-1;margin:0;color:#91a9bc;font-size:10px;overflow-wrap:anywhere}
@media(max-width:640px){
  .studio-registry-enabled .helpdesk-case-router__result{grid-template-columns:1fr!important}
  .studio-registry-enabled .helpdesk-case-router__result>p,
  .studio-registry-enabled .helpdesk-case-router__result>em{grid-column:1!important}
  .studio-registry-enabled .helpdesk-case-router__head{align-items:flex-start!important;flex-direction:column!important}
  .studio-registry-enabled .helpdesk-case-router__head b{text-align:left!important}
  .traffic-case-router-summary{grid-template-columns:1fr}
  .traffic-case-router-summary>p{grid-column:1}
}