
/* ═══════════════════════════════════════════════════════════════
   NURSINGRIDGE ADL TOOL v2.0 — CSS
   ALL visual properties use !important to override Drupal theme
   ═══════════════════════════════════════════════════════════════ */

#kat,#kat *{box-sizing:border-box !important;margin:0 !important;padding:0 !important;}
#kat{
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:15px !important;
  color:#1F2937 !important;
  background:#F8FAFC !important;
  line-height:1.6 !important;
  min-height:100vh !important;
}

/* ── VER BAR ─────────────────────────────────────────────── */
#kat .ver-bar{
  text-align:right !important;
  padding:5px 20px !important;
  font-size:11px !important;
  color:rgba(255,255,255,.6) !important;
  background:#153A5B !important;
  letter-spacing:.04em !important;
}
#kat .ver-num{color:rgba(255,255,255,.85) !important;font-weight:600 !important;}

/* ── PROGRESS BAR ────────────────────────────────────────── */
#kat .prog{
  background:#fff !important;
  border-bottom:1px solid #D8E0E8 !important;
  padding:0 24px !important;
  display:flex !important;
  overflow-x:auto !important;
}
#kat .ps{
  display:flex !important;align-items:center !important;gap:8px !important;
  padding:12px 16px 12px 0 !important;
  color:#6B7C90 !important;font-size:13px !important;white-space:nowrap !important;
}
#kat .ps+.ps::before{content:'›' !important;color:#D8E0E8 !important;margin-right:16px !important;font-size:16px !important;}
#kat .ps.on{color:#153A5B !important;}
#kat .ps.done{color:#2D9C9C !important;}
#kat .psn{
  width:22px !important;height:22px !important;border-radius:50% !important;
  background:#D8E0E8 !important;color:#6B7C90 !important;
  font-size:11px !important;font-weight:600 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;
}
#kat .ps.on .psn{background:#153A5B !important;color:#fff !important;}
#kat .ps.done .psn{background:#2D9C9C !important;color:#fff !important;}

/* ── PATIENT BAR ──────────────────────────────────────────── */
#kat .ptbar{
  background:#153A5B !important;padding:10px 24px !important;
  display:none !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important;
}
#kat .ptbar.vis{display:flex !important;}
#kat .ptchip{
  background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.15) !important;
  border-radius:6px !important;padding:4px 10px !important;font-size:12px !important;color:#d4e8f5 !important;
}
#kat .ptchip strong{color:#fff !important;font-weight:500 !important;}
#kat .ptedit{margin-left:auto !important;font-size:12px !important;color:#7aaac4 !important;cursor:pointer !important;text-decoration:underline !important;}

/* ── LAYOUT ───────────────────────────────────────────────── */
#kat .body{padding:24px !important;max-width:900px !important;margin:0 auto !important;}
#kat .pg{display:none !important;}
#kat .pg.on{display:block !important;}

/* ── CARDS ────────────────────────────────────────────────── */
#kat .card{
  background:#fff !important;border-radius:10px !important;
  border:1px solid #D8E0E8 !important;margin-bottom:16px !important;overflow:hidden !important;
}
#kat .ch{
  padding:14px 20px !important;background:#f7f9fc !important;
  border-bottom:1px solid #D8E0E8 !important;
  display:flex !important;align-items:center !important;gap:12px !important;
}
#kat .ch h3{font-size:16px !important;font-weight:700 !important;color:#153A5B !important;margin:0 !important;}
#kat .cb{padding:20px !important;}

/* ── STEP TAGS ────────────────────────────────────────────── */
#kat .stag{
  display:inline-block !important;
  font-size:11px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:.12em !important;
  color:#fff !important;background:#153A5B !important;
  padding:5px 14px !important;border-radius:4px !important;
  margin-bottom:0 !important;flex-shrink:0 !important;
}
#kat .ltag{
  font-size:10px !important;font-weight:600 !important;text-transform:uppercase !important;
  letter-spacing:.08em !important;color:#C79A3B !important;background:#FEF9EC !important;
  padding:2px 8px !important;border-radius:4px !important;margin-left:auto !important;
}

