.kc-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 220px;gap:16px;min-height:calc(100vh - 130px)}
.kc-subnav,.kc-main,.kc-detail{border:1px solid #e1e6ef;border-radius:14px;background:#fff}
.kc-subnav{align-self:start;padding:10px}.kc-nav-item{display:block;width:100%;margin:2px 0;padding:10px;border:0;border-radius:9px;background:transparent;text-align:left;color:#27344f;cursor:pointer}.kc-nav-item b,.kc-nav-item small{display:block}.kc-nav-item small{margin-top:3px;color:#8a94a7;font-size:11px}.kc-nav-item.active{background:#edf1ff;color:#405bd1}.kc-main{min-width:0;padding:16px}.kc-detail{align-self:start;padding:16px;color:#536078}.kc-detail h3{margin:0 0 10px;color:#27344f}.kc-detail ol{padding-left:22px;line-height:1.9}.kc-detail-note{padding:10px;border-radius:9px;background:#f4f7fb;font-size:12px}.kc-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:11px 13px;border-radius:10px;font-size:13px}.kc-statusbar.ready{background:#edf9f1;color:#187a3d}.kc-statusbar.pending{background:#fff7e8;color:#956313}.kc-statusbar span{font-size:12px}.kc-card{border:1px solid #e5e9f1;border-radius:12px;padding:18px;background:#fff}.kc-card h2{margin:0 0 6px;font-size:20px}.kc-card p{margin:0 0 14px;color:#6d7890}.kc-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.kc-upload,.kc-search button,.kc-inbox-item button{border:0;border-radius:9px;padding:9px 13px;background:#526be2;color:#fff;cursor:pointer}.kc-inbox-list{margin-top:16px}.kc-inbox-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0f5}.kc-inbox-item small{display:block;margin-top:4px;color:#8993a5}.kc-notice,.kc-loading{padding:22px;border-radius:10px;background:#f6f8fb;color:#71809a;text-align:center}.kc-search{display:flex;gap:8px}.kc-search input{flex:1;min-width:0;border:1px solid #dce2ec;border-radius:9px;padding:10px 12px}.kc-results{margin-top:14px}.kc-results article{margin-top:8px;padding:12px;border-radius:10px;background:#f7f9fc}.kc-results article p{margin:5px 0 0}.kc-empty{text-align:center;padding:48px 20px}.kc-empty small{color:#9aa3b3}
@media(max-width:980px){.kc-layout{grid-template-columns:170px minmax(0,1fr)}.kc-detail{display:none}}
@media(max-width:767px){.kc-layout{display:block}.kc-subnav{display:flex;gap:6px;margin-bottom:10px;overflow:auto}.kc-nav-item{flex:0 0 auto;width:auto;white-space:nowrap}.kc-nav-item small{display:none}.kc-main{padding:10px}.kc-statusbar{align-items:flex-start;flex-direction:column}.kc-card-head{align-items:flex-start;flex-direction:column}}