/* BizOn — lớp áo đất sét cho các trang CÔNG CỤ (giang-vien.html, instructor-grading.html).
   Chỉ đổi phần trình bày: KHÔNG đụng ID, module hay logic. Nạp SAU mọi stylesheet khác:
   <link rel="stylesheet" href="css/clay-tool-skin.css">  (đặt ngay trước </head>) */
@import url("bizon-clay-fonts.css");

/* ---- Vỏ thể chế (assets/css/shell.css) ---- */
:root{
  --paper:#FBF4E8; --band:#F3E6CF; --band-2:#EBDAB9;
  --ink:#033337; --ink-2:#3E5A5C; --ink-3:#6E8584; --rule:rgba(110,70,30,.16);
  --jade:#006687; --jade-dark:#00506A; --jade-soft:#DCEFF3;
  --silt:#C2410C; --gold:#B5790F; --on-jade:#FFFFFF;
  --sans:"Be Vietnam Pro","BVP Fallback",system-ui,sans-serif;
}
body{font-weight:400}
h1,h2{font-family:"Plus Jakarta Sans","PJS Fallback",var(--sans)}
.nav{background:transparent;backdrop-filter:none;border-bottom:0!important;padding-top:12px}
.nav .nav-in{background:#FFFBF4;border-radius:999px;padding:0 10px 0 20px;box-shadow:0 18px 30px -16px rgba(110,70,30,.35),inset 0 -6px 0 rgba(0,0,0,.05),inset 0 4px 0 rgba(255,255,255,.9)}
.tgl{border:0;border-radius:999px;background:#F3E6CF;padding:4px;box-shadow:inset 0 3px 5px rgba(110,70,30,.18)}
.tgl button{border-radius:999px;font-family:var(--sans);font-weight:800}
.ico{border:0;border-radius:50%;background:#F3E6CF;box-shadow:inset 0 -3px 0 rgba(110,70,30,.12)}
.btn{border-radius:18px;font-weight:700}
.btn-solid{background:#E8762D;color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.16),inset 0 3px 0 rgba(255,255,255,.35),0 10px 18px -8px rgba(232,118,45,.7)}
.btn-solid:hover{background:#D9661F}
.btn-line{border:0;background:#FFFBF4;box-shadow:inset 0 -4px 0 rgba(110,70,30,.12),0 8px 14px -10px rgba(110,70,30,.5)}
.yb{background:#FFE3A8!important;border-bottom:0!important}
.controls{border:0!important;padding:14px!important;border-radius:24px;background:#FFFBF4;box-shadow:inset 0 -5px 0 rgba(110,70,30,.08)}
.file-label,.sel select{border:0!important;border-radius:14px!important;background:#F3E6CF!important;box-shadow:inset 2px 3px 6px rgba(110,70,30,.16)}
.tbl-wrap{border:0!important;border-radius:24px;background:#FFFBF4;box-shadow:inset 0 -6px 0 rgba(110,70,30,.08),0 22px 32px -24px rgba(110,70,30,.5)}
.scale{gap:12px!important;background:transparent!important;border:0!important}
.scale div{border-radius:20px;background:#FFFBF4!important;box-shadow:inset 0 -5px 0 rgba(110,70,30,.08)}
.note{border-left:0!important;padding:16px 20px!important;border-radius:20px;background:#A9DCC4;color:#123B2E!important}
footer{border-top:0;background:#033337;color:#9CC9C9}
footer .tag,footer .body,.flinks a{color:#FFD58A!important}

/* ---- Hệ Tailwind cũ (css/tw.css + .clay-card) ---- */
html:not([data-theme="dark"]){background:#FBF4E8!important}
body{font-family:var(--sans)}
.font-display{font-family:"Plus Jakarta Sans","PJS Fallback",var(--sans)!important}
html:not([data-theme="dark"]) .clay-card{background:#FFFBF4;border-radius:28px;box-shadow:inset 0 -8px 0 rgba(110,70,30,.08),inset 0 5px 0 #fff,0 22px 32px -24px rgba(110,70,30,.5)}
html:not([data-theme="dark"]) .clay-sunken{background:#F3E6CF;box-shadow:inset 4px 5px 10px rgba(110,70,30,.16),inset -4px -4px 8px rgba(255,255,255,.7)}
.clay-btn{border-radius:18px}

/* ---- Khảo sát online (khao-sat-online.html) ---- */
header[data-net-hero]{background:#033337!important;border-radius:0 0 40px 40px;box-shadow:inset 0 -10px 0 rgba(0,0,0,.25)}
.gv-input{border:0!important;border-radius:14px!important;background:#F3E6CF!important;color:#033337!important;box-shadow:inset 2px 3px 6px rgba(110,70,30,.16)!important;font-family:var(--sans)}
.gv-input:focus{outline:3px solid #7FD3DC;outline-offset:1px}
.ks-opt{border:0!important;border-radius:16px!important;background:#FFFBF4!important;box-shadow:inset 0 -4px 0 rgba(110,70,30,.1),0 6px 12px -10px rgba(110,70,30,.5)!important}
.ks-opt:has(input:checked){background:#DCEFF3!important;box-shadow:inset 0 -4px 0 rgba(0,80,106,.18),0 0 0 2px #006687!important}
.text-deep-teal{color:#033337!important}

/* ---- Phiếu in A4 (khao-sat.html) – chỉ đổi trên màn hình, bản in giữ nguyên ---- */
@media screen{
  body:has(.sheet){background:#FBF4E8!important;font-family:var(--sans)!important}
  .sheet{border-radius:28px;box-shadow:inset 0 -8px 0 rgba(110,70,30,.08),0 28px 40px -26px rgba(110,70,30,.55)!important}
  .sheet h1,.sheet h2{font-family:"Plus Jakarta Sans","PJS Fallback",var(--sans)}
  .toolbar{flex-wrap:wrap}
  .toolbar button,.toolbar a{border-radius:18px!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 8px 14px -8px rgba(0,60,80,.5)}
  .consent,.instructor{border-radius:18px!important}
}

/* ---- Game Hộ chiếu Thương hiệu (brand-passport.html) ---- */
html:not([data-theme="dark"]) .glass-nav{background:rgba(255,251,244,.92)!important;box-shadow:0 14px 24px -16px rgba(110,70,30,.4)}
html:not([data-theme="dark"]) .bp-opt{border:0!important;border-radius:18px;background:#FFFBF4;box-shadow:inset 0 -4px 0 rgba(110,70,30,.1),0 6px 12px -10px rgba(110,70,30,.5)}
body{font-family:var(--sans)!important}