/* ── STEP CARD COLORS ─────────────────────────────────────── */
#kat #card-age   {background:#D9EEF2 !important;border:none !important;border-left:6px solid #153A5B !important;}
#kat #card-dx    {background:#D9EEF2 !important;border:none !important;border-left:6px solid #2D9C9C !important;}
#kat #card-sec   {background:#F8FAFC !important;border:none !important;border-left:6px solid #D8E0E8 !important;}
#kat #card-verbal{background:#EEF0F8 !important;border:none !important;border-left:6px solid #1F4E79 !important;}
#kat #card-ndf   {background:#FEF9EC !important;border:none !important;border-left:6px solid #C79A3B !important;}
#kat #card-adl   {background:#D9EEF2 !important;border:none !important;border-left:6px solid #153A5B !important;}
#kat #behcard    {background:#FEF9EC !important;border:none !important;border-left:6px solid #C79A3B !important;}
#kat #assistCard {background:#D9EEF2 !important;border:none !important;border-left:6px solid #2D9C9C !important;}

#kat #card-age   .stag{background:#153A5B !important;}
#kat #card-dx    .stag{background:#2D9C9C !important;}
#kat #card-sec   .stag{background:#1F4E79 !important;}
#kat #card-verbal .stag{background:#1F4E79 !important;}
#kat #card-ndf   .stag{background:#C79A3B !important;}
#kat #card-adl   .stag{background:#153A5B !important;}
#kat #behcard    .stag{background:#C79A3B !important;}
#kat #assistCard .stag{background:#2D9C9C !important;}

/* ── FORM ELEMENTS ────────────────────────────────────────── */
#kat .fld{margin-bottom:18px !important;}
#kat .fld:last-child{margin-bottom:0 !important;}
#kat .lbl{
  display:block !important;font-size:12px !important;font-weight:600 !important;
  text-transform:uppercase !important;letter-spacing:.07em !important;
  color:#1F4E79 !important;margin-bottom:8px !important;
}
#kat select,#kat input[type=number]{
  width:100% !important;padding:10px 12px !important;
  border:2px solid #D8E0E8 !important;border-radius:8px !important;
  font-family:inherit !important;font-size:14px !important;color:#1F2937 !important;
  background:#fff !important;appearance:auto !important;
}
#kat select:focus,#kat input:focus{
  outline:none !important;border-color:#2D9C9C !important;
  box-shadow:0 0 0 3px rgba(45,156,156,.12) !important;
}

/* ── BUTTONS ──────────────────────────────────────────────── */
#kat .btn{
  padding:12px 24px !important;border:none !important;border-radius:8px !important;
  font-family:inherit !important;font-size:14px !important;font-weight:600 !important;
  cursor:pointer !important;transition:all .15s !important;
  display:inline-flex !important;align-items:center !important;gap:8px !important;
}
#kat .btn-t{
  background:#153A5B !important;color:#fff !important;
  box-shadow:0 2px 8px rgba(21,58,91,.3) !important;
}
#kat .btn-t:hover{background:#1F4E79 !important;transform:translateY(-1px) !important;}
#kat .btn-p{
  background:#2D9C9C !important;color:#fff !important;
  box-shadow:0 2px 8px rgba(45,156,156,.3) !important;
}
#kat .btn-p:hover{background:#1e8080 !important;transform:translateY(-1px) !important;}
#kat .btn-g{
  background:#F8FAFC !important;color:#1F4E79 !important;
  border:2px solid #D8E0E8 !important;
}
#kat .btn-g:hover{background:#D9EEF2 !important;border-color:#2D9C9C !important;}
#kat .btnrow{
  display:flex !important;gap:10px !important;flex-wrap:wrap !important;margin-top:16px !important;
}

/* ── CATEGORY PILLS ───────────────────────────────────────── */
#kat .cpill{
  padding:10px 20px !important;border-radius:6px !important;
  border:2px solid #D8E0E8 !important;background:#F8FAFC !important;
  font-size:13px !important;font-weight:600 !important;color:#4a6a88 !important;
  cursor:pointer !important;transition:all .15s !important;user-select:none !important;
}
#kat .cpill:hover{border-color:#2D9C9C !important;background:#D9EEF2 !important;color:#153A5B !important;}
#kat .cpill.on{
  background:#153A5B !important;border-color:#153A5B !important;
  color:#fff !important;font-weight:700 !important;
  box-shadow:0 2px 8px rgba(21,58,91,.4) !important;
}

