/* V25.172 廠商聯絡簿（只作用在 vd172- 開頭的元素） */
#app .vd172-add{flex:0 0 auto;margin:0;height:34px;padding:0 14px;border-radius:999px;border:0;background:#c62a3a;color:#fff;font:inherit;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none}
#app .vd172-add:active{background:#a92231}
.vd172-tabs{display:flex;gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 12px;border-bottom:1px solid #dfe6ec}
.vd172-tabs:empty{display:none}
.vd172-tabs::-webkit-scrollbar{display:none}
#app .vd172-tab{flex:0 0 auto;width:auto;min-height:0;margin:0;padding:10px 0 9px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;box-shadow:none;color:#6b8196;font:inherit;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer}
#app .vd172-tab.on{color:#1468a6;border-bottom-color:#1468a6}
#app h2.vd172-cat{margin:14px 2px 8px;padding:0;background:none;font-size:15px;font-weight:800;color:#153f63}
#app h2.vd172-cat:first-child{margin-top:2px}
.vd172-card{background:#fcfaf6;border:1px solid #e8e5df;border-radius:14px;padding:13px 13px 8px;margin:0 0 11px;color:#173049}
.vd172-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .vd172-top h3{margin:0;padding:0;min-width:0;background:none;font-size:18px;font-weight:800;line-height:1.35;color:#0d4f80;overflow-wrap:anywhere}
#app .vd172-edit{flex:0 0 auto;width:auto;min-height:0;height:30px;margin:0;padding:0 12px;border:1px solid #bad1e0;border-radius:999px;background:#fff;box-shadow:none;color:#1468a6;font:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer}
.vd172-scope{margin:9px 0 2px;padding:8px 11px;border-radius:10px;background:#edf5fb;font-size:14px;line-height:1.55;font-weight:700;color:#153f63;overflow-wrap:anywhere;white-space:pre-wrap}
.vd172-scope b{display:block;font-size:12px;font-weight:700;color:#52718c;margin-bottom:1px}
.vd172-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ebe7df}
.vd172-ph:last-child{border-bottom:0}
#app a.vd172-num{min-width:0;color:#173049;text-decoration:none;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vd172-num small{display:block;font-size:12px;font-weight:600;color:#52718c}
#app a.vd172-call{flex:0 0 auto;display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;background:#1468a6;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1}
#app a.vd172-call:active{background:#0f5587}
.vd172-chips{display:flex;flex-wrap:wrap;gap:8px}
.vd172-chip{margin:0;height:32px;padding:0 12px;border-radius:999px;border:1px solid #bad1e0;background:#edf5fc;color:#1468a6;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer}
.vd172-chip.on{background:#1468a6;border-color:#1468a6;color:#fff}
.vd172-chip.add{border-style:dashed;background:#f4f9fd}
.vd172-panel .md140-st{display:flex}
.vd172-panel .vd172-in{background:#edf5fb;border-color:#b8d0e2}
.vd172-panel .vd172-in:focus{background:#fff;border-color:#1468a6}
.vd172-in::placeholder{text-align:center}
.vd172-in:placeholder-shown{text-overflow:ellipsis}
textarea.vd172-ta{height:auto;min-height:66px;padding:10px 12px;line-height:1.5;resize:vertical}
.vd172-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) 28px;gap:6px;align-items:center;margin:0 0 8px}
.vd172-rm{width:28px;height:36px;margin:0;padding:0;border:0;background:none;color:#c0202f;display:flex;align-items:center;justify-content:center;cursor:pointer}
.vd172-addph{display:block;width:100%;height:40px;margin:2px 0 0;border:1.5px dashed #8fb6d6;border-radius:10px;background:#f4f9fd;color:#1468a6;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.md140-save.vd172-save{background:#0d4f80}
.vd172-del{display:block;width:100%;margin:6px 0 0;padding:9px;border:0;background:none;color:#c0202f;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.vd172-panel button.vd172-rm,.vd172-panel button.vd172-chip,.vd172-panel button.vd172-addph,.vd172-panel button.vd172-del{box-shadow:none}
@media (max-width:360px){
  .vd172-row{grid-template-columns:minmax(0,1fr) 28px;margin-bottom:12px}
  .vd172-row .n{grid-column:1;grid-row:1}
  .vd172-row .t{grid-column:1;grid-row:2}
  .vd172-row .vd172-rm{grid-column:2;grid-row:1}
}