/* Compact worksheet styling adapted from 配置管理网页/manager/pdd-default.css. */
#parts td:nth-child(2)>.warn{display:none}
#detail{color:#213e5d;background:#f5f7fa;border:1px solid #a8b9cc;border-radius:8px}
#detail .detail-top{border-color:#b9c4d1}
#detail button{border-radius:3px;border-color:#b8c8da;color:#285887;background:#f6f8fb}
#detail button:hover{background:#e4edf8;border-color:#7398be}
#config-tabs .selected{background:#2b5e94;color:#fff;border-color:#2b5e94}
#detail .profit-side{border:1px solid #b79739;border-radius:5px;background:#fff;overflow:hidden;align-self:start;box-shadow:0 2px 5px #25344b14}
#detail .profit-side>.section-heading{background:#e8edf3;border-bottom:1px solid #b9c4d1;padding:8px 10px;margin:0}
#detail #selection-note{padding:7px 10px;background:#f0f3f7;border-bottom:1px solid #c4cfdb;margin:0}
#detail #profit-calculation{padding:9px}
#detail .inputs{padding:8px;background:#edf1f6;border:1px solid #c4cfdb;border-radius:3px}
#detail .inputs label,#detail .inputs input{text-align:center}
#detail .inputs{padding:0;gap:0}
#detail .inputs label{padding:6px 4px;border-right:1px solid #c4cfdb;color:#566c85}
#detail .inputs label:last-child{border-right:0}
#detail .inputs output{display:block;margin-top:2px;font-size:20px;font-weight:700;color:#16816d;line-height:1.4}
#detail .inputs #price{background:transparent;border:0;color:#b83351}
#detail input{border-radius:3px;border-color:#9fb5ce;color:#213e5d}
#detail #price{color:#b83351;border-color:#ce8195;background:#fff9fa;font-weight:700}
#detail #confirm-matches{background:#2e6095;color:#fff;border-color:#2e6095}
#detail .table-scroll{border:1px solid #bbc7d5;border-radius:3px;overflow:hidden}
#detail table th{background:#e8edf3;color:#566c85}
#detail table th,#detail table td{border-right:1px solid #c4cfdb;border-bottom:1px solid #c4cfdb}
#detail table th:last-child,#detail table td:last-child{border-right:0}
#detail table tr:last-child td{border-bottom:0}
#detail table tr:hover td{background:#edf4fb}
#detail .part-category{display:inline-block;font-size:10px;font-weight:500;padding:1px 4px;border:1px solid #acc9ed;border-radius:2px;color:#195eaa;background:#eaf2ff}
#detail .part-category[data-category="主板"]{color:#367567;background:#eaf6ef;border-color:#a8d0bf}
#detail .part-category[data-category="GPU"]{color:#7752ae;background:#f3edff;border-color:#c8b4e8}
#detail .part-category[data-category="内存"]{color:#147b89;background:#ecf9fb;border-color:#a6d2dc}
#detail .part-category[data-category="硬盘"]{color:#9b6516;background:#fff7e6;border-color:#dec58e}
#detail .part-category[data-category="电源"]{color:#b84052;background:#fff0f2;border-color:#e0afba}
#detail .profits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#edf1f6;border:1px solid #bbc7d5;border-radius:3px;padding:0;gap:0;margin:0 0 8px}
#detail .profit-item{text-align:center;border-right:1px solid #c4cfdb;padding:8px 5px}
#detail .profit-item:last-child{border-right:0}
#detail #save-status{display:none}
#detail .profit-item span{color:#566c85}
#detail .profit-item strong{color:#16816d;font-size:18px}
#detail .profit-item strong.negative{color:#c13c4a}
#detail .profit-warning{padding:8px;background:#fff8e9;line-height:1.5}
#detail #read-only-config{padding:8px}
@media(min-width:1000px){
 #detail #profit-calculation{display:block}
 #detail .inputs,#detail #profit-calculation>.section-heading{grid-column:1/-1}
 #detail .inputs{margin-bottom:8px}
 #detail .table-scroll{width:100%}
 #detail .formula,#detail #save-status{grid-column:1/-1}
 #detail .profit-item{padding:6px 4px}
 #detail .profit-item span{font-size:11px;margin-bottom:2px}
 #detail .profit-item strong{font-size:16px}
 #detail .profit-warning{font-size:10px;padding:6px}
 #detail .table-scroll td{height:42px}
 #detail .table-scroll th:first-child{width:36%}
 #detail .table-scroll th:nth-child(2){width:42%}
 #detail .table-scroll th:nth-child(3){width:9%}
 #detail .table-scroll th:last-child{width:13%}
 #detail .part-desc{font-size:13px;color:#526980;line-height:1.4}
 #detail .warehouse-code{font-size:14px;line-height:1.4}
 #detail table{font-size:14px}
 #detail table th{font-size:13px;padding:6px}
 #detail .part-category{font-size:12px}
 #detail #parts td:nth-child(2)>.good,#detail #parts td:nth-child(2)>.warn{font-size:13px;line-height:1.4}
 #detail #parts small{font-size:11px}
 #detail .table-scroll td{height:46px;padding-top:4px;padding-bottom:4px}
 #detail td input{font-size:14px}
 #detail .inputs label{font-size:13px}
 #detail .inputs input{font-size:15px;padding:6px 8px}
 #detail .profit-item span{font-size:13px}
 #detail .profit-item strong{font-size:20px}
 #detail .profit-warning{font-size:12px}
 #detail #selection-note p{font-size:12px}
 #detail .section-heading h3{font-size:16px}
 #detail .match-button{font-size:12px;width:54px;padding:3px}
 #detail #parts td:nth-child(2){padding-right:63px}
 #detail #confirm-matches{font-size:12px}
 #detail .formula{font-size:12px}
 #detail #save-status{font-size:11px}
}