/* 临海本店采购（2026-10-13 用户：外采界面照生产系统）：页签、筛选、按供应商分组卡片、按客户表格、已采购记录。独立样式文件（首屏样式有硬预算）。 */
.lp-root { display: grid; gap: 10px; }
.lp-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.lp-tabs button { border: 1px solid rgba(125, 137, 150, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.8); color: var(--muted); padding: 6px 14px; font-size: 13px; font-weight: 900; cursor: pointer; }
.lp-tabs button.is-active { border-color: rgba(10, 132, 255, 0.4); background: rgba(10, 132, 255, 0.12); color: var(--active-text); }
.lp-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lp-filters input[type="search"] { flex: 1 1 260px; min-width: 200px; border: 1px solid rgba(125, 137, 150, 0.3); border-radius: 8px; padding: 7px 10px; font-size: 13px; }
.lp-filters select { border: 1px solid rgba(125, 137, 150, 0.3); border-radius: 8px; padding: 7px 10px; font-size: 13px; background: #fff; }
.lp-view { display: inline-flex; margin-left: auto; border: 1px solid rgba(125, 137, 150, 0.2); border-radius: 999px; overflow: hidden; }
.lp-view button { border: 0; background: transparent; color: var(--muted); padding: 5px 12px; font-size: 12px; font-weight: 900; cursor: pointer; }
.lp-view button.is-active { background: rgba(10, 132, 255, 0.12); color: var(--active-text); }
.lp-feedback { min-height: 1.2em; margin: 0; color: #b42318; font-size: 12px; font-weight: 800; }
.lp-feedback:empty { display: none; }
.lp-summary { margin: 0; color: var(--muted); font-size: 12px; font-weight: 800; }
.lp-group { border: 1px solid rgba(125, 137, 150, 0.16); border-radius: 10px; background: rgba(255, 255, 255, 0.7); padding: 10px 12px; display: grid; gap: 10px; }
.lp-group-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.lp-group-head h4 { margin: 0 auto 0 0; font-size: 14px; }
.lp-po h5 { margin: 0 0 6px; color: var(--muted); font-size: 12px; font-weight: 800; }
.lp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.lp-card { display: grid; gap: 6px; border: 1px solid rgba(125, 137, 150, 0.16); border-radius: 10px; background: rgba(248, 250, 252, 0.9); padding: 10px 12px; font-size: 12px; }
.lp-card-head, .lp-card-item { display: flex; justify-content: space-between; gap: 8px; min-width: 0; }
.lp-card-head strong { font-size: 13px; }
.lp-card-head span, .lp-card-item span { color: var(--muted); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-card-details summary { cursor: pointer; color: var(--active-text); font-weight: 800; }
.lp-card-details p { margin: 4px 0 0; color: var(--muted); }
.lp-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 6px 10px; }
.lp-card-grid > div { display: grid; gap: 2px; min-width: 0; }
.lp-card-grid span { color: var(--muted); font-size: 11px; font-weight: 800; }
.lp-card-grid strong { font-size: 13px; }
.lp-card-grid small { color: var(--muted); font-weight: 800; }
.is-urgent { color: #b42318; }
.lp-status { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-weight: 800; }
.lp-check { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; }
.lp-price { display: inline-flex; align-items: center; gap: 6px; font-weight: 900; }
.lp-card-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-table th, .lp-table td { font-size: 12px; vertical-align: top; }
.lp-record-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.lp-record-filters label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; color: var(--muted); }
.lp-record-filters select { border: 1px solid rgba(125, 137, 150, 0.3); border-radius: 8px; padding: 5px 8px; font-size: 12px; background: #fff; }
@media (max-width: 760px) { .lp-cards { grid-template-columns: 1fr; } .lp-view { margin-left: 0; } }
/* 第二、三期：页内表单（弹窗）、链接文字、物流进度、待验收 */
.lp-link { color: var(--active-text); font-weight: 800; text-decoration: underline; }
.lp-progress { display: grid; gap: 2px; }
.lp-progress small { color: var(--muted); font-weight: 800; }
.lp-progress .chip-button { justify-self: start; }
.lp-location { width: 120px; border: 1px solid rgba(125, 137, 150, 0.3); border-radius: 6px; padding: 4px 6px; font-size: 12px; }
.lp-dialog-backdrop { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; background: rgba(12, 31, 23, 0.35); padding: 16px; }
.lp-dialog { width: min(520px, 100%); max-height: 90vh; overflow: auto; display: grid; gap: 10px; background: #fff; border-radius: 14px; padding: 20px 22px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2); }
.lp-dialog h3 { margin: 0; font-size: 16px; }
.lp-dialog p { margin: 0; color: var(--muted); font-size: 13px; }
.lp-dialog label { display: grid; gap: 4px; font-size: 13px; font-weight: 800; color: #344c40; }
.lp-dialog input, .lp-dialog select, .lp-dialog textarea { border: 1px solid rgba(125, 137, 150, 0.35); border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 14px; }
.lp-dialog textarea { min-height: 64px; resize: vertical; }
.lp-dialog small { color: var(--muted); font-size: 12px; }
.lp-dialog-error { min-height: 1.2em; margin: 0; color: #b42318; font-size: 12px; font-weight: 800; }
.lp-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }