/* ========== 沃尔德业务平台 PHP 版 · 响应式（手机/电脑） ========== */
:root{
  --brand:#2f5f8f; --brand2:#3a6ea5; --accent:#0e7fd6; --bg:#eef2f6;
  --line:#d8e0e8; --red:#d33; --green:#2f9e44; --orange:#e8590c;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;color:#222;}
a{color:#0b5cad;text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:1260px;margin:0;padding:0 12px;}
.clear{clear:both;}
.red{color:var(--red);}
.gray{color:#888;}

/* 顶部栏 */
header.top{background:var(--brand);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);}
header.top .bar{display:flex;align-items:center;flex-wrap:wrap;min-height:48px;gap:4px 12px;padding-top:4px;padding-bottom:4px;}
.brand{color:#fff;font-size:17px;font-weight:bold;white-space:nowrap;}
.brand:hover{text-decoration:none;}
.menu{display:flex;flex:1;overflow-x:auto;white-space:nowrap;}
.menu a{color:#dce9f5;padding:4px 9px;border-radius:4px;}
.menu a:hover{background:rgba(255,255,255,.15);text-decoration:none;color:#fff;}
.who{color:#cfe0f0;white-space:nowrap;}
.who a{color:#ffd88a;margin-left:6px;}

.ptitle{font-size:18px;margin:14px 0 10px;color:var(--brand);border-left:4px solid var(--accent);padding-left:8px;}

/* 卡片/分区 */
fieldset.card, .card{background:#fff;border:1px solid var(--line);padding:12px 14px;margin:0 0 14px;box-shadow:0 1px 3px rgba(30,60,90,.06);}
fieldset.card legend{font-weight:bold;color:var(--accent);padding:0 6px; margin-left:-14px;background: #fff;}

/* 功能入口大按钮 */
.cha{display:inline-block;background:var(--brand2);color:#fff;border-radius:6px;padding:10px 14px;margin:4px 6px 4px 0;box-shadow:0 1px 2px rgba(0,0,0,.15);}
.cha:hover{background:var(--accent);color:#fff;text-decoration:none;}
.cha.red{background:var(--red);}
.netlogo{display:inline-block;margin:4px 8px 4px 0;}
.netlogo img{border:1px solid var(--line);width: 240px;}

/* 表格（宽表手机端横向滚动） */
.tw{overflow-x:auto;background:#fff;border:1px solid var(--line);margin-bottom:14px;}
table.tb{border-collapse:collapse;width:100%;white-space:nowrap;}
table.tb th{background:#e8eef4;color:#234;font-weight:bold;}
table.tb th,table.tb td{border:1px solid var(--line);padding:5px 8px;text-align:left;}
table.tb tr:nth-child(even) td{background:#f7fafc;}
table.tb tr.total td{font-weight:bold;background:#fdf3d8;}
table.tb td.num,table.tb th.num{text-align:right;}

/* 标签页/小链接行 */
.tabs{margin:0 0 10px;line-height:2.2;}
.tabs a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:4px;padding:1px 10px;margin:2px 4px 2px 0;}
.tabs a.cur{background:var(--brand2);color:#fff;border-color:var(--brand2);}
.tabs form{display:inline-block;margin:2px 0;}
.tabs form.srch{float:right;}

/* 按钮 */
.btn{display:inline-block;border:none;border-radius:5px;background:var(--brand2);color:#fff;padding:6px 16px;cursor:pointer;font-size:14px;}
.btn:hover{background:var(--accent);color:#fff;text-decoration:none;}
.btn.gray{background:#8a97a3;}
.btn.red{background:var(--red);}
.btn.sm{padding:5px 10px;font-size:13px;}
a.btn{color:#fff;}

/* 表单 */
input[type=text],input[type=password],input[type=number],input[type=date],select,textarea{
  border:1px solid #b9c6d2;border-radius:5px;padding:6px 8px;font-size:14px;background:#fff;max-width:100%;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(14,127,214,.15);}
textarea{width:100%;}
form.inline{display:inline;}
.frow{margin:8px 0;}
.frow label{display:inline-block;min-width:64px;}

/* 联想下拉 */
.suggest{position:absolute;z-index:99;background:#fff;border:1px solid #bbb;border-radius:0 0 6px 6px;max-height:300px;overflow:auto;min-width:200px;box-shadow:0 4px 10px rgba(0,0,0,.15);}
.suggest ul{list-style:none;margin:0;padding:0;}
.suggest li{padding:6px 10px;cursor:pointer;border-bottom:1px solid #eee;}
.suggest li:hover,.suggest li.select{background:#2f6fb2;color:#fff;}
.suggest li a{color:inherit;}

/* 论坛 */
.bbs-side{background:#e5edf2;text-align:center;vertical-align:top;padding:10px;width:130px;}
.bbs-side img{width:80px;border:2px solid #fff;border-radius:6px;}
.bbs-body{background:#fff;vertical-align:top;padding:14px;position:relative;min-height:120px;}
.bbs-floor{position:absolute;right:10px;top:6px;color:#999;font-size:12px;}
.bbs-time{color:#999;font-size:12px;text-align:right;margin-top:16px;}

/* 订单卡片 */
table.qd{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);margin-bottom:14px;}
table.qd th,table.qd td{border:1px solid var(--line);padding:5px 8px;}
table.qd tr.light td{background:#eaf3fb;}
table.qd tr.u th{background:#e8eef4;}
table.qd tr.u2 td{background:#fdf3d8;font-weight:bold;}
.zhifu{background:var(--green);color:#fff;border-radius:4px;padding:1px 8px;margin-left:8px;}
.msgbar{background:#fff8e1;border:1px solid #f0dfa0;border-radius:6px;padding:8px 12px;margin-bottom:12px;cursor:pointer;}

/* 货位平面图 */
.hwgrid{border-collapse:collapse;background:#fff;}
.hwgrid th,.hwgrid td{border:1px solid #fff;padding:0;}
.hwgrid th{background:#ccc;padding:3px 6px;}
.hwgrid td a{display:block;min-width:56px;text-align:center;padding:6px 4px;color:#000;background:#eee;}
.hwgrid td a.has{background:#7bc043;}
.hwgrid td a:hover{opacity:.85;text-decoration:none;}
.pmc{display:inline-block;background:var(--green);color:#fff;border-radius:4px;padding:1px 8px;margin:2px;}
.pm{display:inline-block;background:#c2ccd4;color:#333;border-radius:4px;padding:1px 8px;margin:2px;}
.pmc:hover,.pm:hover{color:#fff;text-decoration:none;opacity:.85;}

/* 页脚 */
footer.foot{color:#8aa;text-align:center;padding:18px 0;font-size:12px;}

/* 登录页 */
body.login{background:linear-gradient(135deg,#52E5E7 10%,#130CB7 100%);min-height:100vh;}
.loginbox{max-width:360px;margin:60px auto 0;background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.loginbox img{max-width:80%;margin-bottom:14px;border-radius:6px;}
.loginbox input{width:100%;margin-bottom:12px;padding:10px;}
.loginbox .btn{width:100%;background:#026f36;padding:10px;font-size:16px;}
.loginbox .btn:hover{background:#02964a;}
.loginerr{color:var(--red);margin-bottom:10px;}

/* 手机适配 */
@media (max-width:720px){
  body{font-size:13px;}
  .brand{font-size:15px;}
  .ptitle{font-size:16px;}
  table.tb th,table.tb td{padding:4px 5px;}
  .cha{display:block;text-align:center;margin:6px 0;}
  .frow label{min-width:0;display:block;}
  .bbs-side{width:70px;}
  /* 手机端：搜索框不再右浮，改为整行块级，避免盖住表格 */
  .tabs form.srch{float:none;display:block;margin:8px 0 4px;}
  .tabs form.srch input[type=text]{width:100%;box-sizing:border-box;}
  .bbs-side img{width:48px;}
  input,select{padding:5px 6px;}
}