/* 27BA Crextio Tosca - SEMUA halaman bawaan Frappe/ERPNext/HRMS di chenks.media (404, 403 Tidak diizinkan, message/error/logout, portal,
   web form, jobs/support, dll) (Ji 7 Okt 2026 10.05; lanjutan 248 6 Okt 22.45). Dimuat lewat Website Settings > head_html (<link>).
   Lingkup: HANYA halaman yang TIDAK punya pembungkus Web Page ([data-doctype="Web Page"]) -> 22 halaman BMS/publik bertema tidak tersentuh.
   Palet = 27AN/27AX/dashboard: latar #eef5fa, kartu putih, judul #0a1f1e, teks #151a1d/#465056/#5c6266, tombol biru logo #0670c9, tautan #0667b8,
   aksen garis tosca->biru (#22d3c5 -> #09BFFF). Font Plus Jakarta Sans self-host. */
@font-face{font-family:"CTS Jakarta";src:url(/files/PlusJakartaSans-var.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
html:not(:has([data-doctype="Web Page"])){
 --font-stack:"CTS Jakarta","Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
 --primary:#0670c9;--primary-color:#0670c9;--btn-primary:#0670c9;--brand-color:#0670c9;
 --subtle-accent:#eef5fa;--bg-color:#eef5fa;--fg-color:#fff;--card-bg:#fff;--navbar-bg:#fff;--control-bg:#fff;--control-bg-on-gray:#f4f8fb;
 --text-color:#151a1d;--heading-color:#0a1f1e;--text-muted:#465056;--text-light:#5c6266;
 --border-color:#e3ebf1;--dark-border-color:#dde7ef;--ink-blue-link:#0667b8;
 --gray-50:#f4f8fb;--gray-100:#eef5fa;--gray-200:#e3ebf1;--gray-300:#dde7ef;--gray-500:#7d878c;--gray-600:#5c6266;--gray-700:#465056;--gray-800:#2a3236;--gray-900:#0a1f1e;
 background:#eef5fa}
html:not(:has([data-doctype="Web Page"])) body{background:#eef5fa!important;color:#151a1d}
html:not(:has([data-doctype="Web Page"])) body *:not(code):not(pre):not(kbd):not(samp),
html:not(:has([data-doctype="Web Page"])) body :is(input,button,select,textarea,option){font-family:"CTS Jakarta","Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif!important}
html:not(:has([data-doctype="Web Page"])) ::selection{background:#0670c9;color:#fff}
/* navbar & footer */
html:not(:has([data-doctype="Web Page"])) .navbar{background:#fff!important;border-bottom:1px solid #e3ebf1!important;box-shadow:none!important}
html:not(:has([data-doctype="Web Page"])) .navbar :is(.navbar-brand,.nav-link,.dropdown-toggle){color:#0a1f1e!important;font-weight:600}
html:not(:has([data-doctype="Web Page"])) .navbar .nav-link:hover{color:#0670c9!important}
html:not(:has([data-doctype="Web Page"])) :is(.web-footer,footer.web-footer){background:#eef5fa!important;border-top:1px solid #dde7ef!important}
html:not(:has([data-doctype="Web Page"])) :is(.web-footer,.footer-powered,.footer-col-left,.footer-info) :is(a,span,div,p){color:#5c6266!important}
html:not(:has([data-doctype="Web Page"])) .dropdown-menu{background:#fff;border:1px solid #e3ebf1;border-radius:12px;box-shadow:0 10px 30px rgba(30,48,60,.12)}
html:not(:has([data-doctype="Web Page"])) .dropdown-item{color:#151a1d}html:not(:has([data-doctype="Web Page"])) .dropdown-item:hover{background:#eef5fa;color:#0670c9}
/* teks */
html:not(:has([data-doctype="Web Page"])) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.page-title){color:#0a1f1e!important}
html:not(:has([data-doctype="Web Page"])) a:not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand){color:#0667b8}
html:not(:has([data-doctype="Web Page"])) :is(.text-muted,.text-secondary,.small.text-muted){color:#5c6266!important}
html:not(:has([data-doctype="Web Page"])) .breadcrumb{background:transparent}html:not(:has([data-doctype="Web Page"])) .breadcrumb-item+.breadcrumb-item::before{color:#7d878c}
/* tombol */
html:not(:has([data-doctype="Web Page"])) .btn{border-radius:10px;font-weight:600}
html:not(:has([data-doctype="Web Page"])) .btn-primary,html:not(:has([data-doctype="Web Page"])) .btn.btn-primary{background:#0670c9!important;border-color:#0670c9!important;color:#fff!important;box-shadow:0 4px 12px rgba(6,112,201,.22)}
html:not(:has([data-doctype="Web Page"])) .btn-primary:hover{background:#0667b8!important;border-color:#0667b8!important}
html:not(:has([data-doctype="Web Page"])) :is(.btn-default,.btn-secondary,.btn-light,.btn-outline-primary,.btn-outline-secondary){background:#fff!important;border:1px solid #dde7ef!important;color:#0a1f1e!important}
html:not(:has([data-doctype="Web Page"])) :is(.btn-default,.btn-secondary,.btn-light):hover{border-color:#0a8fd6!important;color:#0670c9!important}
html:not(:has([data-doctype="Web Page"])) .btn-danger{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important}
/* isian */
html:not(:has([data-doctype="Web Page"])) :is(.form-control,.input-with-feedback,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file])){background-color:#fff!important;border:1px solid #dde7ef!important;color:#15181a!important;border-radius:10px!important}
html:not(:has([data-doctype="Web Page"])) :is(.form-control,select,textarea,input):focus{border-color:#0a8fd6!important;box-shadow:0 0 0 3px rgba(9,191,255,.18)!important;outline:none}
html:not(:has([data-doctype="Web Page"])) ::placeholder{color:#7d878c!important}
html:not(:has([data-doctype="Web Page"])) :is(.control-label,label){color:#465056!important;font-weight:500}
html:not(:has([data-doctype="Web Page"])) input:is([type=checkbox],[type=radio]){accent-color:#0670c9}
/* kartu: halaman galat (404/403/500/message), web form, portal, daftar */
html:not(:has([data-doctype="Web Page"])) .error-page>div,
html:not(:has([data-doctype="Web Page"])) :is(.web-form-wrapper .web-form,.web-form-container .web-form,.portal-container,.portal-items,.your-account-info,.page-card,.login-content.page-card,.list-group){background:#fff!important;border:1px solid #e8edf1!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(20,35,45,.04),0 10px 30px rgba(30,48,60,.07)!important}
html:not(:has([data-doctype="Web Page"])) .error-page{padding:40px 16px}
html:not(:has([data-doctype="Web Page"])) .error-page>div{max-width:520px;margin:0 auto;padding:34px 30px;text-align:center}
html:not(:has([data-doctype="Web Page"])) .error-page h4{font-weight:800!important;font-size:22px}
html:not(:has([data-doctype="Web Page"])) :is(.error-page h4,.web-form-title h1,.web-form-head h1,.page-header h1,.page-header-wrapper h1,.page-content-wrapper h1)::after{content:"";display:block;width:46px;height:3px;border-radius:3px;margin:10px auto 0;background:linear-gradient(90deg,#22d3c5,#09BFFF)}
html:not(:has([data-doctype="Web Page"])) :is(.web-form-title h1,.web-form-head h1,.page-header h1,.page-header-wrapper h1,.page-content-wrapper h1)::after{margin-left:0}
html:not(:has([data-doctype="Web Page"])) .error-page .details{color:#465056}
html:not(:has([data-doctype="Web Page"])) .web-form-wrapper .web-form{padding:24px!important}
html:not(:has([data-doctype="Web Page"])) :is(.list-group-item,.web-list-item,.transaction-list-item){background:#fff;border-color:#e8edf1;color:#151a1d}
html:not(:has([data-doctype="Web Page"])) :is(.list-group-item,.web-list-item,.transaction-list-item):hover{background:#f4f8fb}
html:not(:has([data-doctype="Web Page"])) :is(.indicator-pill,.badge){border-radius:999px}
html:not(:has([data-doctype="Web Page"])) .indicator-pill.blue{background:#e6f4fb;color:#0667b8}
html:not(:has([data-doctype="Web Page"])) .table{color:#151a1d}html:not(:has([data-doctype="Web Page"])) .table thead th{background:#f4f8fb;color:#465056;border-color:#e3ebf1}
html:not(:has([data-doctype="Web Page"])) :is(.alert,.msgprint,.frappe-card){border-radius:12px}
html:not(:has([data-doctype="Web Page"])) .modal-content{border-radius:14px;border:1px solid #e3ebf1}
html:not(:has([data-doctype="Web Page"])) .search-bar :is(input,.form-control){background-color:#fff!important}
html:not(:has([data-doctype="Web Page"])) :is(.breadcrumb,.breadcrumb-item,.breadcrumb-item.active,.breadcrumb span,.page-breadcrumbs span){color:#5c6266!important}
html:not(:has([data-doctype="Web Page"])) .breadcrumb a{color:#0667b8!important}
html:not(:has([data-doctype="Web Page"])) .avatar-frame.standard-image{background:#e6f4fb!important;color:#0667b8!important}
/* 0 geser layar (tablet/HP): .row bootstrap di dalam .container tanpa padding meluber 15px; tabel lisensi /attribution digulir di dalam */
html:not(:has([data-doctype="Web Page"])) :is(.web-footer,footer) .row,html:not(:has([data-doctype="Web Page"])) .container>.row{margin-left:0;margin-right:0}
html:not(:has([data-doctype="Web Page"])) .page_content table{display:block;max-width:100%;overflow-x:auto}
html:not(:has([data-doctype="Web Page"])) .footer-info{overflow-wrap:anywhere}
html:not(:has([data-doctype="Web Page"])) :is(.hero-subtitle,.hero-subtitle *,.section-description){color:#465056!important}