/* calc14.css — calculator14.php 页面专用样式（由内联 <style> 抽出，2026-08-10） */

/* 页面专用样式 */
*{box-sizing:border-box;}

.calculator-wrapper{display:grid;grid-template-columns:1fr 1fr;gap: max(12px, var(--column-gap, 16px));margin-top:0;align-items:start;}

.input-section{min-width:0;}

.result-section{min-width:0;}

.calc-block{background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;overflow:hidden;}

.block-header{background:var(--primary);color:var(--white);padding:12px 18px;font-weight:700;font-size:.95rem;}

.block-header.green{background:var(--primary);}

.block-content{padding:16px;}

.form-row.three{grid-template-columns:1fr 1fr 1fr;}

.input-item label{font-size:.8rem;color:var(--gray-600);display:block;margin-bottom:4px;font-weight:600;}

.input-item input,.input-item select{padding:9px 10px;border:1px solid var(--gray-300);width:100%;font-size:.9rem;}

.input-item small{font-size:.72rem;color:var(--gray-400);margin-top:3px;display:block;white-space:normal;}

.pipe-header{display:grid;grid-template-columns:90px 1fr 70px 56px 84px 78px 78px;gap:8px;padding:8px 6px 6px;font-weight:700;font-size:.82rem;color:var(--gray-700);border-bottom:2px solid var(--gray-300);background:var(--gray-050);letter-spacing:.5px;}

.pipe-item-row{display:grid;grid-template-columns:90px 1fr 70px 56px 84px 78px 78px;gap:8px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--gray-100);background:var(--gray-050);border-radius:0;margin-bottom:6px;cursor:context-menu;transition:background .15s;}

.pipe-item-row:hover{background:var(--primary-light);border-color:var(--primary);}

.pipe-item-row.ctx-target{background:var(--primary-light) !important;border-color:var(--primary) !important;}

.pipe-item-row input,.pipe-item-row select{padding:6px 8px;border:1px solid var(--gray-300);font-size:.82rem;width:100%;box-sizing:border-box;min-width:0;border-radius:0;background:var(--white);}

.pipe-item-row select{overflow:hidden;text-overflow:ellipsis;}

.pipe-item-row input:focus,.pipe-item-row select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(44,128,255,.15);}

/* 右键菜单（表格行管理） */
#pipeRowMenu{display:none;position:fixed;z-index:20000;min-width:156px;background:var(--white);border:1px solid #d9e4f0;border-radius:0;box-shadow:0 6px 20px rgba(0,0,0,.18);padding:5px 0;font-size:.9rem;user-select:none;}
#pipeRowMenu .ctx-item{padding:8px 16px;cursor:pointer;color:var(--gray-900);display:flex;align-items:center;gap:8px;transition:background .12s;}
#pipeRowMenu .ctx-item:hover{background:var(--primary-50);color:var(--primary-dark);}
#pipeRowMenu .ctx-item.danger{color:var(--danger);}
#pipeRowMenu .ctx-item.danger:hover{background:var(--danger-50);}
#pipeRowMenu .ctx-divider{height:1px;background:#eaeef5;margin:4px 0;}

.btn{padding:11px 22px;border:none;font-weight:700;cursor:pointer;font-size:.9rem;transition:.2s;}

.btn-primary{background:var(--primary);color:var(--white);}

.btn-primary:hover{background:var(--primary-dark);}

.btn-success{background:#15803d;color:var(--white);}

.btn-success:hover{background:var(--success);}

.btn-sm{padding:7px 14px;font-size:.82rem;}

.status-pass{color:#166534;background:var(--success-50);padding:3px 10px;font-size:.82rem;font-weight:600;}

.status-fail{color:#b91c1c;background:var(--danger-50);padding:3px 10px;font-size:.82rem;font-weight:600;}

.result-table{width:100%;border-collapse:collapse;margin:6px 0;}

.result-table th{background:var(--gray-100);padding:7px 10px;text-align:left;border-bottom:2px solid var(--gray-300);}

.result-table td{padding:7px 10px;border-bottom:1px solid var(--gray-200);}

.formula-box{background:var(--gray-050);border-left:4px solid var(--primary);padding:8px 14px;margin:6px 0;font-family:Consolas,monospace;font-size:.85rem;word-break:break-all;}

#loadingOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center;color:var(--white);font-size:1.2rem;gap:12px;}

@media(max-width:900px){
.calculator-wrapper{grid-template-columns:1fr;}
.form-row,.form-row.three{grid-template-columns:1fr;}
.pipe-header,.pipe-item-row{font-size:.62rem;grid-template-columns:56px 82px 36px 30px 58px 52px 52px;gap:2px;}
.pipe-item-row input,.pipe-item-row select{padding:3px 1px;font-size:.64rem;}
}