/* 内部下单(员工端)样式。配色与圆角照 admin/css/admin.css(#8C6D57 棕 + 米色底 + 12~14px 圆角),
   只写这一页要用的。
   ⚠️ 网页用 px/rem —— `rpx` 是小程序单位, 在这页上等于没写(样式静默失效)。 */

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f7f4ee;color:#2d2d2d;min-height:100vh}
button{font-family:inherit;cursor:pointer}
input{border:1px solid #ddd;border-radius:8px;padding:8px 10px;font-size:13px;outline:none;background:#fff}
input:focus{border-color:#8C6D57}
/* ⚠️ 这里**不写**全局的 input:disabled —— 本页唯一的 disabled 输入就是没货的尺码格,
   它由下面 .size.disabled input 那条管住; 多写一条全局的没人会去动、也没用例盯着(变异自检里
   它是一条"改了全绿"的死规则, 已删)。 */
/* ⭐ 承重: 视图/详情/toast 全靠 hidden 属性切换, 而上面 body/下面 .login-wrap 这类 display:flex
   会把 UA 那条 `[hidden]{display:none}` **盖掉** ⇒ 不加这句的话"登录页藏不住"(两屏叠着显示)。
   注意别用 .hidden 类: 属性与类各写一套, 迟早有一处忘了同步。 */
[hidden]{display:none!important}

/* ===== 登录 ===== */
.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login-card{background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:32px 28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}
.login-card h1{font-size:22px;letter-spacing:2px;text-align:center;color:#8C6D57}
.login-card input{width:100%;padding:11px 12px;font-size:15px}
.login-card button{padding:11px;border:none;border-radius:10px;background:linear-gradient(135deg,#8C6D57,#A98C6F);color:#fff;font-size:15px}
.login-card button:disabled{background:#ccc;cursor:not-allowed}
.msg{color:#c0392b;font-size:12px;text-align:center;min-height:18px}

/* ===== 顶栏 ===== */
.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,#8C6D57,#A98C6F);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px}
.topbar h1{font-size:17px;letter-spacing:2px;font-weight:600}
.me{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px}
.ghost{background:rgba(255,255,255,.18);border:none;color:#fff;border-radius:8px;padding:5px 12px;font-size:12px}

/* ===== 搜索 ===== */
.searchbar{display:flex;gap:8px;padding:12px 14px 0}
.searchbar input{flex:1;padding:11px 12px;font-size:15px}
.searchbar button{border:none;border-radius:8px;background:#8C6D57;color:#fff;padding:0 18px;font-size:15px}

/* ===== 结果区(一款一卡, 一色一张尺码表) ===== */
#results{padding:12px 14px 0}
.style{background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:14px;margin-bottom:12px}
.style h3{font-size:15px;font-weight:600;margin-bottom:10px}
.style h3 .code{color:#8C6D57;margin-right:8px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.size{display:flex;align-items:center;gap:6px;border:1px solid #e8e2d8;border-radius:10px;padding:6px 8px;background:#fff}
.size label{color:#8a7a63;font-size:13px;min-width:24px;text-align:center}
.size input{width:56px;text-align:center;padding:6px;font-size:14px}
/* ⭐ 没货(可用数+在途=0)的格: 灰掉且**点不动** —— 与规格 §五 同款 */
.size.disabled { background:#f3f4f6; opacity:.6; }
.size.disabled input { background:#f3f4f6; cursor:not-allowed; }
.empty{text-align:center;color:#aaa;padding:40px 0;font-size:14px}

/* ===== 单详情(提交之后那一屏) ===== */
#detail{margin:12px 14px 0;background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:14px}
#detail h3{font-size:15px;color:#8C6D57;margin-bottom:8px}
#detail .push{margin-bottom:8px;font-size:13px;line-height:1.6}
.push.ok{color:#2e7d32;font-weight:600}
.push.fail{color:#c62828;font-weight:600}
.push.wait{color:#8a7a63}
#detail .item{font-size:13px;color:#555;line-height:1.8}
#detail button{margin-top:10px;border:none;border-radius:8px;background:#8C6D57;color:#fff;padding:8px 16px;font-size:13px}
#detail button:disabled{background:#ccc;cursor:not-allowed}

/* ===== 底栏(常驻: 合计 + 是谁 + 提交) ===== */
.bottombar{position:sticky;bottom:0;z-index:20;background:#fff;border-top:1px solid #e8e2d8;display:flex;align-items:center;gap:10px;padding:12px 14px}
.total{font-size:14px;color:#555}
.foot-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.who{font-size:12px;color:#8a7a63}
.submit{border:none;border-radius:10px;background:linear-gradient(135deg,#8C6D57,#A98C6F);color:#fff;font-size:15px;padding:11px 22px}
.submit:disabled{background:#ccc;cursor:not-allowed}

/* ===== 提示条 ===== */
#toast{position:fixed;left:50%;top:16px;transform:translateX(-50%);background:#2d2d2d;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;z-index:99;max-width:90vw;text-align:center}