
/* CynthiaScreen ERP V6.0.5 — Customer Price History */
.ph-page{display:flex;flex-direction:column;gap:13px}
.ph-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ph-toolbar h2{margin:0 0 4px;color:#163f68;font-size:21px}.ph-toolbar p{margin:0;color:#718196;font-size:11px;max-width:780px;line-height:1.5}
.ph-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.ph-filter-card,.ph-card{background:#fff;border:1px solid #d7e1ea;border-radius:12px;padding:13px;box-shadow:0 7px 24px rgba(26,48,74,.045)}
.ph-filter-card{display:grid;grid-template-columns:1.2fr 1.8fr .7fr .9fr auto;gap:9px;align-items:end}
.ph-filter-card label{display:block;font-size:9.5px;font-weight:800;color:#63758a;margin-bottom:4px}.ph-filter-card input,.ph-filter-card select{width:100%;border:1px solid #cbd7e1;border-radius:8px;padding:8px 9px;background:#fff;color:#192638}
.ph-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ph-kpis>div{background:#fff;border:1px solid #d7e1ea;border-radius:11px;padding:11px 12px}.ph-kpis span{display:block;color:#7a899a;font-size:9px;font-weight:850;text-transform:uppercase}.ph-kpis b{display:block;color:#174f86;font-size:17px;margin:4px 0 2px}.ph-kpis small{display:block;color:#8290a0;font-size:8.8px}
.ph-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.ph-card-head h3{margin:0;color:#1b456d;font-size:14px}.ph-card-head span{color:#748498;font-size:10px}
.ph-table{width:100%;border-collapse:collapse;min-width:1200px}.ph-table th,.ph-table td{padding:7px 8px;border-bottom:1px solid #e5ebf0;text-align:left;font-size:10px;vertical-align:top}.ph-table th{background:#f4f7fa;color:#586b80;font-size:8.8px;text-transform:uppercase;white-space:nowrap}.ph-table td b{color:#294d6d}.ph-source{display:inline-flex;padding:3px 6px;border-radius:999px;background:#edf4fa;color:#33638b;font-size:8.7px;font-weight:800}.ph-source.manual{background:#fff4dd;color:#825c10}.ph-source.full_price_book{background:#eaf7f1;color:#177354}.ph-note{max-width:220px;color:#6b7c8e;font-size:9px;white-space:pre-wrap}
.ph-empty{text-align:center;padding:28px;color:#8190a0}
.price-history-hint{margin:6px 0 0;border:1px solid #d8e2eb;border-left:4px solid #8ba5bb;border-radius:8px;padding:7px 9px;background:#f9fbfd;font-size:9.5px;line-height:1.45;color:#52687c;display:none}
.price-history-hint.show{display:block}.price-history-hint.ok{border-left-color:#2f9872;background:#f5fbf8}.price-history-hint.yellow{border-left-color:#d8b136;background:#fffdf4}.price-history-hint.orange{border-left-color:#d67c24;background:#fff8ef}.price-history-hint.red{border-left-color:#bc3f37;background:#fff5f4}.price-history-hint .ph-h-main{display:flex;justify-content:space-between;gap:10px;align-items:center}.price-history-hint strong{color:#244a69}.price-history-hint .ph-alert-red{color:#a53029;font-weight:900}.price-history-hint .ph-alert-orange{color:#a85a14;font-weight:900}.price-history-hint .ph-alert-yellow{color:#806715;font-weight:900}.price-history-hint small{display:block;color:#78889a;margin-top:2px}.price-history-hint button{border:0;background:transparent;padding:0;color:#1a5d91;font-weight:800;font-size:9px;cursor:pointer}
.ph-rule-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ph-rule-box label{font-size:9.5px;color:#5d7084;font-weight:800}.ph-rule-box input{width:100%;padding:8px;border:1px solid #cbd7e1;border-radius:8px}
html[data-theme="dark"] .ph-filter-card,html[data-theme="dark"] .ph-card,html[data-theme="dark"] .ph-kpis>div{background:#111c28;border-color:#2b4052}html[data-theme="dark"] .ph-toolbar h2,html[data-theme="dark"] .ph-card-head h3{color:#dceaf4}html[data-theme="dark"] .ph-filter-card input,html[data-theme="dark"] .ph-filter-card select{background:#0d1722;color:#e5edf4;border-color:#33495e}html[data-theme="dark"] .ph-table th{background:#172738;color:#acbdca}html[data-theme="dark"] .ph-table td{border-color:#26394b}html[data-theme="dark"] .price-history-hint{background:#0e1924;border-color:#33495e;color:#bdcbd6}
@media(max-width:1150px){.ph-filter-card{grid-template-columns:1fr 1fr}.ph-filter-button{grid-column:1/-1}.ph-kpis{grid-template-columns:1fr 1fr}}@media(max-width:720px){.ph-toolbar{flex-direction:column}.ph-actions{justify-content:flex-start}.ph-filter-card,.ph-kpis{grid-template-columns:1fr}.ph-filter-button{grid-column:auto}.ph-rule-box{grid-template-columns:1fr}.price-history-hint .ph-h-main{align-items:flex-start;flex-direction:column}}
