.orientation-topic-modal{width:min(760px,calc(100vw - 24px));height:min(92dvh,850px);max-height:92dvh;overflow:hidden}
.orientation-topic-form{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.orientation-topic-form .dialog-body{max-height:none;min-height:0;overflow:auto}
.orientation-topic-form [data-topic-feedback]:empty{display:none}
.orientation-topic-form header h2{font-size:1.3rem}
.orientation-topic-form header p{margin-top:6px;line-height:1.5}
.topic-callout{background:#f0f7f3;color:#264c38;border-left:3px solid #148448;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6;margin:0 0 16px}
.topic-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.topic-editor-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.topic-editor-table input,.topic-score-table input,.topic-remarks textarea{width:100%;border:1px solid #c5d5cb;border-radius:8px;padding:9px 10px;font:inherit;color:#193e2b;background:#fff}
.topic-editor-table input[type=number],.topic-score-table input{min-width:85px;max-width:140px}
.topic-editor-table th,.topic-editor-table td,.topic-score-table th,.topic-score-table td{padding:12px;font-size:14px}
.topic-score-table{min-width:400px}
.topic-editor-table{min-width:460px}
.topic-confirm{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin-top:18px}
.topic-confirm input{margin-top:6px;flex-shrink:0}
.topic-score-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.topic-score-facts>div{padding:12px;background:#f5f8f6;border-radius:10px}
.topic-score-facts span{display:block;font-size:12px;color:#566a5c;margin-bottom:5px}
.topic-score-facts strong{font-size:18px;color:#173f2b}
.topic-computation{display:block;font-weight:700;font-size:17px;line-height:1.5;background:#eaf5ee;color:#145332;border-radius:10px;padding:14px;margin:18px 0}
.topic-remarks{display:grid;gap:8px;font-size:14px;font-weight:600}
.orientation-topic-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f0f7f3;border:1px solid #d6e7dc;border-radius:12px;margin-bottom:16px;color:#254831}
.orientation-topic-banner small{display:block;line-height:1.5;margin-top:4px}
.training-score-result [data-view-topic-scores]{margin-top:7px}
@media(max-width:600px){.topic-editor-toolbar,.orientation-topic-banner{align-items:flex-start;flex-direction:column}.topic-score-facts{gap:6px}.topic-score-facts>div{padding:9px}.topic-score-facts strong{font-size:16px}.orientation-topic-form .dialog-body{padding:14px}.orientation-topic-form header{padding:16px}.orientation-topic-form footer{flex-wrap:wrap;padding:14px}.orientation-topic-form footer .form-feedback{width:100%}}