/* 

==== 样式表 ====
版权：广州市环屿钻探机械有限公司
作者微信（购买钻机）：1040108

*/

:root{
  --bg: #f5f6f8;
  --panel: #ffffff;
  --text: #2a2f3a;
  --muted: #6b7280;
  --primary: #0b63ce;
  --accent: #16a34a;
  --danger: #dc2626;
  --border: #e5e7eb;
  --thead: #f3f4f6;
  --shadow: 0 6px 18px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, "Microsoft YaHei", sans-serif;
  color: var(--text);
  background: var(--bg);
}

.site-header, .site-footer{max-width: 1080px; margin: 0 auto; padding: 24px 16px}
.site-header h1{margin:0 0 6px;font-weight:700;letter-spacing:.5px}
.subtitle{margin:0;color:var(--muted)}
.site-footer{color:var(--muted);text-align:center}

.container{max-width:1080px;margin:0 auto;padding: 0 16px 40px}
.panel{
  background: var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow: var(--shadow);
  padding: 16px;
}

.notice{color:#92400e;background:#fef3c7;border:1px dashed #f59e0b;padding:8px 12px;border-radius:8px;margin-bottom:12px}

.table-wrapper{overflow:auto;border-radius:10px;border:1px solid var(--border);background:#fff}
.config-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.config-table thead th{position:sticky;top:0;background:var(--thead);}
.config-table th,.config-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;color:var(--text)}
.config-table tbody tr:hover{background:#f9fafb}

select, input[type="number"], input[type="text"]{
  width:100%;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);padding:0 10px;outline:none
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }

.product-input { position: relative; }
.product-input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(11,99,206,0.15); }

input[readonly]{ background:#f9fafb; color:#6b7280; cursor:not-allowed }

.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.total-line{font-size:18px}
.total-line #grandTotal{color:#ef4444;font-weight:700}
.btn-group{display:flex;gap:10px;flex-wrap:wrap}
.btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:#ffffff;color:var(--text);cursor:pointer}
.btn:hover{filter:brightness(0.98)}
.btn.primary{background: var(--primary);border-color: var(--primary);color:white}
.btn.accent{background: var(--accent);border-color: var(--accent);color:white}
.btn.danger{background: var(--danger);border-color: var(--danger);color:white}

.actions-bar{display:flex;gap:10px;margin-bottom:12px}
.list-header{display:flex;align-items:end;justify-content:space-between;padding:10px 4px 14px;border-bottom:1px solid var(--border)}
.metadata{color:var(--muted);font-size:14px}
.total-row td{background:#f0fdf4}
.payment-section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px dashed var(--border);border-radius:8px;background:#fafafa}
.payment-info{color:var(--muted)}
.payment-btn{font-weight:600}
.deposit-row td{background:#fff7ed}

.empty-state{padding:24px;text-align:center;color:var(--muted)}

.hint{color:#999;margin-top:10px}

/* 行内删除按钮（针对动态行） */
.inline-actions{ display:flex; align-items:center; gap:8px }
.btn.icon{ width:auto; height:28px; padding:0 8px; border-radius:6px; font-size:12px; min-width:56px }
.btn.icon.danger { background: var(--danger); border-color: var(--danger); color: white; }
.btn.icon.danger:hover { filter: brightness(1.1); }

/* 打印优化：浅灰边框清晰可读 */
@media print{
  body{ background:#fff }
  .panel{ box-shadow:none }
  .config-table th,.config-table td{ border-color:#e5e7eb }
}