/* ============ 关门以后怎么买（js/city/after-hours-ui.js）：关门提示 · 网购 · 私人预约 · 场内店 ============
   只用 tokens.css 的颜色；前缀 ah-。字少：一行状态 + 几个按钮，按钮下面一小行时间 / 原因。 */
.ah-mod{z-index:64;}
.modal-box.ah-box{width:400px;}
.ah-box .mb{display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px;}

/* 一行：现在关门了 · 明天 10:00 开门 */
.ah-line{display:flex;align-items:baseline;gap:12px;}
.ah-line b{font:var(--fs-m) var(--serif);font-weight:400;color:var(--cream-100);letter-spacing:.06em;}
.ah-line span{font-size:var(--fs-s);color:var(--tx-3);}

/* 这件东西 + 价 */
.ah-item{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--r-1);background:rgba(0,0,0,.25);}
.ah-item span{flex:1;min-width:0;color:var(--tx-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ah-item b{font:17px var(--serif);font-weight:400;color:var(--brass-100);}

/* 办法：一行一个，左边名字、右边一小行 */
.ah-opts{display:flex;flex-direction:column;gap:6px;}
.ah-opt{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border:1px solid var(--brass-900);border-radius:var(--r-1);
  background:linear-gradient(180deg,#2a2018,#1a130e);color:var(--cream-100);cursor:pointer;text-align:left;box-shadow:var(--hi-warm);
  transition:border-color var(--t-norm),background var(--t-norm);}
.ah-opt:hover:not([disabled]){border-color:var(--brass-500);background:linear-gradient(180deg,#33271c,#1f1711);}
.ah-opt .k{font:var(--fs-m) var(--serif);letter-spacing:.12em;min-width:72px;}
.ah-opt .v{margin-left:auto;font-size:var(--fs-s);color:var(--tx-2);}
.ah-opt.pri{border-color:var(--brass-700);}
.ah-opt.pri .k{color:var(--brass-100);}
.ah-opt[disabled]{cursor:not-allowed;background:rgba(0,0,0,.2);box-shadow:none;}
.ah-opt[disabled] .k{color:var(--tx-3);}
.ah-opt[disabled] .v{color:var(--tx-3);}

/* 下单确认 */
.ah-kv{display:grid;grid-template-columns:1fr auto;row-gap:6px;font-size:13px;color:var(--tx-3);}
.ah-kv b{font:15px var(--serif);font-weight:400;color:var(--cream-100);text-align:right;}
.ah-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:2px;}

/* 客户经理 */
.ah-host{display:flex;align-items:center;gap:12px;}
.ah-host .pf{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;background:radial-gradient(circle at 50% 30%,#3a2d22,#15100c);box-shadow:0 0 0 1px var(--brass-700);}
.ah-host .pf svg{width:100%;height:100%;display:block;}
.ah-host b{display:block;font:16px var(--serif);font-weight:400;color:var(--brass-100);}
.ah-host small{font-size:var(--fs-s);color:var(--tx-3);}
.ah-say{font:var(--fs-m) var(--serif);color:var(--cream-100);}
.ah-slots{display:flex;gap:8px;}
.ah-slots .btn{flex:1;justify-content:center;font:var(--fs-m) var(--serif);letter-spacing:.06em;}

/* 从客户经理那里挑店 */
.ah-pick{display:flex;flex-direction:column;gap:6px;max-height:calc(var(--vh) * 56);overflow:auto;}
.ah-pick .cat{font:var(--fs-s) var(--serif);letter-spacing:.2em;color:var(--brass-300);margin-top:4px;}
.ah-pick .row{display:flex;flex-wrap:wrap;gap:6px;}
.ah-pick .btn.on{border-color:var(--brass-500);color:var(--brass-100);opacity:1;filter:none;}

/* 服装店分类栏右边：为你开着 · 到 23:30 */
.ah-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid var(--brass-700);border-radius:var(--r-1);
  font-size:var(--fs-s);color:var(--brass-100);letter-spacing:.06em;white-space:nowrap;}
.ah-tag .ic{width:13px;height:13px;fill:var(--brass-300);}
.fs-store[data-tier="low"] .ah-tag{color:#5b4520;border-color:#b89a5c;}
.fs-store[data-tier="low"] .ah-tag .ic{fill:#8e6a2b;}

/* 门店列表（场内店）：营业到几点 */
.ah-lh{font-style:normal;color:var(--tx-3);}
.ah-lh.shut{color:var(--tx-3);opacity:.8;}

/* 地图卡片：为你开着 / 预约 22:30 */
.cy-card .meta .st.ah-appt{color:var(--brass-100);}
.cy-card .meta .st.ah-soon{color:var(--brass-300);}
/* 赌场卡片下面：场内两家店 */
.ah-star{display:flex;flex-direction:column;gap:6px;padding:10px 14px 12px;border-top:1px solid var(--hairline);}
.ah-star .k{font:var(--fs-s) var(--serif);letter-spacing:.2em;color:var(--brass-300);}
.ah-sbtn{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--brass-900);border-radius:var(--r-1);
  background:rgba(0,0,0,.25);color:var(--cream-100);cursor:pointer;text-align:left;}
.ah-sbtn:hover{border-color:var(--brass-500);}
.ah-sbtn b{font:14px var(--serif);font-weight:400;white-space:nowrap;}
.ah-sbtn .ah-lh{margin-left:auto;font-size:var(--fs-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
/* 地图图钉：为你开着 */
.cy-pin.appt .ring{stroke:var(--brass-300);stroke-width:2.2;}
.cy-pin.appt text{fill:var(--brass-100);}

/* 客户经理消息窗顶上一行：私人预约 */
.ah-mail{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--hairline);border-radius:var(--r-1);background:rgba(0,0,0,.2);}
.ah-mail .k{font:var(--fs-s) var(--serif);letter-spacing:.2em;color:var(--brass-300);}
.ah-mail .grow{flex:1;}
.ah-mail small{font-size:var(--fs-s);color:var(--tx-3);}
.ah-chip{font-size:var(--fs-s);color:var(--cream-100);padding:2px 8px;border:1px solid var(--brass-900);border-radius:var(--r-1);}

/* 手机 */
html.m .modal-box.ah-box{width:calc(var(--vw) * 100 - 24px);}
html.m .ah-opt{height:50px;}