/* ── DX LIST ──────────────────────────────────────────────── */
#kat .dxi{
  display:flex !important;align-items:center !important;gap:12px !important;
  padding:11px 14px !important;border-radius:6px !important;cursor:pointer !important;
  transition:all .12s !important;border:2px solid transparent !important;
  background:#F8FAFC !important;margin-bottom:2px !important;
}
#kat .dxi:hover{background:#D9EEF2 !important;border-color:#2D9C9C !important;}
#kat .dxi.on{background:#2D9C9C !important;border-color:#2D9C9C !important;}
#kat .dxi.on .dxn{color:#fff !important;font-weight:700 !important;}
#kat .dxi.on .dxc{color:#c0eaea !important;}
#kat .dxr{
  width:16px !important;height:16px !important;border-radius:50% !important;
  border:2px solid #D8E0E8 !important;flex-shrink:0 !important;
}
#kat .dxi.on .dxr{background:#fff !important;border-color:#fff !important;}
#kat .dxn{font-size:14px !important;font-weight:500 !important;color:#1F2937 !important;}
#kat .dxc{font-size:11px !important;color:#6B7C90 !important;margin-left:auto !important;}

/* ── ADL BUTTONS ──────────────────────────────────────────── */
#kat .adlgrid{
  display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:8px !important;
}
@media(max-width:620px){#kat .adlgrid{grid-template-columns:repeat(2,1fr) !important;}}
#kat .adlbtn{
  padding:20px 10px 16px !important;
  border:3px solid #D8E0E8 !important;border-radius:10px !important;
  text-align:center !important;cursor:pointer !important;
  transition:all .15s !important;background:#F8FAFC !important;
}
#kat .adlbtn:hover{border-color:#2D9C9C !important;background:#D9EEF2 !important;}
#kat .adlbtn.on{
  border-color:#153A5B !important;background:#153A5B !important;
  box-shadow:0 4px 16px rgba(21,58,91,.45) !important;
}
#kat .adlbtn .ai{font-size:22px !important;margin-bottom:6px !important;}
#kat .adlbtn .al{
  font-size:12px !important;font-weight:600 !important;color:#153A5B !important;
  letter-spacing:.03em !important;
}
#kat .adlbtn.on .al{color:#fff !important;font-weight:700 !important;}

/* ── BEHAVIOR CHIPS ───────────────────────────────────────── */
#kat .bchip{
  padding:10px 16px !important;border:2px solid #D8E0E8 !important;border-radius:6px !important;
  font-size:13px !important;color:#4a6a88 !important;cursor:pointer !important;
  transition:all .12s !important;user-select:none !important;background:#F8FAFC !important;
}
#kat .bchip:hover{border-color:#C79A3B !important;background:#FEF9EC !important;color:#7a5a08 !important;}
#kat .bchip.on{
  background:#C79A3B !important;border-color:#C79A3B !important;
  color:#fff !important;font-weight:700 !important;
  box-shadow:0 2px 8px rgba(199,154,59,.4) !important;
}
#kat .bchip.nonec.on{background:#6B7C90 !important;border-color:#6B7C90 !important;}

/* ── VERBAL BUTTONS ───────────────────────────────────────── */
#kat .vbtn{
  padding:18px 14px !important;border:3px solid #D8E0E8 !important;border-radius:10px !important;
  text-align:center !important;cursor:pointer !important;transition:all .15s !important;
  background:#F8FAFC !important;
}
#kat .vbtn:hover{border-color:#2D9C9C !important;background:#D9EEF2 !important;}
#kat .vbtn.on{
  border-color:#2D9C9C !important;background:#2D9C9C !important;
  box-shadow:0 4px 14px rgba(45,156,156,.45) !important;
}
#kat .vbtn .vi{font-size:24px !important;margin-bottom:6px !important;}
#kat .vbtn .vl{font-size:13px !important;font-weight:600 !important;color:#153A5B !important;}
#kat .vbtn.on .vl{color:#fff !important;font-weight:700 !important;}
#kat .vbtn .vs{font-size:11px !important;color:#6B7C90 !important;margin-top:2px !important;}
#kat .vbtn.on .vs{color:#c0eaea !important;}

