.pm-detail-photo { padding: 18px 16px; }
.pm-detail-cover { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; border: 1px solid #e8edf4; border-radius: 4px; background: #fff; padding: 4px; cursor: zoom-in; }
.pm-detail-cover img { width: 100%; height: 100%; object-fit: contain; }
.pm-detail-art { color: #a7b9cc; background: #f6f8fb; cursor: default; }
.pm-detail-art svg { width: 70%; height: 70%; }
.pm-detail-art.sand { color: #c8b798; background: #f9f6ef; }
.pm-detail-art.green { color: #9bb6a5; background: #f2f7f3; }
.pm-detail-photo strong { color: #364c69; font-size: 12px; line-height: 1.6; }
.pm-detail-photo > small { color: #607691; }
.pm-detail-content { padding: 26px 24px; color: #40516a; font-size: 12px; }
.pm-detail-section { outline: none; }
.pm-detail-title { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; }
.pm-detail-title h2 { margin: 0; font-size: 20px; font-weight: 600; color: #26364e; overflow-wrap: anywhere; }
.pm-detail-fields { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px 22px; margin: 0 0 30px; }
.pm-detail-fields > div { display: flex; align-items: baseline; min-width: 0; gap: 5px; }
.pm-detail-fields dt { flex: 0 0 100px; text-align: right; color: #7d899b; font-weight: 400; }
.pm-detail-fields dd { margin: 0; min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.7; }
.pm-detail-line { display: flex; align-items: baseline; gap: 8px; margin-top: 24px; }
.pm-detail-line > span { flex: 0 0 84px; text-align: right; color: #7d899b; }
.pm-detail-line > div { flex: 1; min-width: 0; }
.pm-detail-line .pm-attachment-field ul { margin: 0; }
.pm-detail-description-line { align-items: flex-start; }
.pm-detail-description-line > span { padding-top: 10px; }
.pm-detail-description { border: 1px solid #dfe6f0; border-radius: 4px; overflow: hidden; }
.pm-detail-description-toolbar { display: flex; align-items: center; gap: 16px; padding: 9px 12px; border-bottom: 1px solid #e5eaf3; }
.pm-detail-description-toolbar button { border: 0; background: transparent; color: #2869db; padding: 0; font: inherit; }
.pm-detail-description-toolbar > span { color: #cd6370; }
.pm-detail-description .pm-rich-description { padding: 16px; min-height: 370px; max-height: 550px; overflow: auto; line-height: 1.9; }
.pm-detail-description > .pm-detail-empty { min-height: 370px; text-align: left; margin: 0; }
.pm-detail-section > h3 { margin: 0 0 24px; padding-left: 8px; border-left: 2px solid #2869db; color: #34465f; font-size: 13px; font-weight: 600; }
.pm-detail-section > h3 small { color: #94a3b7; font-size: 11px; font-weight: 400; margin-left: 8px; }
.pm-detail-table-wrap { border: 1px solid #e0e6ef; border-radius: 4px; overflow-x: auto; }
.pm-detail-table { width: 100%; min-width: 700px; border-collapse: collapse; }
.pm-detail-table th { padding: 12px; background: #f5f7fa; text-align: left; font-weight: 500; white-space: nowrap; }
.pm-detail-table td { padding: 14px 12px; border-top: 1px solid #e7ecf3; overflow-wrap: anywhere; line-height: 1.7; }
.pm-detail-table td small { display: block; color: #93a2b7; font-size: 11px; }
.pm-detail-table tfoot td { font-weight: 600; }
.pm-detail-empty { padding: 24px !important; color: #99a6b8; text-align: center; }
.pm-detail-gallery { display: grid; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 20px; }
.pm-detail-gallery button { position: relative; min-width: 0; padding: 10px; border: 1px solid #e0e7f1; border-radius: 5px; background: #fff; cursor: zoom-in; }
.pm-detail-gallery img { width: 100%; height: 155px; object-fit: contain; }
.pm-detail-gallery small { display: block; margin-top: 10px; color: #7f91a9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
.pm-detail-quality-gallery { margin-top: 20px; }
@media(max-width:1350px) { .pm-detail-fields { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .pm-detail-content { padding: 20px 12px; } .pm-detail-title h2 { font-size: 17px; } .pm-detail-photo { padding: 8px; } .pm-detail-cover { width: 58px; height: 58px; } .pm-detail-fields { grid-template-columns: minmax(0,1fr); gap: 18px; } .pm-detail-fields dt { flex-basis: 94px; } .pm-detail-line { display: block; } .pm-detail-line > span { display: block; text-align: left; margin-bottom: 10px; } .pm-detail-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .pm-detail-gallery img { height: 110px; } .pm-detail-description .pm-rich-description { min-height: 260px; } }

.pm-log-toolbar { display:flex; align-items:center; gap:12px; margin:0 0 12px; }
.pm-log-date { position:relative; }
.pm-log-date-trigger { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:236px; height:35px; padding:0 13px; border:1px solid #c9d5e8; border-radius:4px; background:#fff; color:#303744; font:inherit; letter-spacing:.4px; cursor:pointer; }
.pm-log-date-trigger svg { width:16px; height:16px; fill:none; stroke:#97a3b5; stroke-width:1.5; }
.pm-log-date-panel { position:absolute; z-index:5; top:calc(100% + 6px); left:0; width:min(310px,calc(100vw - 64px)); padding:16px; background:#fff; border:1px solid #dce3ee; border-radius:5px; box-shadow:0 6px 24px #20365026; }
.pm-log-date-presets { display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; }
.pm-log-date-presets button { border:0; background:transparent; color:#2c65c5; padding:0; font:inherit; cursor:pointer; }
.pm-log-date-panel label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; }
.pm-log-date-panel input { min-width:0; border:1px solid #c9d5e8; border-radius:4px; padding:6px; color:inherit; font:inherit; }
.pm-log-date-panel footer { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.pm-log-refresh { display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-left:auto; border:0; background:transparent; color:#7187a5; cursor:pointer; }
.pm-log-refresh svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; }
.pm-log-grid { border:1px solid #e0e5ed; border-radius:4px; overflow:hidden; }
.pm-log-scroll { overflow-x:auto; }
.pm-log-table { border-collapse:collapse; table-layout:fixed; width:100%; min-width:900px; color:#303744; font-size:12px; }
.pm-log-table th { position:relative; background:#f5f6f9; font-weight:500; text-align:left; padding:9px 12px; line-height:16px; }
.pm-log-table th:not(:last-child)::after { position:absolute; content:''; right:0; top:10px; height:13px; border-right:1px solid #d0d8e6; }
.pm-log-table td { padding:8px 12px; height:53px; box-sizing:border-box; vertical-align:top; line-height:20px; border-top:1px solid #e0e5ed; overflow-wrap:anywhere; }
.pm-log-table time { white-space:nowrap; font-variant-numeric:tabular-nums; letter-spacing:.3px; }
.pm-log-description { white-space:pre-wrap; }
.pm-log-description summary { cursor:pointer; }
.pm-log-description summary span { color:#2866ce; white-space:nowrap; }
.pm-log-description pre { font:inherit; white-space:pre-wrap; overflow-wrap:anywhere; max-height:300px; overflow:auto; margin:10px 0 0; }
.pm-log-table .pm-log-empty { text-align:center; color:#93a0b2; padding:25px 12px; }
.pm-log-pagination { display:flex; justify-content:flex-end; align-items:center; gap:12px; flex-wrap:wrap; min-height:50px; padding:9px 12px; border-top:1px solid #e0e5ed; color:#405b83; box-sizing:border-box; }
.pm-log-pagination button { border:0; font:inherit; cursor:pointer; background:transparent; color:#718aad; padding:0; }
.pm-log-pagination .pm-log-arrow { font-size:24px; width:16px; }
.pm-log-pagination .pm-log-page { min-width:30px; height:30px; border-radius:4px; }
.pm-log-pagination .pm-log-page.active { background:#e6efff; color:#2465ed; }
.pm-log-pagination select,.pm-log-pagination input { height:32px; border:1px solid #c9d5e8; border-radius:3px; color:#315780; background:#fff; font:inherit; }
.pm-log-pagination select { width:110px; padding:0 10px; }
.pm-log-pagination input { width:50px; text-align:center; margin:0 4px; appearance:textfield; }
.pm-log-pagination input::-webkit-inner-spin-button { appearance:none; }
.pm-log-pagination button:disabled,.pm-log-refresh:disabled { opacity:.45; cursor:default; }
@media(max-width:640px) { .pm-log-pagination { gap:8px; } .pm-log-date-trigger { min-width:220px; } }