/* STAFF HEALTH CHECK R6 - Sky Modern | UI / UX only. Never changes entitlement logic. */
:root{
  --r6-ink:#111f3e;--r6-body:#283c5b;--r6-muted:#52647d;--r6-red:#df233d;
  --r6-border:#d9e4ef;--r6-blue:#eef7ff;--r6-shadow:0 10px 28px rgba(23,59,99,.065)
}
.r6-admin,.r6-public,.r6-auth{color:var(--r6-ink);font-family:system-ui,-apple-system,'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;font-size:15px;line-height:1.6}
.r6-admin strong,.r6-public strong,.r6-auth strong{font-weight:750}
.r6-admin .sidebar,.r6-admin .admin-content,.r6-public,.r6-auth{color:var(--r6-ink)}
.r6-admin .sidebar{background:linear-gradient(180deg,#fff 0%,#f8fbff 73%,#f1f8ff 100%)}
.r6-admin .sidebar-brand{gap:10px}
.r6-admin .sidebar-brand strong{color:#d51d35;font-size:16px;letter-spacing:0}
.r6-admin .sidebar-brand small{color:#556580;font-size:10.5px}
.r6-admin .sidebar-nav .nav-item{min-height:52px;padding:10px 12px}
.r6-admin .sidebar-nav .nav-names strong{color:#1b3050;font-size:14px;font-weight:750}
.r6-admin .sidebar-nav .nav-names small{color:#526580;font-size:11px}
.r6-admin .sidebar-nav .nav-item.active{background:#fff0f2!important;box-shadow:inset 3px 0 0 #eb2643!important}
.r6-admin .sidebar-nav .nav-item.active .nav-names strong,.r6-admin .sidebar-nav .nav-item.active .nav-icon{color:#d51d35}
.r6-admin .sidebar-scene{background:linear-gradient(180deg,transparent,#f2f9ff 60%,#e5f4ff);min-height:145px}
.r6-admin .sidebar-scene span:last-child{color:#254568;font-size:12px;font-style:normal}
.r6-admin .admin-topbar{background:#f8fbff;padding-top:12px;padding-bottom:12px}
.r6-admin .r4-global-search,.r6-admin .r4-yearpick{border:1px solid var(--r6-border);box-shadow:0 2px 7px #30466909}
.r6-admin .r4-global-search input{font-size:14px;color:#192f51}
.r6-admin .r4-global-search input::placeholder{color:#63758e}
.r6-admin .r4-yearpick select{font-size:14px;color:#183253;font-weight:650}
/* Real photographic hero provided by site owner. Place image only on the right to protect typography. */
.r6-admin .r4-banner{min-height:235px;position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(100deg,#edf7ff 0%,#edf7ff 42%,#daefff 80%,#d4ecff 100%);
  border:1px solid #d6e7f4;padding:37px 38px}
.r6-admin .r4-banner:before{display:none}
.r6-admin .r4-banner:after{content:'';display:block;position:absolute;z-index:-1;inset:0 0 0 auto;
  width:65%;height:100%;opacity:.98;background:url('/assets/thai-lion-sky.webp') center 48%/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%)}
.r6-admin .r4-banner>div:first-child{position:relative;z-index:1}
.r6-admin .r4-banner h1{font-weight:850;font-size:clamp(30px,3.0vw,47px);letter-spacing:-.6px;line-height:1.2;color:#101e3d;text-shadow:0 1px 0 #ffffff77}
.r6-admin .r4-banner-en{font-size:25px;font-weight:650;color:#415778}
.r6-admin .r4-banner p{max-width:410px;font-size:15px;font-weight:550;color:#253f63;margin-top:8px}
.r6-admin .r4-breadcrumb{color:#c11c37;font-size:10px;font-weight:750}
.r6-admin .r4-banner-art{display:none}
.r6-admin .admin-main{max-width:1580px}
.r6-admin .welcome{background:#fff;border:1px solid var(--r6-border);padding:19px 23px}
.r6-admin .welcome h2{font-size:22px;color:#142647}
.r6-admin .welcome p{color:#4d6481;font-size:13px}
.r6-admin .welcome .eyebrow{color:#be233e}
.r6-admin .metric-card,.r6-admin .admin-card{border:1px solid #dfe7f0;border-radius:16px;box-shadow:var(--r6-shadow)}
.r6-admin .metric-card{padding-top:22px;padding-bottom:21px;min-height:146px}
.r6-admin .metric-card small{color:#293d5e;font-size:14px;font-weight:700}
.r6-admin .metric-card strong{color:#111d3a;font-size:34px;font-weight:850}
.r6-admin .metric-card span{color:#546884;font-size:12px}
.r6-admin .metric-card:nth-child(1) .metric-icon{background:#e5f2ff;color:#187fd1}
.r6-admin .metric-card:nth-child(2) .metric-icon{background:#e2f9ee;color:#099664}
.r6-admin .metric-card:nth-child(3) .metric-icon{background:#ffe8ec;color:#d82842}
.r6-admin .metric-card:nth-child(4) .metric-icon{background:#fff0df;color:#d67e18}
.r6-admin .card-top h3,.r6-admin .page-intro h2{color:#132644;font-weight:800}
.r6-admin .card-top h3{font-size:19px}
.r6-admin .page-intro p,.r6-admin .muted{color:#506782;font-size:13px}
.r6-admin .progress-score strong{color:#dc263f;font-weight:850}
.r6-admin .progress-line::-webkit-progress-value{background:linear-gradient(90deg,#df263e,#fd6e76)}
.r6-admin .quick-toolbar>span,.r6-admin .filter-bar label{color:#243e5f;font-size:13px}
.r6-admin .quick-toolbar a{font-size:13px;font-weight:700;background:#f5faff;border-color:#dfeaf4;color:#214369}
.r6-admin .quick-toolbar a:hover{background:#eaf3ff}
.r6-admin .btn-primary{background:linear-gradient(112deg,#e5233c,#f04851);border-color:#d62238;color:#fff}
.r6-admin .btn-ghost{color:#173f71}
.r6-admin .data-table{font-size:13px;min-width:780px}
.r6-admin .data-table th{font-size:12px;line-height:1.55;background:#eaf4fd;color:#1d3e64;font-weight:750;border-bottom:1px solid #d5e3f0;padding:13px 11px}
.r6-admin .data-table td{font-size:13px;color:#1e3454;padding:12px 11px;line-height:1.65}
.r6-admin .data-table td strong{font-weight:750;color:#162b4f}
.r6-admin .data-table tbody tr:nth-child(even) td{background:#fcfdff}
.r6-admin .form-stack label{font-size:13px;color:#233b5b}
.r6-admin .form-stack :is(input,select,textarea),.r6-admin .filter-bar :is(input,select){font-size:14px;color:#1e3859}
.r6-admin .form-stack :is(input,select,textarea)::placeholder,.r6-admin .filter-bar input::placeholder{color:#77869a}
.r6-admin .status-pill.green{background:#dcf7eb;color:#006c47;font-weight:700}
.r6-admin .status-pill.amber{background:#fff1db;color:#885016;font-weight:700}
.r6-admin .status-pill.gray{background:#eef2f8;color:#465b75;font-weight:700}
.r6-admin .admin-footer{color:#516988}
/* Staff public page: zero unnecessary employee disclosure; actual result comes from PHP, never design samples */
.r6-public{background:#f5f9fe}
.r6-public .public-top{background:#fff;border-bottom:1px solid #dfe8f3}
.r6-public .header-row{min-height:78px;gap:18px}
.r6-public .public-top .brand strong{color:#d51f38;font-size:19px;font-weight:850}
.r6-public .public-top .brand small{color:#4e617d;font-size:10px}
.r6-public .r6-header-nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-left:auto}
.r6-public .r6-header-nav a{color:#233b60;font-size:13px;text-decoration:none;font-weight:700}
.r6-public .r6-header-nav a:hover{color:#d71e39;text-decoration:underline}
.r6-public .r6-header-nav a.r6-portal-login{color:#bd1b32;background:#fff2f5;padding:8px 12px;border-radius:10px;border:1px solid #fadce2}
.r6-public .hero{background:linear-gradient(90deg,rgba(237,248,255,.98),rgba(239,248,255,.93) 36%,rgba(227,240,255,.35) 62%,rgba(216,237,255,.10)),url('/assets/thai-lion-sky.webp') center 43%/cover no-repeat;min-height:430px}
.r6-public .hero::before{display:none}
.r6-public .hero-grid{min-height:430px;grid-template-columns:1fr .78fr;align-items:center;padding-bottom:118px}
.r6-public .hero-art{background:none;box-shadow:none;filter:none;visibility:hidden}
.r6-public .hero h1{color:#111e3d;font-size:clamp(34px,4.2vw,58px);font-weight:850;line-height:1.25;letter-spacing:-.8px}
.r6-public .gradient-text{color:#d21d39;background:none;-webkit-text-fill-color:currentColor}
.r6-public .eyebrow{color:#bb1d37;font-weight:800}
.r6-public .hero-copy>p{color:#253f62;font-size:16px;font-weight:600;max-width:540px}
.r6-public .hero-pills span{color:#244464;border:1px solid #d4e4f2;background:#ffffffdc;font-size:12px}
.r6-public .content-lift{margin-top:-96px}
.r6-public .card-float{background:#fff;border:1px solid #deebf5;border-radius:19px;box-shadow:0 18px 45px #284b781a}
.r6-public .search-head h2{color:#162747;font-size:27px;font-weight:800}
.r6-public .search-head p{color:#46617e;font-size:13px}
.r6-public .search-panel input,.r6-public .search-panel select{font-size:16px;border:1px solid #cfdfeb}
.r6-public .search-panel .field-label{color:#254161;font-weight:800;font-size:12px}
.r6-public .search-btn{background:linear-gradient(115deg,#dc243a,#f0444e)!important;color:#fff;font-weight:800}
.r6-public .section-heading h2,.r6-public .help-strip h3{color:#172844;font-weight:850}
.r6-public .notice-card h3{color:#1a3554;font-size:16px;font-weight:750}
.r6-public .notice-card p{color:#48617d;font-size:13px}
.r6-public .result-success h3{color:#096944;font-weight:850;font-size:33px}
.r6-public .r6-information{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.r6-public .r6-info-tile{background:#fff;border:1px solid #dce8f2;border-radius:17px;box-shadow:var(--r6-shadow);padding:16px 19px;display:flex;gap:13px;align-items:flex-start}
.r6-public .r6-info-icon{width:43px;height:43px;flex:0 0 43px;border-radius:11px;display:grid;place-items:center;background:#e8f4ff;color:#1763ad;font-weight:850;font-size:20px}
.r6-public .r6-info-tile:nth-child(2) .r6-info-icon{background:#e8f8ee;color:#14946a}
.r6-public .r6-info-tile:nth-child(3) .r6-info-icon{background:#fff0e8;color:#c44c21}
.r6-public .r6-info-tile h3{font-size:15px;font-weight:800;color:#1b3453;margin:0 0 4px}
.r6-public .r6-info-tile p{font-size:12px;color:#526981;margin:0}
/* Auth screen, same visual language without busy art behind fields. */
.r6-auth{background:linear-gradient(90deg,#eef8ff,#f9fcff 52%,#eaf4fd);position:relative}
.r6-auth:before{content:'';position:fixed;inset:0 0 0 41%;width:auto;height:auto;background:linear-gradient(90deg,#f8fcff,rgba(248,252,255,.14)),url('/assets/thai-lion-sky.webp') center/cover no-repeat;opacity:.82}
.r6-auth .auth-panel{border-color:#d7e6f2;box-shadow:0 25px 60px #24547a1c}
.r6-auth .auth-brand strong{color:#d6253c}
.r6-auth h1{color:#132444;font-weight:850}
.r6-auth .form-stack label{font-weight:750;color:#253d5e}
.r6-auth .form-stack input{color:#1d3455}
.r6-auth .btn-primary{background:linear-gradient(110deg,#df213b,#f04c51);color:#fff}
@media(min-width:1500px){.r6-admin .r4-banner:after{width:62%;background-position:center 49%}}
@media(max-width:1160px){.r6-public .r6-header-nav{gap:9px}.r6-public .r6-header-nav a{font-size:12px}.r6-admin .r4-banner:after{width:59%;background-position:center}}
@media(max-width:850px){.r6-admin .r4-banner:after{width:64%;opacity:.57}.r6-admin .r4-banner{min-height:180px;padding:22px}.r6-admin .r4-banner h1{font-size:31px}.r6-admin .r4-banner-en{font-size:18px}.r6-public .r6-header-nav{display:none}.r6-public .r6-information{grid-template-columns:1fr 1fr}.r6-public .hero{background-position:center 35%}}
@media(max-width:600px){.r6-admin .r4-banner{padding:20px;min-height:160px}.r6-admin .r4-banner:after{width:79%;opacity:.23}.r6-admin .r4-banner h1{font-size:27px}.r6-admin .r4-banner p{font-size:12px}.r6-admin .metric-card strong{font-size:27px}.r6-admin .metric-card small{font-size:12px}.r6-admin .data-table{min-width:770px}.r6-public .hero{background-position:62% 45%;background-image:linear-gradient(90deg,rgba(237,248,255,.98),rgba(239,248,255,.87)),url('/assets/thai-lion-sky.webp')}.r6-public .hero-grid{min-height:380px}.r6-public .hero h1{font-size:33px}.r6-public .hero-copy>p{font-size:14px}.r6-public .r6-information{grid-template-columns:1fr}.r6-public .r6-header-nav{display:none}.r6-auth:before{opacity:.18;inset:0;width:100%}}
@media(prefers-reduced-motion:reduce){.r6-admin *,.r6-public *,.r6-auth *{transition:none!important;animation:none!important}}