/* BHYT Student UI Ver10 - visual only, no business logic changes */
:root{
  --pdu-green:#009b68;
  --pdu-green-dark:#006b4a;
  --pdu-green-deep:#00533b;
  --pdu-mint:#e8f8f2;
  --pdu-mint-2:#f3fbf8;
  --pdu-ink:#10231d;
  --pdu-muted:#64756f;
  --pdu-line:#dfeae6;
  --pdu-glass:rgba(255,255,255,.88);
  --pdu-shadow:0 20px 55px rgba(15,51,40,.10);
  --pdu-shadow-soft:0 10px 30px rgba(15,51,40,.07);
}
html{scroll-behavior:smooth}
body.pd-bhyt-page{
  background:
    radial-gradient(circle at 8% 2%,rgba(0,155,104,.13),transparent 28rem),
    radial-gradient(circle at 93% 8%,rgba(61,205,154,.10),transparent 25rem),
    linear-gradient(180deg,#f7fbf9 0%,#f3f8f6 48%,#fbfdfc 100%)!important;
}
.pd-app-shell{padding-bottom:64px!important}
.pd-brand-hero{padding:18px 16px 0!important;margin-bottom:18px!important}
.pd-hero-card{
  max-width:1170px!important;min-height:184px!important;padding:26px 30px!important;
  border-radius:30px!important;border:1px solid rgba(255,255,255,.68)!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(255,255,255,.22),transparent 12rem),
    radial-gradient(circle at 18% 120%,rgba(126,237,194,.19),transparent 18rem),
    linear-gradient(135deg,#005b42 0%,#008e63 50%,#08ad78 100%)!important;
  box-shadow:0 24px 60px rgba(0,94,65,.24)!important;
}
.pd-hero-brand{gap:22px!important;width:100%}
.pd-logo-box{
  width:310px!important;min-width:310px!important;height:88px!important;padding:13px 16px!important;
  border-radius:24px!important;background:#fff!important;border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 18px 42px rgba(0,48,34,.18)!important;
}
.pd-logo-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important}
.pd-eyebrow{color:#d8fff0!important;font-size:11px!important;letter-spacing:.14em!important}
.pd-hero-copy h1{font-size:clamp(28px,3.2vw,43px)!important;letter-spacing:-.035em!important}
.pd-hero-copy p{max-width:620px!important;color:rgba(255,255,255,.9)!important}
.pd-hero-chip{
  padding:11px 15px!important;border-radius:16px!important;background:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px)
}