/* ── NDF CHIPS ────────────────────────────────────────────── */
#kat .ndf-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:6px !important;margin-top:10px !important;}
@media(max-width:540px){#kat .ndf-grid{grid-template-columns:1fr !important;}}
#kat .ndf-chip{
  padding:11px 14px !important;border:2px solid #D8E0E8 !important;border-radius:6px !important;
  background:#F8FAFC !important;cursor:pointer !important;font-size:13px !important;color:#4a6a88 !important;
  transition:all .12s !important;display:flex !important;align-items:center !important;gap:10px !important;
}
#kat .ndf-chip:hover{border-color:#2D9C9C !important;background:#D9EEF2 !important;color:#153A5B !important;}
#kat .ndf-chip.on{
  border-color:#153A5B !important;background:#153A5B !important;color:#fff !important;font-weight:600 !important;
  box-shadow:0 2px 8px rgba(21,58,91,.35) !important;
}
#kat .ndf-dot{
  width:10px !important;height:10px !important;border-radius:50% !important;
  border:2px solid #D8E0E8 !important;flex-shrink:0 !important;
}
#kat .ndf-chip.on .ndf-dot{background:#fff !important;border-color:#fff !important;}

/* ── ASSIST TIER BUTTONS ──────────────────────────────────── */
#kat .assist-btn{
  padding:14px 16px !important;border:2.5px solid #D8E0E8 !important;border-radius:8px !important;
  background:#F8FAFC !important;cursor:pointer !important;transition:all .12s !important;
  margin-bottom:6px !important;display:flex !important;align-items:center !important;gap:14px !important;
}
#kat .assist-btn:hover{border-color:#2D9C9C !important;background:#D9EEF2 !important;}
#kat .assist-btn.on{
  border-color:#153A5B !important;background:#153A5B !important;
  box-shadow:0 3px 12px rgba(21,58,91,.4) !important;
}
#kat .assist-dot{
  width:14px !important;height:14px !important;border-radius:50% !important;
  border:2px solid #D8E0E8 !important;flex-shrink:0 !important;
}
#kat .assist-btn.on .assist-dot{background:#fff !important;border-color:#fff !important;}
#kat .assist-info{flex:1 !important;}
#kat .assist-name{font-size:14px !important;font-weight:600 !important;color:#153A5B !important;}
#kat .assist-btn.on .assist-name{color:#fff !important;font-weight:700 !important;}
#kat .assist-desc{font-size:12px !important;color:#8fa9c0 !important;margin-top:2px !important;line-height:1.4 !important;}
#kat .assist-btn.on .assist-desc{color:#a0c4dc !important;}

/* ── VALIDATION ERRORS ────────────────────────────────────── */
#kat .verr{
  background:#fdeaea !important;border:1.5px solid #e05050 !important;border-radius:8px !important;
  padding:10px 14px !important;font-size:13px !important;color:#8a1010 !important;
  display:none !important;margin-bottom:10px !important;align-items:center !important;gap:8px !important;
}
#kat .verr.show{display:flex !important;}
#kat select.err,#kat input.err{border-color:#e05050 !important;}

/* ── OUTPUT CARDS ─────────────────────────────────────────── */
#kat .ogrid{
  display:grid !important;grid-template-columns:1fr 1fr !important;
  gap:12px !important;margin-bottom:16px !important;
}
#kat .ogrid.single{grid-template-columns:1fr !important;}
@media(max-width:700px){#kat .ogrid{grid-template-columns:1fr !important;}}

#kat .ocard{
  background:#fff !important;border-radius:10px !important;
  border:1px solid #D8E0E8 !important;overflow:hidden !important;
}
#kat .ocard.full{grid-column:1/-1 !important;}
#kat .och{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  padding:12px 16px !important;background:#f7f9fc !important;
  border-bottom:1px solid #D8E0E8 !important;
}
#kat .oct{font-size:13px !important;font-weight:700 !important;color:#153A5B !important;}
#kat .ocb{padding:16px !important;font-size:14px !important;color:#1F2937 !important;line-height:1.7 !important;}
#kat .ocb p{margin-bottom:10px !important;}
#kat .ocb p:last-child{margin-bottom:0 !important;}
#kat .ocb strong{font-weight:700 !important;color:#153A5B !important;}
#kat .ocb ul{margin:8px 0 8px 20px !important;padding:0 !important;}
#kat .ocb li{margin-bottom:6px !important;font-size:14px !important;}

