
.ytbs-shell{display:grid;grid-template-columns:1fr;gap:20px;max-width:1200px}
.ytbs-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.ytbs-card h3{margin-top:22px;padding:8px 10px;background:#f3f8ff;border-left:4px solid #0a4f93}
.ytbs-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}
.ytbs-one{grid-template-columns:1fr}
.ytbs-full{grid-column:1/-1}
.ytbs-grid label,.ytbs-card label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.ytbs-grid input,.ytbs-grid select,.ytbs-grid textarea,.ytbs-card textarea{width:100%;border-radius:8px}
.ytbs-delete{color:#b32d2e!important;border-color:#b32d2e!important}
.ytbs-attachments-box{border:1px solid #d9e7f7;background:#f8fbff;border-radius:10px;padding:12px;display:grid;gap:8px}
.ytbs-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:9px}
.ytbs-check input{width:auto!important;margin-top:3px}
.ytbs-check small{display:block;color:#667085;font-weight:400}
.ytbs-upload-form{border:1px solid #e5e7eb;border-radius:10px;background:#fbfcff;padding:14px;margin-bottom:18px}
.ytbs-info{background:#eaf7ff;border:1px solid #9ed8ff;border-radius:8px;padding:10px;margin:8px 0 14px}
@media(max-width:782px){.ytbs-grid{grid-template-columns:1fr}.ytbs-full{grid-column:auto}}

.ytbs-login-box{max-width:420px;margin:60px auto;background:#fff;border:1px solid #d9e7f7;border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ytbs-login-box h2{margin-top:0;color:#063a63}
.ytbs-login-box label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:700}
.ytbs-login-box input{padding:10px;border:1px solid #cbd5e1;border-radius:8px}
.ytbs-login-box button{width:100%;background:#063a63;color:white;border:0;border-radius:8px;padding:12px;font-weight:700;cursor:pointer}
.ytbs-login-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:8px;padding:10px;margin-bottom:14px}
.ytbs-loginbar{max-width:1200px;margin:12px auto;background:#eaf7ff;border:1px solid #9ed8ff;border-radius:8px;padding:10px}
.ytbs-loginbar a{font-weight:700}
.ytbs-frontend-wrap .ytbs-shell{margin-left:auto;margin-right:auto}

.ytbs-progress-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:#f8fbff;border:1px solid #d9e7f7;border-radius:10px;padding:12px;margin-bottom:10px}
.ytbs-progress-head label{display:flex;flex-direction:column;gap:6px;font-weight:700;min-width:260px}
.ytbs-progress-head input{border-radius:8px}
.ytbs-progress-summary{font-size:13px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}
.ytbs-progress-table-wrap{overflow-x:auto}
.ytbs-progress-table input,.ytbs-progress-table textarea{width:100%;border-radius:6px}
.ytbs-progress-table textarea{min-height:46px}
.ytbs-progress-table th,.ytbs-progress-table td{vertical-align:top}

.ytbs-progress-total-row th{background:#063a63!important;color:#fff!important;font-weight:800!important}
.ytbs-progress-total-row span{font-weight:800}
.ytbs-progress-grandbox{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:12px 0;background:#063a63;color:#fff;border-radius:10px;padding:12px;font-size:15px}
.ytbs-progress-grandbox strong{font-size:17px}
@media(max-width:782px){.ytbs-progress-grandbox{grid-template-columns:1fr}}

.ytbs-total-input{width:100%!important;text-align:center!important;font-weight:800!important;border:2px solid #ffffff!important;background:#ffffff!important;color:#063a63!important}
.ytbs-total-warning{border-color:#f97316!important;background:#fff7ed!important;color:#9a3412!important}
.ytbs-total-ok{border-color:#22c55e!important;background:#f0fdf4!important;color:#166534!important}
.ytbs-total-warning-text{color:#ffd7a8!important}
.ytbs-total-ok-text{color:#bbf7d0!important}

.ytbs-progress-autonote{background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:8px;padding:10px;margin:10px 0;font-weight:700}