/* App-like 3-step strip */
.pdu-flow-wrap{max-width:1170px;margin:0 auto 22px;padding:0 15px}
.pdu-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pdu-flow-item{
  display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:1px solid rgba(218,232,227,.95);
  border-radius:20px;background:rgba(255,255,255,.90);box-shadow:var(--pdu-shadow-soft);backdrop-filter:blur(10px)
}
.pdu-flow-icon{
  width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;
  background:linear-gradient(145deg,#e8f8f2,#d9f3e9);color:var(--pdu-green-dark);box-shadow:inset 0 0 0 1px rgba(0,155,104,.09)
}
.pdu-flow-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pdu-flow-copy b{display:block;margin:0 0 3px;font-size:13px;color:var(--pdu-ink)}
.pdu-flow-copy span{display:block;font-size:11px;line-height:1.35;color:var(--pdu-muted);font-weight:600}

/* Cards + app section icons */
.block-news>fieldset,.can_xuan>fieldset,.can_xuan_rieng fieldset{
  border:1px solid rgba(218,232,227,.92)!important;border-radius:26px!important;background:var(--pdu-glass)!important;
  box-shadow:var(--pdu-shadow)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
fieldset.pdu-section{position:relative;padding-top:29px!important}
fieldset.pdu-section>legend{
  display:flex!important;align-items:center;gap:10px!important;margin-bottom:20px!important;padding:8px 13px 8px 9px!important;
  border-radius:16px!important;background:#f1faf6!important;color:var(--pdu-green-deep)!important;
}
fieldset.pdu-section>legend:before{
  content:'';width:34px;height:34px;flex:0 0 34px;border-radius:11px;background-color:var(--pdu-green)!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important;
  box-shadow:0 7px 16px rgba(0,155,104,.20)
}
fieldset.pdu-search>legend:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")}
fieldset.pdu-student>legend:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c.7-4 3-6 7-6s6.3 2 7 6'/%3E%3C/svg%3E")}
fieldset.pdu-location>legend:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
fieldset.pdu-insurance>legend:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.8 3 8.2 7 10 4-1.8 7-5.2 7-10V6l-7-3Z'/%3E%3Cpath d='M9 12h6M12 9v6'/%3E%3C/svg%3E")}
fieldset.pdu-family>legend:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='10' r='2.5'/%3E%3Cpath d='M3 21c.5-4 2.5-6 6-6s5.5 2 6 6M14 16c3.5-.8 6 .9 7 4'/%3E%3C/svg%3E")}

.txt,.txtenabale,select.form-control,input.form-control,textarea.form-control{
  min-height:54px!important;height:54px!important;border-radius:16px!important;border-color:#d8e5e0!important;
  box-shadow:0 5px 16px rgba(25,64,51,.04)!important;font-size:14px!important;background:#fff!important
}
.txt:focus,.txtenabale:focus,select.form-control:focus,input.form-control:focus{
  border-color:#33ae83!important;box-shadow:0 0 0 4px rgba(0,155,104,.10),0 8px 20px rgba(25,64,51,.06)!important
}
.center-me{font-size:12px!important;color:#27453b!important;font-weight:800!important}
.custom-search-botton{
  min-height:56px!important;border-radius:17px!important;background:linear-gradient(135deg,#00684a,#00a46f)!important;
  box-shadow:0 13px 28px rgba(0,127,87,.20)!important;letter-spacing:.01em!important
}
.custom-search-botton:hover,.custom-search-botton:focus{box-shadow:0 16px 34px rgba(0,127,87,.28)!important}
#Label1{border-color:#ccefe1!important;background:#eefaf5!important;color:#0a6b4c!important;border-radius:16px!important}

/* Mobile: native-app visual rhythm */
@media(max-width:900px){
  .pd-hero-card{display:block!important;padding:22px!important}
  .pd-hero-brand{display:block!important}
  .pd-logo-box{width:min(100%,300px)!important;min-width:0!important;height:82px!important;margin-bottom:18px}
  .pd-hero-chip{display:inline-flex!important;margin-top:16px}
}
@media(max-width:767px){
  body.pd-bhyt-page{background:linear-gradient(180deg,#f5faf8 0%,#f7faf9 100%)!important}
  .pd-app-shell{padding-bottom:34px!important}
  .pd-brand-hero{padding:0!important;margin-bottom:12px!important}
  .pd-hero-card{border-radius:0 0 28px 28px!important;padding:18px 16px 21px!important;min-height:auto!important}
  .pd-logo-box{width:250px!important;height:68px!important;padding:9px 12px!important;border-radius:17px!important;margin-bottom:15px!important}
  .pd-hero-copy h1{font-size:25px!important}
  .pd-hero-copy p{font-size:12px!important;line-height:1.55!important;margin-top:7px!important}
  .pd-eyebrow{font-size:9px!important;margin-bottom:6px!important}
  .pd-hero-chip{font-size:10px!important;padding:8px 10px!important;border-radius:12px!important;margin-top:12px!important}
  .pdu-flow-wrap{padding:0 10px;margin-bottom:14px}
  .pdu-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .pdu-flow-item{min-height:92px;padding:10px 7px;display:block;text-align:center;border-radius:18px}
  .pdu-flow-icon{width:42px;height:42px;margin:0 auto 7px;border-radius:13px}
  .pdu-flow-copy b{font-size:11px;line-height:1.25}
  .pdu-flow-copy span{display:none}
  .block-news>fieldset,.can_xuan>fieldset,.can_xuan_rieng fieldset{border-radius:21px!important;padding:18px 13px 14px!important;margin-bottom:14px!important;box-shadow:0 10px 28px rgba(15,51,40,.075)!important}
  fieldset.pdu-section>legend{font-size:11px!important;padding:7px 10px 7px 7px!important;border-radius:14px!important;margin-bottom:14px!important}
  fieldset.pdu-section>legend:before{width:31px;height:31px;flex-basis:31px;border-radius:10px;background-size:16px 16px!important}
  .txt,.txtenabale,select.form-control,input.form-control,textarea.form-control{min-height:55px!important;height:55px!important;border-radius:15px!important;font-size:15px!important;padding:11px 13px!important}
  .center-me{min-height:28px!important;padding:3px 2px 4px!important;font-size:12px!important}
  .custom-search-botton{min-height:57px!important;border-radius:16px!important;font-size:13px!important}
}