.classroom-view-switch{display:flex;gap:6px;margin:0 0 22px;padding:5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:max-content}.classroom-view-switch button{padding:8px 12px;border-radius:7px;color:#64748b;font-size:12px;font-weight:650}.classroom-view-switch button.selected{background:#fff;color:#d95a2d;box-shadow:0 1px 3px #0f172a1a}.classroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.classroom-card,.classroom-add-card{text-align:left;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:21px;min-height:210px;display:flex;flex-direction:column;transition:.18s transform,.18s box-shadow}.classroom-card:hover,.classroom-add-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a12}.classroom-card-top,.classroom-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.classroom-card-top span{font-weight:800}.classroom-card-top small{color:#64748b}.classroom-card h3{font-size:20px;letter-spacing:-.6px;margin:24px 0 9px}.classroom-card p{font-size:12px;color:#64748b;line-height:1.75}.classroom-card-meta{margin-top:auto;color:#64748b}.classroom-card-meta span{display:flex;gap:5px;align-items:center}.classroom-card-meta svg{width:14px}.classroom-coral{border-top:4px solid #f26b38}.classroom-coral .classroom-card-top span{color:#d95a2d}.classroom-sage{border-top:4px solid #65a30d}.classroom-sage .classroom-card-top span{color:#4d7c0f}.classroom-lilac{border-top:4px solid #8b5cf6}.classroom-lilac .classroom-card-top span{color:#7c3aed}.classroom-sky{border-top:4px solid #0284c7}.classroom-sky .classroom-card-top span{color:#0369a1}.classroom-add-card{justify-content:center;align-items:center;border-style:dashed;color:#64748b;text-align:center}.classroom-add-card svg{width:30px;height:30px;color:#f26b38;margin-bottom:12px}.classroom-add-card strong{color:#334155}.classroom-add-card span{font-size:11px;margin-top:5px}.classroom-empty{grid-column:1/-1;padding:42px 20px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#64748b}.classroom-detail-hero{display:flex;justify-content:space-between;gap:20px;padding:30px;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;background:#fff}.classroom-detail-hero>div:first-child{max-width:720px}.classroom-detail-hero span{font-size:11px;font-weight:800}.classroom-detail-hero h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.classroom-detail-hero p{font-size:13px;color:#64748b;line-height:1.8}.classroom-detail-hero small{display:block;margin-top:14px;color:#64748b}.classroom-detail-actions{display:flex;align-items:flex-start;flex-shrink:0}.classroom-detail-hero.classroom-coral{background:#fff8f4}.classroom-detail-hero.classroom-sage{background:#f7fdf1}.classroom-detail-hero.classroom-lilac{background:#faf8ff}.classroom-detail-hero.classroom-sky{background:#f4fbff}.classroom-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.classroom-section,.classroom-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px}.classroom-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.classroom-section h2,.classroom-side-card h2{font-size:17px}.classroom-stream-item{display:flex;gap:12px;padding:16px 0;border-top:1px solid #f1f5f9}.classroom-stream-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff1eb;color:#d95a2d;flex-shrink:0}.classroom-stream-icon svg{width:17px}.classroom-stream-item div{display:grid;gap:4px}.classroom-stream-item small{font-size:10px;color:#64748b}.classroom-stream-item strong{font-size:13px}.classroom-stream-item p{font-size:11px;color:#64748b;line-height:1.7}.classroom-side-card dl{margin:16px 0;display:grid;gap:11px}.classroom-side-card dl div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.classroom-side-card dt{color:#64748b}.classroom-side-card dd{margin:0;font-weight:700}.classroom-side-card .btn{width:100%}@media(max-width:900px){.classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-detail-grid{grid-template-columns:1fr}.classroom-side-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.classroom-side-card dl{grid-column:1/-1}}@media(max-width:600px){.classroom-grid{grid-template-columns:1fr}.classroom-detail-hero{padding:22px;flex-direction:column}.classroom-detail-hero h1{font-size:24px}.classroom-detail-actions .btn{width:100%}.classroom-detail-actions{width:100%}.classroom-view-switch{width:100%}.classroom-view-switch button{flex:1}.classroom-section-head{align-items:flex-start;flex-direction:column}}
/* 클래스룸 목록: 수업 탐색과 관리 */
.classroom-page{max-width:1320px;margin:0 auto;padding:6px 0 32px;--classroom-ink:#303741;--classroom-muted:#6c7480}
.classroom-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}
.classroom-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:10px}
.classroom-heading h1{font-size:30px;letter-spacing:-1.2px;margin:0 0 9px;line-height:1.25}
.classroom-heading p{font-size:13px;color:var(--classroom-muted);margin:0;line-height:1.7}
.classroom-heading>.btn{flex-shrink:0}
.classroom-overview{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px;background:linear-gradient(110deg,#fff3e9,#fffaf5 68%,#f7f5fb);border:1px solid #f3e5d9;border-radius:18px;margin-bottom:26px}
.classroom-overview-copy{display:flex;gap:17px;align-items:center;min-width:0}
.classroom-overview-icon{display:grid;place-items:center;width:52px;height:56px;background:#fff;border:1px solid #f3dfd1;border-radius:15px;color:#d66436;transform:rotate(-6deg);flex-shrink:0;box-shadow:0 4px 10px #9e623a0b}
.classroom-overview-icon svg{width:25px;height:25px}
.classroom-overview strong{font-size:18px;letter-spacing:-.5px;color:var(--classroom-ink)}
.classroom-overview p{font-size:12px;line-height:1.8;color:#877260;margin:6px 0 0}
.classroom-overview dl{display:flex;gap:28px;margin:0;flex-shrink:0}
.classroom-overview dl>div{min-width:85px}
.classroom-overview dt{font-size:11px;color:#877260;margin-bottom:6px}
.classroom-overview dd{margin:0;font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-1px;color:#53463c}
.classroom-overview dd small{font-size:12px;font-weight:500;margin-left:5px;letter-spacing:0}
.classroom-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.classroom-page .classroom-view-switch{margin:0;padding:4px;border:1px solid #e7e9ed;background:#eef0f3;border-radius:11px}
.classroom-page .classroom-view-switch button{font-size:12px;padding:9px 18px;min-height:36px}
.classroom-preview-note{font-size:10px;color:#8b929c}
.classroom-workspace{background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:24px}
.classroom-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.classroom-search{display:flex;align-items:center;gap:9px;min-width:180px;flex:1;max-width:420px;border:1px solid #dfe3e8;border-radius:9px;background:#fafbfc;padding:0 12px;color:#9099a5}
.classroom-search svg{width:17px;height:17px;flex-shrink:0}
.classroom-page .classroom-search input{min-width:0;width:100%;height:40px;border:0!important;background:transparent;font-size:12px;outline:none!important;padding:0;box-shadow:none}
.classroom-search:focus-within{outline:2px solid #f5a378;outline-offset:2px}
.classroom-toolbar select{height:42px;border-radius:9px;background:#fff;padding:0 28px 0 12px;font-size:12px;color:#596373;max-width:140px}
.classroom-manage-actions{margin-left:auto;display:flex;gap:8px}
.classroom-manage-actions .btn{font-size:11px;padding:10px 12px;min-height:40px}
.classroom-folder-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0f3;margin:20px 0 24px;padding-bottom:18px}
.classroom-folder-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.classroom-folder-filters button{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:36px;border:1px solid #e9ebee;border-radius:8px;color:#6c7480;background:#fff;font-size:12px;overflow-wrap:anywhere;text-align:left}
.classroom-folder-filters button.selected{border-color:#ffd7c4;color:#bb4c24;background:#fff2eb;font-weight:700}
.classroom-folder-filters svg{width:14px;height:14px;flex-shrink:0}
.classroom-folder-filters span{font-size:10px;color:#9299a3}
.classroom-folder-filters .selected span{color:#c97754}
.classroom-folder-post{display:flex;align-items:center;gap:6px;color:#bb4c24;font-size:11px;flex-shrink:0;padding:8px 0}
.classroom-folder-post svg{width:14px;height:14px}
.classroom-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.classroom-results-head h2{font-size:15px;margin:0;letter-spacing:-.4px;overflow-wrap:anywhere}
.classroom-results-head h2 span{color:#cc673e;font-size:13px;margin-left:5px}
.classroom-results-head p{font-size:11px;color:#8a929d;margin:0}
.classroom-page .classroom-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:18px}
.classroom-page .classroom-card{--classroom-accent:#c96542;--classroom-tint:#fff1e7;--classroom-decoration:#f0cebc;padding:0;min-height:302px;border:1px solid #e5e8ec;border-radius:13px;overflow:hidden;color:var(--classroom-ink);box-shadow:0 2px 4px #26374604;min-width:0}
.classroom-page .classroom-sage{--classroom-accent:#647d57;--classroom-tint:#eef4e9;--classroom-decoration:#cfdfc4}
.classroom-page .classroom-lilac{--classroom-accent:#8b72ae;--classroom-tint:#f3eff9;--classroom-decoration:#ddd1ec}
.classroom-page .classroom-sky{--classroom-accent:#4e849c;--classroom-tint:#edf5f8;--classroom-decoration:#c7dee8}
.classroom-page .classroom-card:hover{border-color:var(--classroom-decoration);box-shadow:0 8px 20px #26374610;transform:translateY(-3px)}
.classroom-card-cover{display:flex;align-items:center;gap:10px;padding:18px 20px;min-height:82px;background:var(--classroom-tint);color:var(--classroom-accent);border-bottom:1px solid #00000004;width:100%;box-sizing:border-box}
.classroom-subject-icon{display:grid;place-items:center;width:38px;height:42px;background:#ffffffa6;border:1px solid #ffffffb0;border-radius:10px;transform:rotate(-5deg);flex-shrink:0}
.classroom-subject-icon svg{width:20px;height:20px}
.classroom-subject{font-size:12px;font-weight:750;overflow-wrap:anywhere;min-width:0}
.classroom-card-cover small{margin-left:auto;font-size:9px;white-space:nowrap;opacity:.85}
.classroom-card-body{padding:20px;display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box;min-width:0}
.classroom-card-folder{font-size:10px;color:#87909a}
.classroom-page .classroom-card h3{font-size:19px;line-height:1.45;letter-spacing:-.7px;margin:5px 0 7px;overflow-wrap:anywhere}
.classroom-page .classroom-card p{font-size:11px;line-height:1.8;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b8490;min-height:39px}
.classroom-card-latest{display:flex;align-items:center;gap:6px;padding:11px 0;border-top:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4;font-size:10px;color:#66717e;margin-top:auto}
.classroom-card-latest svg{width:13px;height:13px;color:#98a0aa;flex-shrink:0}
.classroom-card-latest>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.classroom-card-latest small{font-size:9px;color:#9aa1aa;white-space:nowrap}
.classroom-page .classroom-card-meta{gap:12px;margin-top:14px;font-size:10px;justify-content:flex-start;color:#7b8490}
.classroom-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--classroom-tint);color:var(--classroom-accent);font-size:10px;font-weight:650}
.classroom-card-enter{margin-left:auto;color:#a4abb3}
.classroom-page .classroom-add-card{min-height:302px;border:1px dashed #dedfe5;border-radius:13px;background:#fcfcfd;padding:24px;gap:7px}
.classroom-add-icon{display:grid;place-items:center;width:42px;height:42px;background:#fff2e9;border-radius:50%;margin-bottom:4px}
.classroom-page .classroom-add-card svg{width:20px;height:20px;margin:0}
.classroom-page .classroom-add-card strong{font-size:13px}
.classroom-page .classroom-add-card>span:last-child{font-size:11px;color:#9298a2;margin:0;line-height:1.7}
.classroom-page .classroom-empty{padding:48px 20px;background:#fcfcfd;border:1px dashed #e1e5eb}
.classroom-empty-icon{display:grid;place-items:center;margin:0 auto 15px;background:#fff1e7;color:#ce7049;width:48px;height:48px;border-radius:15px}
.classroom-empty-icon svg{width:23px;height:23px}
.classroom-empty h3{font-size:16px;color:#4c5663;margin:0 0 8px}
.classroom-empty p{font-size:12px;margin:0 0 22px;line-height:1.8}
.classroom-empty .btn{margin:4px}
.classroom-page button:focus-visible{outline:2px solid #e87b47;outline-offset:3px}
@media(min-width:1500px){.classroom-page .classroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.classroom-overview{padding:22px;gap:18px}.classroom-overview dl{gap:16px}.classroom-overview dl>div{min-width:70px}.classroom-manage-actions{margin-left:0}.classroom-search{max-width:none}}
@media(max-width:700px){.classroom-heading{align-items:flex-start;gap:16px;margin-bottom:20px}.classroom-heading h1{font-size:26px}.classroom-heading p{font-size:12px}.classroom-heading>.btn{font-size:11px;padding:10px 12px}.classroom-overview{flex-direction:column;align-items:stretch;padding:20px;gap:20px}.classroom-overview dl{border-top:1px solid #ecdfd4;padding-top:15px;gap:32px}.classroom-overview dl>div{display:flex;align-items:center;gap:12px}.classroom-overview dt{margin:0}.classroom-overview dd{font-size:23px}.classroom-overview strong{font-size:16px}.classroom-overview p{font-size:11px}.classroom-workspace{padding:18px}.classroom-results-head p{display:none}.classroom-preview-note{font-size:9px}.classroom-page .classroom-view-switch{width:auto}.classroom-page .classroom-view-switch button{padding:8px 12px}.classroom-folder-bar{flex-wrap:wrap}.classroom-folder-filters{gap:6px}.classroom-folder-filters button{font-size:11px;padding:7px 10px}.classroom-manage-actions{width:100%}.classroom-manage-actions .btn{flex:1}.classroom-toolbar select{max-width:115px}.classroom-search{min-width:140px}.classroom-page .classroom-grid{gap:14px}}
@media(max-width:420px){.classroom-heading{flex-direction:column}.classroom-heading>.btn{width:100%;justify-content:center}.classroom-overview-copy{gap:12px}.classroom-overview-icon{width:40px;height:44px}.classroom-overview dl{gap:20px}.classroom-overview dl>div{gap:7px}.classroom-overview dt{font-size:10px}.classroom-preview-note{max-width:75px;text-align:right}.classroom-workspace{padding:14px}.classroom-toolbar{gap:8px}.classroom-toolbar select{width:92px;padding-left:8px;padding-right:16px}.classroom-search{padding:0 9px}.classroom-page .classroom-search input{font-size:11px}}
@media(prefers-reduced-motion:reduce){.classroom-card,.classroom-add-card{transition:none}.classroom-page .classroom-card:hover{transform:none}}
.classroom-page .classroom-view-switch button{white-space:nowrap}
.classroom-share-actions{display:grid;gap:7px}.classroom-share-actions .btn{width:100%}
.classroom-mode-bar{display:none}.classroom-focus .topbar .mobile-menu{display:none!important}.classroom-access-gate{max-width:460px;margin:72px auto;padding:30px;border:1px solid #eaded6;border-radius:16px;background:#fff;text-align:center}.classroom-access-gate>span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#c86638}.classroom-access-gate h1{margin:9px 0;font-size:25px}.classroom-access-gate>p{margin:0 0 23px;color:#76808a;font-size:12px;line-height:1.7;text-align:left}.classroom-access-gate .modal-footer{margin-top:4px}.classroom-access-gate .modal-footer .btn-outline{display:none}
.classroom-preview-note{word-break:keep-all}
.classroom-student-panel{grid-column:1/-1;margin-top:2px}.classroom-student-actions{display:flex;gap:7px;flex-wrap:wrap}.classroom-student-actions .btn{font-size:11px;padding:9px 10px}.classroom-student-ai-note{margin:2px 0 16px;padding:10px 12px;border-radius:8px;background:#fff5ed;color:#815f4e;font-size:11px;line-height:1.7}.classroom-student-table-wrap{overflow:auto}.classroom-student-table{border-collapse:collapse;width:100%;min-width:900px}.classroom-student-table th,.classroom-student-table td{padding:10px 8px;border-bottom:1px solid #edf0f3;text-align:left;font-size:12px}.classroom-student-table th{background:#fcfcfd;color:#687280;font-size:11px;white-space:nowrap}.classroom-student-table th small{display:block;margin-top:3px;color:#a56f55;font-weight:400}.classroom-student-table input,.classroom-student-table select{width:100%;min-width:72px;border:1px solid transparent;border-radius:6px;background:transparent;padding:7px;font:inherit;font-size:12px}.classroom-student-table select{border-color:#e4e7eb;background:#fff}.classroom-student-table input:focus,.classroom-student-table select:focus{border-color:#e69a73;background:#fffaf7;outline:0}.classroom-student-table td:nth-child(4){min-width:230px}.classroom-student-delete{padding:4px 8px;border:1px solid #eedcd2;border-radius:6px;background:#fff;color:#a76040}.classroom-student-muted{font-size:11px;color:#9ba1a8;white-space:nowrap}.classroom-student-empty{text-align:center;color:#8f98a2;padding:30px!important}@media(max-width:700px){.classroom-student-actions{width:100%}.classroom-student-actions .btn{flex:1}}
.classroom-activity-group-cell{display:grid;gap:5px;min-width:112px}.classroom-activity-group-cell select{min-width:112px}.classroom-activity-group-cell .classroom-student-muted{padding:7px}
.classroom-activity-edit{margin-left:5px;padding:2px 5px;border:1px solid #e2e7ec;border-radius:5px;background:#fff;color:#687587;font-size:10px;font-weight:600}.classroom-activity-edit:hover{border-color:#e59b75;color:#c95227}
.classroom-student-row-actions{display:flex;gap:4px;align-items:center}.classroom-student-ai{padding:4px 6px;border:1px solid #f0d8cb;border-radius:6px;background:#fff8f4;color:#bd5830;font-size:10px;font-weight:750}.classroom-student-ai:hover{background:#fff0e7}
.classroom-focus .sidebar{display:none}.classroom-focus .workspace{margin-left:0}.classroom-local-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}.classroom-local-nav button{padding:8px 12px;border:1px solid #e7e9ed;border-radius:8px;background:#fff;color:#68717c;font-size:12px}.classroom-local-nav button:first-child{border-color:#ffd5c1;background:#fff4ee;color:#c35d31;font-weight:700}.classroom-comments{border-top:1px solid #eceff2;padding-top:15px}.classroom-comments h3{font-size:13px;margin:0 0 10px}.classroom-comments ul{display:grid;gap:8px;margin:0 0 15px;padding:0;list-style:none}.classroom-comments li{display:grid;gap:3px;padding:10px 11px;border-radius:8px;background:#fafbfc;font-size:12px}.classroom-comments li strong{font-size:11px;color:#a45631}.classroom-comment-empty,.classroom-comment-closed{color:#9299a2;font-size:11px;line-height:1.7}@media(max-width:700px){.classroom-local-nav{overflow:auto;flex-wrap:nowrap}.classroom-local-nav button{white-space:nowrap}}
.classroom-confirmation-panel{grid-column:1/-1}.classroom-confirmation-list{display:grid;gap:9px}.classroom-confirmation-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #eceff2;border-radius:9px}.classroom-confirmation-list strong,.classroom-confirmation-list small{display:block}.classroom-confirmation-list strong{font-size:13px}.classroom-confirmation-list small{margin-top:4px;color:#868f99;font-size:11px}.classroom-confirmation-list article>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.classroom-confirmation-list button{border:1px solid #e8ded7;border-radius:7px;background:#fff;padding:7px 9px;color:#8a5c43;font-size:11px}.classroom-confirmation-empty{font-size:12px;color:#8f98a2;line-height:1.7}.classroom-confirmation-picker{display:grid;gap:8px;border:1px solid #e8ebee;border-radius:8px;padding:12px;font-size:12px}.classroom-confirmation-picker legend{padding:0 5px;color:#68727e}.classroom-confirmation-picker label{display:flex;gap:7px;align-items:center}.classroom-confirmation-table-wrap{overflow:auto}.classroom-confirmation-table{border-collapse:collapse;width:100%;min-width:570px;font-size:12px}.classroom-confirmation-table th,.classroom-confirmation-table td{padding:9px 7px;border-bottom:1px solid #eceff2;text-align:left}.classroom-confirmation-table th{font-size:11px;color:#76808b}.classroom-confirmation-table label{white-space:nowrap}.classroom-student-confirm{grid-column:1/-1}.classroom-confirmation-open{display:grid;gap:4px;width:100%;padding:15px;text-align:left;border-top:1px solid #edf0f2}.classroom-confirmation-open:first-of-type{border-top:0}.classroom-confirmation-open span{font-size:10px;color:#bf6539}.classroom-confirmation-open strong{font-size:13px}.classroom-confirmation-open small{font-size:11px;color:#858e98}.classroom-score-view{width:100%;border-collapse:collapse;font-size:13px}.classroom-score-view th,.classroom-score-view td{padding:10px;border-bottom:1px solid #eceff2;text-align:left}.classroom-score-view th{color:#737d88;font-size:12px}@media(max-width:700px){.classroom-confirmation-list article{align-items:flex-start;flex-direction:column}}

.classroom-progress-card{align-self:start}.classroom-progress-card h2{margin:0 0 12px}.classroom-progress-card p{margin:0}.classroom-progress-title{font-size:14px;font-weight:750;line-height:1.6;color:#3b4551}.classroom-progress-note{margin-top:9px!important;font-size:12px;line-height:1.75;color:#707a85;white-space:pre-wrap}.classroom-progress-card small{display:block;margin-top:10px;color:#8b939d;font-size:10px}.classroom-progress-card .btn{margin-top:16px}
.classroom-operation-card{align-self:start}.classroom-operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.classroom-operation-head span{display:block;color:#bc633a;font-size:10px;font-weight:750;letter-spacing:.06em}.classroom-operation-head h2{margin:4px 0 0;font-size:16px}.classroom-operation-head b{padding:6px 8px;border-radius:999px;background:#fff3eb;color:#c86638;font-size:11px}.classroom-operation-card section+section{margin-top:16px;padding-top:14px;border-top:1px solid #edf0f2}.classroom-operation-card h3{margin:0 0 7px;color:#6e7781;font-size:11px}.classroom-operation-note,.classroom-operation-empty{margin:0;color:#52606d;font-size:12px;line-height:1.7;white-space:pre-wrap}.classroom-operation-empty{color:#939aa3}.classroom-operation-links{display:grid;gap:6px}.classroom-operation-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:7px;background:#f7fafb;color:#39728d;font-size:11px;overflow:hidden}.classroom-operation-links a:hover{background:#edf7fa}.classroom-operation-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.classroom-operation-actions>a{color:#bd6238;font-size:11px;font-weight:700}.classroom-operation-actions .btn{margin:0;font-size:11px;padding:8px 10px}.classroom-operation-card>small{display:block;margin-top:11px;color:#959ca5;font-size:10px}

/* 클래스룸 게시글: 학교 게시판과 같은 읽기·첨부 흐름 */
.classroom-section .classroom-stream-item{width:100%;border:0;border-top:1px solid #f1f5f9;background:transparent;text-align:left;align-items:flex-start;position:relative}
.classroom-section .classroom-stream-item:hover{background:#fffaf7}
.classroom-section .classroom-stream-item:focus-visible{outline:2px solid #e87b47;outline-offset:-2px}
.classroom-stream-item>div{min-width:0;flex:1}
.classroom-stream-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classroom-stream-item p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.classroom-stream-open{align-self:center;color:#abb2bb}.classroom-stream-open svg{width:16px;height:16px}

/* 수업교실별 게시판 왼쪽 메뉴 */
.classroom-local-nav{display:flex!important;position:sticky;top:8px;z-index:8;margin:0 0 16px;padding:6px;border:1px solid #e7ebef;border-radius:11px;background:#fff;box-shadow:0 3px 10px #23354a0a}.classroom-local-nav button{border:0;background:transparent}.classroom-local-nav button:first-child{border:0}.classroom-board-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.classroom-board-sidebar{position:static;border:1px solid #e5e8ec;border-radius:13px;background:#fff;padding:12px;box-shadow:none}.classroom-board-sidebar-head{display:none}.classroom-board-sidebar nav{display:flex;gap:4px;overflow:auto}.classroom-board-sidebar nav>button{flex:0 0 auto;width:auto;padding:8px 10px}.classroom-board-sidebar nav>button>span{display:none}.classroom-board-sidebar nav small{display:none}.classroom-board-sidebar-bottom{display:none}.classroom-post-board-picker{margin-bottom:14px}@media(max-width:700px){.classroom-local-nav{overflow:auto;flex-wrap:nowrap}.classroom-local-nav button{white-space:nowrap}.classroom-board-sidebar{padding:9px}}

/* 수업교실 교사용 작업 흐름 */
.classroom-teacher-workspace{margin:0 0 18px;padding:20px;border:1px solid #e5e9ee;border-radius:14px;background:linear-gradient(125deg,#fffaf6,#fff)}.classroom-teacher-workspace>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.classroom-teacher-workspace header span{display:block;color:#be6239;font-size:10px;font-weight:800;letter-spacing:.08em}.classroom-teacher-workspace h2{margin:4px 0 5px;font-size:18px;letter-spacing:-.5px}.classroom-teacher-workspace p{margin:0;color:#717b86;font-size:12px;line-height:1.7}.classroom-teacher-workspace .btn{min-height:36px;padding:8px 10px;font-size:11px}.classroom-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.classroom-workflow-grid>button{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:78px;padding:12px;border:1px solid #e8ebef;border-radius:10px;background:#fff;text-align:left}.classroom-workflow-grid>button:hover{border-color:#efb18d;background:#fffaf7}.classroom-workflow-grid>button>b{position:absolute;top:7px;right:9px;color:#bac1c9;font-size:10px}.classroom-workflow-icon{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff0e7;color:#c45e31}.classroom-workflow-icon svg{width:17px;height:17px}.classroom-workflow-grid strong{font-size:12px;color:#35404c}.classroom-workflow-grid small{overflow:hidden;color:#7d8792;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.classroom-workflow-grid i{grid-column:3;grid-row:1/3;color:#bf6136;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}@media(max-width:800px){.classroom-workflow-grid{grid-template-columns:1fr}.classroom-workflow-grid>button{min-height:66px}}@media(max-width:540px){.classroom-teacher-workspace{padding:16px}.classroom-teacher-workspace>header{align-items:stretch;flex-direction:column}.classroom-teacher-workspace .btn{width:100%;justify-content:center}.classroom-workflow-grid small{white-space:normal}.classroom-local-nav{padding:4px}.classroom-local-nav button{padding:8px 10px}}