/* ── OUTPUT CARD COLOR VARIANTS ───────────────────────────── */
#kat .ocard.l1{border-top:3px solid #153A5B !important;}
#kat .ocard.l1 .och{background:#edf3f8 !important;}
#kat .ocard.l1 .oct{color:#153A5B !important;}
#kat .ocard.l2l{border-top:3px solid #1F4E79 !important;}
#kat .ocard.l2l .och{background:#eef0f8 !important;}
#kat .ocard.l2r{border-top:3px solid #2D9C9C !important;}
#kat .ocard.l2r .och{background:#e6f5f5 !important;}
#kat .ocard.l3a{border-top:3px solid #5B45C0 !important;grid-column:1/-1 !important;}
#kat .ocard.l3a .och{background:#f0edfd !important;}
#kat .ocard.l3b{border-top:3px solid #1F4E79 !important;grid-column:1/-1 !important;}
#kat .ocard.l3b .och{background:#eef0f8 !important;}
#kat .ocard.l3c{border-top:3px solid #C79A3B !important;grid-column:1/-1 !important;}
#kat .ocard.l3c .och{background:#fef9ec !important;}
#kat .ocard.l3c .oct{color:#C79A3B !important;}
#kat .ocard.l3d{border-top:3px solid #2D9C9C !important;grid-column:1/-1 !important;}
#kat .ocard.beh-add{border-top:3px solid #C79A3B !important;grid-column:1/-1 !important;}
#kat .ocard.ndf-card{border-top:3px solid #6B7C90 !important;grid-column:1/-1 !important;}

/* ── L1 DOMAIN GRID ───────────────────────────────────────── */
#kat .l1grid{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;margin-bottom:12px !important;
}
@media(max-width:700px){#kat .l1grid{grid-template-columns:1fr !important;}}
#kat .l1domain{
  background:#f7f9fc !important;border:1px solid #D8E0E8 !important;
  border-radius:8px !important;padding:14px !important;
}
#kat .l1domain-title{
  font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;
  letter-spacing:.1em !important;color:#1F4E79 !important;margin-bottom:8px !important;
}
#kat .l1domain-text{font-size:13px !important;color:#1F2937 !important;line-height:1.6 !important;}

/* ── L2 TWO-COLUMN TABLE ──────────────────────────────────── */
#kat .l2table{
  display:grid !important;grid-template-columns:1fr 1fr !important;
  gap:0 !important;border:1px solid #D8E0E8 !important;border-radius:10px !important;overflow:hidden !important;
  margin-bottom:12px !important;
}
@media(max-width:700px){#kat .l2table{grid-template-columns:1fr !important;}}
#kat .l2col{padding:16px !important;}
#kat .l2col-l{
  background:#eef0f8 !important;
  border-right:1px solid #D8E0E8 !important;
}
@media(max-width:700px){#kat .l2col-l{border-right:none !important;border-bottom:1px solid #D8E0E8 !important;}}
#kat .l2col-r{background:#e6f5f5 !important;}
#kat .l2col-header{
  font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;
  letter-spacing:.1em !important;margin-bottom:10px !important;padding-bottom:8px !important;
  border-bottom:2px solid rgba(0,0,0,.06) !important;
}
#kat .l2col-l .l2col-header{color:#1F4E79 !important;}
#kat .l2col-r .l2col-header{color:#2D9C9C !important;}
#kat .l2col-sub{font-size:11px !important;color:#6B7C90 !important;margin-bottom:6px !important;font-style:italic !important;}
#kat .l2col-body{font-size:13px !important;color:#1F2937 !important;line-height:1.7 !important;}
#kat .l2col-body ul{margin:6px 0 0 16px !important;padding:0 !important;}
#kat .l2col-body li{margin-bottom:5px !important;}

/* ── ASSIST CONTEXT NOTE ──────────────────────────────────── */
#kat .assist-context-note{
  background:#D9EEF2 !important;border-radius:8px !important;padding:10px 14px !important;
  font-size:13px !important;color:#153A5B !important;line-height:1.6 !important;margin-bottom:12px !important;
}
#kat .assist-context-note strong{color:#153A5B !important;}

