/* 셀파M 하늘색 테마 — 배치와 입력 동작은 유지 */
:root{--nav:#112d46;--green:#247fb6;--accent:#8ed4fb;--bg:#f3f9fd;--ink:#203b52;--muted:#798fa1;--line:#dceaf4}
body{color:#203b52;background:#112d46}
.brand{color:#f2f9ff}.brand-mark,.brand-m{color:#8bd4ff}.brand small{color:#8eafc7}.workspace-label{color:#7fa4c0}
.side-active{background:#245b80;color:#e4f6ff;border-color:#316b91}.side-active:hover{background:#2b678e}.side-dot{background:#98dcff}
.sidebar-bottom{border-color:#2d4b65;color:#e2eff9}.sidebar-bottom small{color:#8eacc3}.avatar{background:#9ddcfc;color:#225678}.workspace-badge{border-color:#3b5a73;color:#9abbd1}
.topbar{border-color:#e9f1f7;color:#8a9eaf}.topbar strong{color:#49657a}.topbar b{color:#abc2d3}.preview-pill{background:#edf7fd;color:#658eab}.preview-pill i{background:#69b8e6}
.page-heading h1{color:#203b52}.page-heading p{color:#8197a7}.student-bar{background:#f5faff;box-shadow:0 6px 26px #18476b0a}.student-icon{background:#e0f1fc;color:#4f98c1}.student-selector label{color:#8ba4b6}.student-selector select{color:#254961}.student-summary{border-color:#dbeaf5;color:#86a0b3}.save-status{color:#699abb}.save-status.error,.error{color:#ad514b}.student-bar .button{border-color:#d8e9f5;color:#4a82a8}
.tabs{background:#edf5fb}.tabs button span{color:#7d9ab0}.tabs button.active{background:#fff;box-shadow:0 3px 8px #17659612}.tabs button.active span{color:#247fb6}
.hint{background:#edf7fe;color:#7c9db4}.hint b{color:#4683ac}.hint>span{color:#70afd6}
.panel{background:#f6faff;box-shadow:0 6px 26px #18476b09}.panel h2{color:#2b506b}.panel-heading p{color:#8ea7b8}.tag{background:#e6f3fc;color:#70a4c7}
.field>span,.field>label,.text-record label{color:#3e6480}.field small{color:#94aabb}.required{color:#59a8d7}
input,select,textarea{background:#f7fbff;border-color:#dbe8f2;color:#274b65;box-shadow:0 1px 2px #104c7503}.field input,.field select,.field textarea{background:#ffffffb3}input::placeholder,textarea::placeholder{color:#a2b7c6}input:hover,select:hover,textarea:hover{border-color:#a9cfe7}input:focus,select:focus,textarea:focus{background:white;border-color:#65afe0;box-shadow:0 0 0 3px #80c8f326}input:invalid{border-color:#bc7763}.student-selector select{background:transparent}
.button{background:#fff;color:#4b7898;border-color:#d7e7f3}.button:hover{background:#eaf5fd}.primary{background:#247fb6;border-color:#247fb6;color:white}.primary:hover{background:#1a6d9e;box-shadow:0 3px 9px #17629119}.button:focus-visible,a:focus-visible{outline-color:#7ac4f1}
.gradebar button{background:#eef6fc;color:#779db9}.gradebar button.active{background:#dceffd;color:#337da9;border-color:#b4d8f0}.gradebar label{color:#83a1b8}
.input-guide{background:#edf6fc;color:#4a7c9f}.input-guide h2{color:#2d5f82}.guide-item>span{background:#dceefa;color:#6cadd4}.guide-item h3{color:#4c84a8}.guide-item p{color:#88a6ba}.guide-note{color:#90adbf;border-color:#d9e9f5}
.subtle{color:#91a9bb}th{background:#eaf3fb;color:#749cb8}td{border-bottom-color:#e1edf6}td input,td select{background:#fff}.text-button{background:#eaf5fd;border-color:#d2e8f7;color:#5a9ac2}.icon-button{color:#8caec5}.icon-button:hover{background:#e8f4fc}.text-record .count{color:#91afc4}
.disclosure{background:#f6faff;box-shadow:0 6px 26px #18476b08}.disclosure summary{color:#355f7e}.disclosure summary .index{background:#e1f0fc;color:#78adcf}.disclosure summary small{color:#94aec1}.disclosure summary:after{color:#90b4cd}.disclosure-body .toolbar{border-color:#e1edf6}.record-status select{background:white}
.review-card{background:#fff;border-color:#deebf5}.review-card h3{color:#355d7b}.review-card strong{color:#438fbe}.review-card p{color:#859fb2}.empty{color:#92adbf}.notice{background:#f8f6ee;color:#96835d;border-color:#eae0c7}
footer{border-color:#e8f0f7;color:#9ab1c2}dialog{color:#244960;box-shadow:0 20px 90px #10335444}dialog::backdrop{background:#143a5766}.eyebrow{color:#70a9cd}#toast{background:#194e72;color:#f2faff}