/* Arkreen CSP/PGP admin — dark "engineer" theme (overrides Bootstrap3 + Alpaca) */
:root{
  --bg:#0d1117; --panel:#161b22; --panel2:#11161d; --border:#232b36; --border2:#2d3542;
  --txt:#e6edf3; --dim:#8b98a5; --accent:#00e08a; --accent2:#39c5ff;
  --warn:#f0b429; --bad:#ff6b6b; --good:#00e08a;
  --mono:'SF Mono',ui-monospace,'JetBrains Mono',Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
html,body{background:var(--bg)!important;color:var(--txt)!important}
body{padding:28px 40px!important;font-family:var(--sans)!important}

/* title */
h1{font-family:var(--mono)!important;font-weight:700;letter-spacing:.5px;color:var(--txt);
   font-size:22px;margin:0 0 18px}
h1::before{content:"⚡ ";color:var(--accent)}
hr{border-top:1px solid var(--border)!important;margin:16px 0}

/* toolbar (top controls) */
#idTraceNo,#idSearch,input[type=search],input[type=number]{
  background:var(--panel2)!important;color:var(--txt)!important;border:1px solid var(--border)!important;
  border-radius:6px!important;height:34px}
#idSearch::placeholder{color:var(--dim)}
body>div>button, .btn{
  background:var(--panel)!important;color:var(--txt)!important;border:1px solid var(--border)!important;
  border-radius:6px!important;height:34px;padding:0 12px!important;font-family:var(--mono)!important;
  transition:.12s}
body>div>button:hover,.btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}
#idButtonSave{border-color:var(--accent)!important;color:var(--accent)!important;font-weight:700}

/* form fields */
.form-group{margin-bottom:16px}
.control-label,.alpaca-control-label{
  color:var(--dim)!important;font-family:var(--mono)!important;font-size:12px!important;
  letter-spacing:.3px;font-weight:600!important;margin-bottom:5px;text-transform:none}
.form-control,.alpaca-control{
  background:var(--panel2)!important;color:var(--txt)!important;border:1px solid var(--border)!important;
  border-radius:6px!important;box-shadow:none!important;font-family:var(--sans)!important;
  height:auto;min-height:38px;padding:8px 11px!important}
textarea.form-control{min-height:64px;line-height:1.5}
.form-control:focus,.alpaca-control:focus{
  border-color:var(--accent2)!important;box-shadow:0 0 0 2px rgba(57,197,255,.15)!important;outline:none}
.form-control[readonly],.alpaca-readonly .form-control{
  background:#0b0f14!important;color:var(--dim)!important;border-style:dashed!important}
select.form-control option{background:var(--panel);color:var(--txt)}

/* hints / help */
.help-block,.alpaca-field-hint{color:var(--dim)!important;font-size:11.5px}
.alpaca-optional{color:var(--dim)}

/* object groups (e.g. 销售信息) */
.alpaca-field-object>legend,legend{
  color:var(--accent2)!important;font-family:var(--mono)!important;font-size:13px!important;
  border-bottom:1px solid var(--border)!important;padding-bottom:6px;margin-top:8px;
  text-transform:uppercase;letter-spacing:.6px}
.alpaca-field-object{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--panel)}

/* required marker & validation */
.alpaca-required label:after,.alpaca-icon-required{color:var(--accent)}
.has-error .form-control,.alpaca-invalid .form-control{border-color:var(--bad)!important}
.has-error .control-label,.alpaca-message{color:var(--bad)!important}

/* modal dialogs */
.modal-content{background:var(--panel)!important;color:var(--txt)!important;border:1px solid var(--border2)!important;border-radius:10px}
.modal-content .close{color:var(--dim)}
.modal-content .close:hover{color:var(--txt)}
#idDialogImportData{background:var(--panel2)!important;color:var(--txt)!important;border:1px solid var(--border)!important;border-radius:6px}
.statistic{font-family:var(--mono);color:var(--txt);line-height:1.9}

/* badge (flash) */
.badge-success{background:var(--accent)!important;color:#04120b!important}
::selection{background:rgba(0,224,138,.25)}

/* console-nav —— vm-5 PR-B(2026-08-23) 新增的页头入口条。
   原版 dark.css 没有它，不补的话暗色下走浏览器默认蓝链，在 #0d1117 上偏暗。 */
.console-nav{margin:0 0 14px!important;font-family:var(--mono)!important;font-size:12.5px!important;color:var(--dim)!important}
.console-nav a{color:var(--accent2)!important;text-decoration:none!important}
.console-nav a:hover{color:var(--accent)!important;text-decoration:underline!important}