.uo-kdh-wrap{font-family:Arial,Helvetica,sans-serif;max-width:1180px;margin:0 auto;padding:18px;color:#162033}.uo-kdh-wrap h1{text-align:center;font-size:36px;margin:10px 0 24px}.uo-kdh-note{background:#d9f7e6;border:1px solid #b8e9cc;border-radius:5px;text-align:center;padding:12px;color:#08713f}.uo-kdh-note span{background:#1267d8;color:white;border-radius:12px;padding:3px 12px;font-weight:700}.uo-kdh-card{display:flex;box-shadow:0 10px 35px #0001;margin-top:14px;min-height:465px}.uo-kdh-steps{width:285px;background:#f0f3f6}.uo-kdh-steps button{border:0;background:transparent;width:100%;padding:24px 18px;text-align:left;font-size:16px;cursor:pointer}.uo-kdh-steps button.active{background:#35b8d5;color:#fff}.uo-kdh-steps b{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:#222;margin-right:15px;font-size:22px}.uo-kdh-form{flex:1;padding:28px 40px}.uo-kdh-form section{display:none}.uo-kdh-form section.active{display:block}.uo-kdh-form label{display:block;font-size:14px;color:#59687a;margin:0 0 18px}.uo-kdh-form input,.uo-kdh-form select,.uo-kdh-form textarea{box-sizing:border-box;width:100%;height:40px;border:1px solid #cfd8e3;border-radius:5px;padding:8px 12px;margin-top:8px;font-size:15px}.uo-kdh-form textarea{height:70px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.mini-title{font-size:14px;color:#59687a;margin-top:12px}.warn,.result{background:#fff3d8;border:1px solid #ffe1a3;border-radius:5px;padding:12px;color:#79520b}.result{background:#e8faee;border-color:#bfe8ca;display:flex;align-items:center;gap:12px;justify-content:space-between;color:#111}.result button{background:#6846c7;color:white;border:0;border-radius:5px;padding:12px 20px;font-weight:700}.nav{text-align:right;margin-top:34px}.nav button{border:0;border-radius:4px;background:#22aeda;color:white;padding:12px 22px;margin-left:10px;font-weight:700}#kdh_pdf_area{display:none}
@media(max-width:900px){.uo-kdh-card{display:block}.uo-kdh-steps{width:auto}.grid2,.grid3,.days{grid-template-columns:1fr}.uo-kdh-form{padding:20px}}
@media print{body>*:not(#uo-kdh){display:none!important}.uo-kdh-wrap h1,.uo-kdh-note,.uo-kdh-card{display:none!important}#kdh_pdf_area{display:block!important}.kdh-page{page-break-after:always}.kdh-page:last-child{page-break-after:auto}}
.kdh-page{font-family:Arial,Helvetica,sans-serif;width:277mm;height:190mm;margin:0 auto 8mm;padding:8mm 10mm;box-sizing:border-box;background:#fff;color:#000}.kdh-head{text-align:center;font-size:9px;line-height:1.25;margin-bottom:7mm}.kdh-head .title{font-size:14px;font-weight:bold;margin-top:2px}.kdh-table{width:100%;border-collapse:collapse;table-layout:fixed}.kdh-table td,.kdh-table th{border:1px solid #000;font-size:7px;padding:1px;vertical-align:top}.kdh-date{width:16mm;text-align:center;vertical-align:middle!important;white-space:normal;line-height:1.25;font-size:8px!important}.kdh-day{width:10mm;text-align:center;vertical-align:middle!important;font-size:8px!important}.kdh-sign{width:26mm;text-align:center;vertical-align:middle!important;font-size:7px!important}.kdh-lesson{height:18mm}.kdh-sign .name{font-weight:bold;margin-bottom:4px}.kdh-approval{text-align:center;font-size:11px;margin-top:12mm;line-height:1.8}

.kdh-topbar{display:flex;justify-content:flex-end;margin:0 0 6px}.kdh-home-btn,.nav-home{display:inline-block;background:#28a745;color:#fff!important;text-decoration:none;border-radius:5px;padding:10px 16px;font-weight:700}.kdh-home-btn:hover,.nav-home:hover{background:#218838;color:#fff!important}.kdh-home-btn.small{padding:10px 14px}.result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-actions button#kdh_new{background:#22aeda}.result-actions button#kdh_clear{background:#6c757d}.nav{display:flex;justify-content:flex-end;align-items:center;gap:10px}.nav button{margin-left:0}.nav-home{margin-right:auto;background:#28a745}
@media(max-width:700px){.kdh-topbar{justify-content:center}.uo-kdh-wrap h1{font-size:28px}.result{display:block}.result strong{display:block;margin-bottom:12px}.result-actions{display:grid;grid-template-columns:1fr;gap:8px}.result-actions button,.result-actions a{text-align:center;width:100%;box-sizing:border-box}.nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav-home{grid-column:1/-1;margin-right:0;text-align:center}.nav button{width:100%;margin:0}}
.result[hidden]{display:none!important}