.sort-code-view{max-width:1800px}.sort-code-view [hidden]{display:none!important}.sort-tabs{display:flex;gap:8px;border-bottom:1px solid #cbd8e8;padding-bottom:8px;margin-bottom:20px;flex-wrap:wrap}.sort-tabs button{border:0;background:none;padding:12px 18px;border-radius:7px;color:#526983;font-weight:600;cursor:pointer}.sort-tabs .active{background:#e1edf9;color:#075aa0}.sort-box{background:#fff;border:1px solid #d5dfeb;border-radius:12px;padding:20px;margin-bottom:20px;min-width:0}.sort-box h2{font-size:19px;margin:0 0 12px}.sort-box p{line-height:1.6}.sort-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.sort-toolbar h2,.sort-toolbar p{margin:0}.sort-code-view .actions{flex-wrap:wrap;align-items:center}.sort-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.sort-code-view label{display:block;font-size:13px;line-height:1.6}.sort-code-view label>.input{display:block;width:100%;margin-top:6px}.sort-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.sort-panels .sort-box{margin-bottom:20px}.sort-panels textarea{min-height:85px;resize:vertical;margin-bottom:12px}.sort-code-view .data-table{overflow:auto;max-height:55vh}.sort-code-view table{min-width:800px;width:100%}.sort-code-view td{vertical-align:top;overflow-wrap:anywhere;max-width:280px;font-variant-numeric:tabular-nums}.sort-code-view th{position:sticky;top:0;z-index:1;background:#edf2f8}.sort-text{border:0;background:none;padding:0;cursor:pointer;text-align:left;font-weight:600}.sort-code-view .warning{color:#a54708}.sort-valid{color:#087748}.sort-export{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;bottom:12px;z-index:20;background:#fff;border:1px solid #b8cbe0;box-shadow:0 3px 16px #18395714;border-radius:9px;padding:12px 16px;font-size:12px}.sort-export label{max-width:280px;font-size:12px}#sort-message{line-height:1.6;overflow-wrap:anywhere}#sort-pending{padding:16px;background:#fff5e7;border:1px solid #eac895;border-radius:9px;margin-bottom:20px}#sort-pending button{margin-left:12px}.sort-code-view input:focus-visible,.sort-code-view button:focus-visible,.sort-code-view textarea:focus-visible,.sort-code-view select:focus-visible{outline:3px solid #78b4ed;outline-offset:3px}#sort-history-search{margin:20px 0}#sort-history-search input{width:min(100%,400px)}#sort-catalog-file{display:block;max-width:240px;font-size:12px;margin-top:6px}@media(max-width:800px){.sort-fields{grid-template-columns:1fr}.sort-toolbar .input{max-width:100%}.sort-export{bottom:0}.sort-box{padding:16px}}
.sort-code-view button:disabled{opacity:.55;cursor:not-allowed}.sort-code-view button:not(:disabled){transition:background-color .15s ease}.sort-code-view .sort-tabs button:not(:disabled):hover{background:#eaf0f7}
.sort-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.sort-metrics>div{display:flex;flex-direction:column;gap:3px;padding:13px 18px;background:#fff;border:1px solid #d5dfeb;border-radius:10px}.sort-metrics b{font-size:22px;font-variant-numeric:tabular-nums}.sort-metrics span{font-size:12px;color:#71859c}.sort-workspace{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:18px;align-items:start}.sort-code-view .sort-entry-pane,.sort-code-view .sort-list-pane{padding:0;overflow:hidden;margin:0}.sort-pane-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid #dce4ee}.sort-pane-heading h2{margin-bottom:6px}.sort-pane-heading p{margin:0;font-size:12px;color:#71859c;line-height:1.6}.sort-pane-heading .btn{font-size:12px;white-space:nowrap;padding:10px 12px;flex-shrink:0}.sort-code-view .sort-panels{display:flex;flex-direction:column;gap:10px;padding:12px;max-height:65vh;overflow:auto}.sort-scan-card{border:1px solid #dce4ee;border-radius:10px;padding:12px;min-width:0}.sort-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sort-card-heading h3{font-size:14px;margin:0;overflow-wrap:anywhere}.sort-card-heading .actions{flex-shrink:0;gap:12px}.sort-card-heading .sort-text{font-size:12px;color:#526983}.sort-card-heading .danger{color:#b42318}.sort-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0 10px;font-size:11px;color:#71859c}.sort-card-meta b{padding:3px 6px;border-radius:4px;background:#eaf2fb;color:#075aa0;overflow-wrap:anywhere}.sort-code-view .sort-panels textarea{min-height:48px;max-height:140px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;background:#f8fafc;width:100%;box-sizing:border-box}.sort-card-hub{margin:8px 0 0;font-size:10px;color:#71859c;overflow-wrap:anywhere}.sort-code-view #sort-panel-form{margin:12px;padding:12px;background:#f8fafc}.sort-entry-pane .sort-fields{grid-template-columns:1fr;gap:10px}.sort-code-view .sort-list-pane{display:flex;flex-direction:column;min-height:560px}.sort-list-title{padding:18px;margin:0!important;border-bottom:1px solid #dce4ee}.sort-list-filters{display:flex;gap:10px;padding:12px}.sort-list-filters input{flex:1;min-width:0;width:0}.sort-list-filters select{width:155px;flex-shrink:0}.sort-code-view .sort-list-pane .data-table{flex:1;min-height:350px;max-height:58vh;border:0;border-radius:0}.sort-code-view #sort-rows th{text-transform:uppercase;font-size:10px;padding:12px 10px;white-space:nowrap}.sort-code-view #sort-rows td{padding:12px 10px;font-size:12px}.sort-code-view #sort-rows .sort-empty-cell{height:320px;text-align:center;vertical-align:middle;color:#71859c;font-size:13px}.sort-code-view .sort-list-pane .sort-export{position:static;margin-top:auto;border:0;border-top:1px solid #dce4ee;border-radius:0;box-shadow:none;padding:14px;gap:12px}.sort-list-pane .sort-export>span{font-size:11px;color:#71859c}.sort-list-pane .sort-export .actions{margin-left:auto}.sort-list-pane .sort-export .btn{font-size:12px;padding:10px 12px}@media(max-width:1050px){.sort-workspace{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.sort-pane-heading{flex-wrap:wrap}.sort-list-filters{flex-wrap:wrap}.sort-list-filters input{flex-basis:100%;width:100%}}@media(max-width:760px){.sort-workspace{grid-template-columns:1fr}.sort-code-view .sort-panels{max-height:none}.sort-metrics{gap:8px}.sort-metrics>div{padding:10px}.sort-metrics span{font-size:11px}.sort-code-view .sort-list-pane{min-height:480px}}
.sort-code-view .sort-panels textarea{font-family:inherit}