:root{--ink:#183046;--green:#17865f;--line:#e2cda8;--paper:#fffdf8}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html,body{margin:0;min-height:100%;font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif}.student-issue-page{min-width:1024px;min-height:100vh;background:#89dcf5 url('/token-assets/page-background.png') center/cover fixed;color:var(--ink)}.student-issue-page button,.student-issue-page textarea,.student-issue-page input{font:inherit}.student-issue-nav{position:fixed;inset:14px auto 14px 22px;width:252px;display:flex;flex-direction:column;border:8px solid #9a601d;border-radius:25px;background:linear-gradient(#fff7e5,#f4d89d);box-shadow:inset 0 0 0 3px #f3c86e,0 10px 25px #34567845;padding:15px}.student-issue-nav header{display:flex;align-items:center;gap:7px;padding:0 5px 15px}.student-issue-nav header img{width:70px;height:70px;object-fit:contain}.student-issue-nav header strong{display:block;color:#2872b5;font-size:20px;line-height:1.05}.student-issue-nav header em{color:#ed5b29;font-style:normal}.student-issue-nav header small{display:block;margin-top:8px;color:#694b24;font-size:9px;font-weight:800}.student-issue-nav nav{display:grid;gap:8px}.student-issue-nav a{min-height:47px;display:flex;align-items:center;gap:13px;border:1px solid #d6a14b;border-radius:13px;background:linear-gradient(#fffaf0,#f5e3be);box-shadow:0 3px 0 #c68c33;padding:0 16px;color:#473218;text-decoration:none;font-size:12px;font-weight:950}.student-issue-nav a i{width:19px;color:#316b73;font-size:17px;text-align:center}.student-issue-nav a.is-active{border-color:#378523;background:linear-gradient(#7acb26,#3e9f16);box-shadow:0 3px 0 #2c7512;color:#fff}.student-issue-nav a.is-active i{color:#fff}.student-issue-main{min-height:100vh;margin-left:284px;padding:14px 28px 20px}.student-issue-main:before{content:"";position:fixed;z-index:-1;inset:14px 18px 14px 270px;border:1px solid #d4b069;border-radius:24px;background:linear-gradient(100deg,#fffdf5f6,#fff9eef6);box-shadow:0 14px 32px #31577538}.student-issue-head{display:flex;align-items:center;justify-content:space-between;padding:14px 26px 12px}.student-issue-head h1{margin:0;font-size:26px}.student-issue-head p{margin:6px 0 0;color:#607283;font-size:12px}.student-issue-head>div:last-child{display:flex;gap:8px}.student-issue-head>div:last-child>span,.student-issue-head button{min-height:55px;display:grid;grid-template-columns:auto auto;align-content:center;column-gap:7px;border:1px solid #dec69d;border-radius:12px;background:#fffaf1;padding:8px 15px;color:var(--ink)}.student-issue-head span i{grid-row:1/3;color:#e7a428;font-size:21px}.student-issue-head span small,.student-issue-head span strong{font-weight:900}.student-issue-head span small{font-size:9px}.student-issue-head span strong{font-size:17px}.student-issue-head button{display:flex;align-items:center;font-size:11px;font-weight:900}.student-safe-note{min-height:44px;display:flex;align-items:center;gap:9px;margin:0 0 4px;border:1px solid #b9d3c5;border-radius:11px;background:#edf8f0;padding:0 18px;color:#356c56;font-size:10px;font-weight:800}.student-safe-note i:last-child{margin-left:auto;color:#aa8a51}.student-issue-message{min-height:19px;margin:3px 4px;color:#687d8e;font-size:10px}.student-issue-message[data-tone=bad]{color:#bd3f36}.student-issue-message[data-tone=good]{color:#16734f}.student-issue-layout{display:grid;grid-template-columns:minmax(410px,.92fr) minmax(480px,1.08fr);gap:12px}.paper-card{border:1px solid var(--line);border-radius:16px;background:#fffdf9e8;box-shadow:0 8px 20px #725c3520;padding:16px}.paper-card>h2{margin:0 0 12px;font-size:18px}.student-compose form{display:grid;gap:12px}.student-compose fieldset,.student-compose label{margin:0;border:0;padding:0}.student-compose legend,.student-compose label>span{display:block;margin-bottom:8px;font-size:12px;font-weight:950}.student-compose legend span,.student-compose label>span b{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:11px}.student-diagnostic dl{margin:0;border:1px solid #e4d2b4;border-radius:9px;overflow:hidden}.student-diagnostic dl div{display:grid;grid-template-columns:105px 1fr;border-top:1px solid #ecddc5;padding:7px 11px}.student-diagnostic dl div:first-child{border:0}.student-diagnostic dt{font-size:9px;font-weight:900}.student-diagnostic dd{margin:0;font-size:10px}.student-compose textarea{width:100%;min-height:65px;border:1px solid #d9c6a7;border-radius:9px;outline:0;background:#fff;padding:11px;color:var(--ink);font-size:11px;resize:vertical}.symptom-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.symptom-buttons label{min-height:44px!important;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ddc9aa!important;border-radius:9px;background:#fff;padding:6px!important;font-size:10px;font-weight:850}.symptom-buttons label:last-child{grid-column:1/-1}.symptom-buttons input{position:absolute;opacity:0}.symptom-buttons label:has(input:checked){border-color:#4f9472!important;background:#edf8ef;color:#176c4d}.symptom-buttons i{font-size:16px}.student-file{display:grid!important;grid-template-columns:1fr auto;align-items:center;border-top:1px solid #e7d5b8!important;padding-top:12px!important}.student-file>span{margin:0!important}.student-file input{position:absolute;opacity:0}.student-file>strong{min-height:44px;display:flex;align-items:center;gap:7px;border:1px dashed #9ab7a6;border-radius:9px;background:#f7fbf6;padding:0 15px;color:#376b54;font-size:10px;cursor:pointer}.student-file em{color:#6f7d82;font-style:normal}.student-privacy{margin:0;color:#667a7f;font-size:9px}.student-privacy i{margin-right:6px}.student-compose footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border-top:1px solid #ead8b8;padding-top:13px}.student-compose footer strong{color:#157853;font-size:10px}.student-compose footer button,.student-issue-detail button{min-height:44px;border:1px solid #cbb792;border-radius:9px;background:#fff;padding:0 13px;color:#4a5c62;font-weight:900}.student-compose footer button.send,.student-issue-detail button.send{border-color:#137452;background:linear-gradient(#22956d,#147653);color:#fff}.student-history{display:flex;min-height:calc(100vh - 142px);flex-direction:column}.student-issue-list{border:1px solid #e5d2b3;border-radius:10px;overflow:hidden}.student-issue-list button{width:100%;min-height:60px;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:8px;border:0;border-top:1px solid #eadcc5;background:#fffdf8;padding:8px 11px;color:var(--ink);text-align:left}.student-issue-list button:first-child{border:0}.student-issue-list button.is-selected{background:#eef7f0;box-shadow:inset 0 0 0 1px #4b9573}.student-issue-list button>i{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:#edf0ed;color:#547172}.student-issue-list strong,.student-issue-list small{display:block}.student-issue-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.student-issue-list small,.student-issue-list time{color:#6f7d83;font-size:8px}.student-state{border-radius:7px;background:#e5f3ff;padding:5px 7px;color:#2e6b9d!important;font-weight:900}.student-state[data-status=waiting_reporter]{background:#fff0d9;color:#b86917!important}.student-state[data-status=forwarded]{background:#eee5fa;color:#744ba6!important}.student-state[data-status=resolved]{background:#e1f4e8;color:#27764a!important}.student-issue-detail{flex:1;margin-top:11px;border:1px solid #e6d3b4;border-radius:11px;background:#fffdf9;padding:13px}.student-issue-detail .empty{height:100%;display:grid;place-content:center;text-align:center;color:#788a8c}.student-issue-detail .empty i{font-size:27px}.student-detail-head{display:flex;align-items:start;justify-content:space-between}.student-detail-head h3{margin:0;font-size:14px}.student-detail-head p{margin:4px 0;color:#768487;font-size:8px}.student-detail-description{border-bottom:1px solid #ecddc5;padding-bottom:9px;font-size:10px;line-height:1.55}.student-thread{display:grid;gap:8px;margin-top:10px}.student-thread article{border-left:3px solid #438969;border-radius:7px;background:#eff8f2;padding:9px}.student-thread article[data-author=staff]{border-color:#5981ad;background:#f1f6fb}.student-thread strong,.student-thread time{font-size:8px}.student-thread time{float:right;color:#78878d}.student-thread p{margin:5px 0 0;font-size:10px}.student-reply{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.student-reply textarea{min-height:55px;border:1px solid #cdbb9d;border-radius:8px;padding:9px;font-size:10px;resize:vertical}.student-status-flow{margin-top:12px;border:1px solid #e5d2b3;border-radius:10px;background:#fff9ed;padding:11px}.student-status-flow>strong{font-size:9px}.student-status-flow p{display:flex;align-items:center;justify-content:space-around;margin:8px 0 0}.student-status-flow span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900}.student-status-flow span i{color:#438969;font-size:15px}.student-status-flow>p>i{color:#9aa3a0;font-size:9px}
@media(max-height:760px){.student-issue-nav{inset:8px auto 8px 12px}.student-issue-nav a{min-height:38px}.student-issue-nav header{padding-bottom:8px}.student-issue-main{padding-top:8px}.student-issue-head{padding-top:7px;padding-bottom:7px}.student-history{min-height:calc(100vh - 120px)}}
@media(max-width:1250px){.student-issue-main{padding-left:16px;padding-right:16px}.student-issue-layout{grid-template-columns:minmax(380px,.92fr) minmax(430px,1.08fr)}.student-issue-head{padding-left:14px;padding-right:14px}.student-issue-head>div:last-child>span,.student-issue-head button{padding-left:10px;padding-right:10px}}

.student-issue-page.student-economy-shell-page {
  min-width: 760px;
  overflow: hidden;
  background: #8ee5ff url('/token-assets/page-background.png') center bottom / cover no-repeat fixed;
}

.student-economy-shell-page .student-issue-shell {
  max-width: 1192px;
  grid-template-columns: 234px minmax(0, 1fr);
}

.student-economy-shell-page .student-issue-nav {
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  height: calc(100vh - 26px);
}

.student-economy-shell-page .student-issue-nav .student-economy-sidebar-fullscreen {
  min-height: 44px;
}

.student-economy-shell-page .student-issue-main {
  min-height: 0;
  margin-left: 0;
  overflow: hidden auto;
  border: 1px solid #d4b069;
  border-radius: 24px;
  background: linear-gradient(100deg, #fffdf5f6, #fff9eef6);
  box-shadow: 0 14px 32px #31577538;
}

.student-economy-shell-page .student-issue-main::before {
  content: none;
}

.student-issue-layout {
  grid-template-columns: minmax(380px, .92fr) minmax(430px, 1.08fr);
}

@media(max-width:1100px) {
  .student-economy-shell-page .student-issue-shell {
    grid-template-columns: 214px minmax(0, 1fr);
  }

  .student-issue-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media(max-width:760px) {
  .student-issue-page.student-economy-shell-page { min-width: 0; }
  .student-economy-shell-page .student-issue-shell { width: calc(100% - 16px); height: calc(100dvh - 16px); margin: 8px auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 8px; }
  .student-economy-shell-page .student-issue-nav { position: static; width: 100%; height: auto; min-height: 0; padding: 8px; }
  .student-issue-nav .student-economy-sidebar-brand,.student-issue-nav .student-economy-sidebar-fullscreen,.student-issue-nav .student-economy-sidebar-medal { display: none; }
  .student-issue-nav .student-economy-sidebar-nav { display: flex; overflow-x: auto; gap: 4px; }
  .student-issue-nav .student-economy-sidebar-nav a { flex: 0 0 auto; width: auto; min-width: 84px; min-height: 44px; }
  .student-economy-shell-page .student-issue-main { border-radius: 16px; padding: 14px; }
  .student-issue-head { flex-direction: column; align-items: stretch; gap: 8px; }
  .student-issue-head>div:last-child { flex-wrap: wrap; justify-content: space-between; gap: 8px; }
  .student-issue-layout { grid-template-columns: minmax(0, 1fr); }
  .student-detail-head { flex-wrap: wrap; }
  .student-reply { grid-template-columns: minmax(0, 1fr); }
  .student-reply textarea { width: 100%; }
  .student-compose footer { grid-template-columns: minmax(0, 1fr) auto; }
  .student-compose footer strong { grid-column: 1/-1; }
  .student-diagnostic dl div { grid-template-columns: 70px minmax(0, 1fr); }
  .student-diagnostic dd,.student-thread p { overflow-wrap: anywhere; }
}