/* ── FLAG BOXES ───────────────────────────────────────────── */
#kat .flag{
  display:flex !important;gap:12px !important;padding:12px 16px !important;
  border-radius:8px !important;margin-bottom:12px !important;font-size:13px !important;
}
#kat .flag.prog{background:#fef9ec !important;border:1px solid #C79A3B !important;color:#7a5a08 !important;}
#kat .flag.acq{background:#fdeaea !important;border:1px solid #e05050 !important;color:#8a1010 !important;}
#kat .flag span{font-size:18px !important;flex-shrink:0 !important;}

/* ── COPY BUTTON ──────────────────────────────────────────── */
#kat .cpybtn{
  padding:5px 12px !important;border:1px solid #D8E0E8 !important;border-radius:5px !important;
  background:#F8FAFC !important;font-size:12px !important;color:#4a6a88 !important;
  cursor:pointer !important;font-family:inherit !important;transition:all .12s !important;
}
#kat .cpybtn:hover{background:#D9EEF2 !important;border-color:#2D9C9C !important;color:#153A5B !important;}

/* ── COLLAPSIBLE ──────────────────────────────────────────── */
#kat .collapse-toggle{
  font-size:13px !important;color:#2D9C9C !important;cursor:pointer !important;
  text-decoration:underline !important;background:none !important;border:none !important;
  font-family:inherit !important;padding:0 !important;margin-top:8px !important;display:inline-block !important;
}
#kat .collapsible{overflow:hidden !important;transition:max-height .3s ease !important;}

/* ── LOOP NOTE ────────────────────────────────────────────── */
#kat .loopnote{
  font-size:12px !important;color:#6B7C90 !important;background:#f7f9fc !important;
  border:1px solid #D8E0E8 !important;border-radius:6px !important;
  padding:8px 14px !important;margin-top:8px !important;
}

/* ── PRINT ────────────────────────────────────────────────── */
.mds-auth-layout { display: grid; gap: 18px; align-items: start; margin: 16px 0 28px; }
.mds-auth-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.mds-auth-card { background: #fff; border: 1px solid #D8E0E8; border-radius: 14px; padding: 22px 24px; box-shadow: 0 10px 24px rgba(31, 41, 55, 0.04); }
.mds-auth-card--hero { background: linear-gradient(135deg, #F8FAFC 0%, #eef6fa 65%, #D9EEF2 100%); border-top: 4px solid #C79A3B; }
.mds-auth-card--support { background: #fbfdff; }
.mds-auth-option { height: 100%; }
.mds-auth-option--login { border-top: 4px solid #1F4E79; }
.mds-auth-option--code { border-top: 4px solid #2D9C9C; }
.mds-auth-card h2,
.mds-auth-card h3 { color: #153A5B; margin-top: 0; }
.mds-auth-card p { color: #1F2937; line-height: 1.6; }
.mds-auth-card .form-item { margin-bottom: 14px; }
.mds-auth-card label { display: block; margin-bottom: 6px; font-weight: 600; color: #153A5B; }
.mds-auth-card input[type="text"],
.mds-auth-card input[type="password"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #D8E0E8;
  border-radius: 10px;
  font-size: 14px;
  color: #1F2937;
  background: #fff;
}
.mds-auth-card input[type="text"]:focus,
.mds-auth-card input[type="password"]:focus {
  outline: none;
  border-color: #1F4E79;
  box-shadow: 0 0 0 3px rgba(31, 78, 121, 0.14);
}
.mds-auth-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.mds-auth-kicker { display: inline-block; margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #1F4E79; }
a.mds-btn-primary,
input.mds-btn-primary,
.mds-btn-primary {
  display: inline-block;
  padding: 10px 24px;
  background: #1F4E79;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(31, 78, 121, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
a.mds-btn-primary:hover,
input.mds-btn-primary:hover,
.mds-btn-primary:hover {
  background: #153A5B;
  box-shadow: 0 10px 20px rgba(21, 58, 91, 0.24);
  transform: translateY(-1px);
}
.mds-btn-secondary {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  color: #153A5B;
  border: 1px solid #D8E0E8;
  border-radius: 999px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}

@media print{
  #kat .prog,#kat .ptbar,#kat .btnrow,#kat .ver-bar{display:none !important;}
  #kat .ocard{break-inside:avoid !important;}
}

@media (max-width: 820px) {
  .mds-auth-choice-grid {
    grid-template-columns: 1fr;
  }
}
