/* MATCHSIK v28.39 — premium admin teacher management */
.atm-page{display:grid;gap:18px}.atm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px 2px}.atm-head h2{margin:4px 0 5px;font-size:30px;letter-spacing:-.045em;color:#173b38}.atm-head p{margin:0;color:#73827e;font-size:13px}.atm-kicker{display:block;color:#6b7f79;font-size:9px;font-weight:950;letter-spacing:.13em}
.atm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.atm-kpis article{padding:16px 17px;border:1px solid #e1e7e4;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(34,62,57,.035)}.atm-kpis small{display:block;color:#7a8985;font-size:10px;font-weight:850}.atm-kpis strong{display:block;margin-top:3px;color:#173b38;font-size:27px;line-height:1.1}.atm-kpis span{display:block;margin-top:3px;color:#899692;font-size:9px}.atm-kpis .kakao-kpi{background:linear-gradient(145deg,#fffef8,#fff);border-color:#eee6c8}
.atm-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:14px;align-items:start}.atm-directory,.atm-editor{border:1px solid #dfe6e3;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(31,57,52,.055)}.atm-directory{position:sticky;top:88px;overflow:hidden}.atm-directory-head{display:grid;gap:10px;padding:16px;border-bottom:1px solid #edf1ef;background:#fbfcfb}.atm-directory-head>div{display:flex;align-items:baseline;justify-content:space-between}.atm-directory-head b{font-size:15px}.atm-directory-head small{color:#84918d;font-size:10px}.atm-search{width:100%;height:40px;border:1px solid #dbe3e0;border-radius:11px;background:#fff;padding:0 12px;outline:none;font:inherit;font-size:12px;color:#173b38}.atm-search:focus{border-color:#8bb0a5;box-shadow:0 0 0 3px rgba(49,95,87,.08)}
.atm-teacher-list{display:grid;gap:6px;max-height:680px;overflow:auto;padding:9px}.atm-teacher-card{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:11px;border:1px solid transparent;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.16s}.atm-teacher-card:hover{background:#f7faf8}.atm-teacher-card.selected{background:#eef5f2;border-color:#cfe0da}.atm-avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:13px;background:#e9f1ee;color:#315f57;font-size:15px;font-weight:950}.atm-avatar.large{width:56px;height:56px;border-radius:17px;font-size:19px}.atm-avatar img{width:100%;height:100%;object-fit:cover}.atm-teacher-copy{min-width:0}.atm-teacher-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#173b38}.atm-teacher-copy>small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8b86;font-size:9.5px}.atm-card-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.atm-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#f1f4f3;color:#677975;font-size:8.5px;font-weight:900;white-space:nowrap}.atm-chip.ok{background:#e5f4ed;color:#17644f}.atm-chip.info{background:#edf1f8;color:#405e86}.atm-chip.muted{background:#f3f3f1;color:#7c8682}.atm-chip.kakao{background:#f7f7f3;color:#6c716e}.atm-chip.kakao i{width:6px;height:6px;border-radius:50%;background:#aab2ae}.atm-chip.kakao.connected{background:#fff6c9;color:#5f5317}.atm-chip.kakao.connected i{background:#f1c900}.atm-chip.kakao.reauth{background:#fff0e7;color:#9a4f22}.atm-chip.kakao.reauth i{background:#e67a35}.atm-chevron{color:#99a7a2;font-size:23px;font-weight:300}.atm-empty{padding:38px 18px;text-align:center;color:#7d8a86;font-size:12px}
.atm-editor{overflow:hidden}.atm-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px;border-bottom:1px solid #edf1ef;background:linear-gradient(180deg,#fff,#fcfdfc)}.atm-editor-person{display:flex;align-items:center;gap:13px;min-width:0}.atm-editor-person h3{margin:3px 0 0;font-size:20px;letter-spacing:-.035em}.atm-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px 0}.atm-status-box{display:grid;gap:11px;padding:15px;border:1px solid #e1e7e4;border-radius:15px;background:#fbfcfb}.atm-status-box.kakao-box.connected{background:#fffdf3;border-color:#eee3ae}.atm-status-box.kakao-box.reauth{background:#fff9f4;border-color:#f1d9c8}.atm-status-title{display:flex;align-items:center;gap:10px}.atm-status-title>b{display:block}.atm-status-title small{display:block;margin-top:2px;color:#7c8985;font-size:10px}.atm-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f1ee;color:#315f57;font-size:10px;font-weight:950}.atm-mini-icon.kakao-icon{background:#fee500;color:#251e00}.atm-mini-icon.kakao-icon svg{width:19px;height:19px;fill:currentColor}.atm-status-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.atm-status-meta span{font-size:11px;font-weight:900;color:#315f57}.atm-status-meta small{color:#7f8c88;font-size:9px;text-align:right}.atm-inline-actions{display:flex;align-items:center;gap:10px}.atm-inline-actions .btn{min-height:36px;padding:8px 11px;font-size:10px}.atm-text-danger,.atm-delete-link{border:0;background:transparent;color:#ba5148;font-size:10px;font-weight:850;cursor:pointer}.atm-kakao-error{padding:8px 9px;border-radius:9px;background:#fff1ee;color:#a64e45;font-size:9px;line-height:1.5}
.atm-form{padding:4px 20px 19px}.atm-section{padding:18px 0;border-top:1px solid #edf1ef}.atm-section:first-child{border-top:0}.atm-section-head{display:flex;justify-content:space-between;margin-bottom:12px}.atm-section-head b{font-size:13px}.atm-section-head small{display:block;margin-top:2px;color:#83908c;font-size:9.5px}.atm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.atm-form-grid .full{grid-column:1/-1}.atm-form .field{margin:0}.atm-form .field label{display:block;margin-bottom:5px;color:#425e57;font-size:10px;font-weight:850}.atm-form .control{min-height:43px;border-radius:11px;border-color:#dae3e0;background:#fff}.atm-textarea{min-height:92px!important;resize:vertical}.atm-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid #edf1ef}.atm-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.atm-toggle input{position:absolute;opacity:0}.atm-toggle span{position:relative;width:39px;height:22px;border-radius:999px;background:#d9dfdc;transition:.18s}.atm-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.12);transition:.18s}.atm-toggle input:checked+span{background:#315f57}.atm-toggle input:checked+span:after{transform:translateX(17px)}.atm-toggle b{font-size:10px}.atm-footer-actions .actions{align-items:center}.atm-footer-actions .btn{min-height:43px;padding:10px 15px;font-size:11px}.atm-delete-link{padding:10px 4px}.m28-admin-launch{display:none!important}
.m28-admin-overlay{background:rgba(20,39,35,.55)!important;backdrop-filter:blur(10px)!important}.m28-admin-panel{background:#f7f9f8!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 30px 90px rgba(18,42,37,.2)!important}.m28-admin-panel-head p{font-size:11px!important}.m28-editor{background:#fff!important;border-color:#dfe6e3!important}.m28-assignment-card{box-shadow:none!important}
@media(max-width:980px){.atm-kpis{grid-template-columns:1fr 1fr}.atm-layout{grid-template-columns:1fr}.atm-directory{position:static}.atm-teacher-list{grid-template-columns:1fr 1fr;max-height:none}.atm-account-grid{grid-template-columns:1fr}}
@media(max-width:680px){.atm-head{align-items:stretch;flex-direction:column}.atm-new-btn{width:100%}.atm-kpis{grid-template-columns:1fr 1fr}.atm-teacher-list{grid-template-columns:1fr}.atm-editor-head{align-items:flex-start;flex-direction:column}.atm-editor-head>.btn{width:100%}.atm-account-grid{padding:12px 13px 0}.atm-form{padding:4px 13px 15px}.atm-form-grid{grid-template-columns:1fr}.atm-form-grid .full{grid-column:auto}.atm-footer-actions{align-items:stretch;flex-direction:column}.atm-footer-actions .actions{width:100%}.atm-footer-actions .btn{flex:1}.atm-status-meta{align-items:flex-start;flex-direction:column}.atm-status-meta small{text-align:left}}
