.pkd-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);padding:18px}
.pkd-modal{width:100%;max-width:1080px;max-height:94vh;display:flex;flex-direction:column;background:var(--color-surface,#fff);color:var(--color-on-surface,#222);border:1px solid var(--color-outline-variant,#ddd);border-radius:18px;box-shadow:0 20px 70px #0006;font:14px/1.45 Arial,sans-serif;outline:none}
.dark .pkd-modal{background:var(--color-surface,#1c222b);color:var(--color-on-surface,#eef0f5)}
.pkd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 24px;border-bottom:1px solid #8884}
.pkd-head small{font-size:11px;letter-spacing:.4px;opacity:.65}
.pkd-head h2{font-size:21px;font-weight:800;margin:2px 0 0}
.pkd-close{width:38px;height:38px;border-radius:10px;border:1px solid #8886;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;flex:none}
.pkd-close:hover{background:#8882}
.pkd-body{overflow:auto;padding:8px 24px 20px;flex:1}
.pkd-section{padding:16px 0;border-bottom:1px solid #8883}
.pkd-section:last-of-type{border-bottom:0}
.pkd-section h3{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:15px;font-weight:800}
.pkd-section h3 small{font-weight:400;font-size:12px;opacity:.6;margin-left:4px}
.pkd-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#d6a83d;color:#201b11;font-size:12px}
.pkd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}
.pkd-field{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}
.pkd-field>span{display:flex;justify-content:space-between;opacity:.8}
.pkd-field.span-3{grid-column:span 3}
.pkd-counter{font-style:normal;opacity:.6}
.pkd-modal input,.pkd-modal select,.pkd-modal textarea{width:100%;min-height:40px;border:1px solid #8886;border-radius:9px;padding:8px 10px;background:transparent;color:inherit;font:inherit;box-sizing:border-box}
.pkd-modal textarea{resize:vertical;min-height:84px;max-height:320px;overflow:auto;line-height:1.4}
.pkd-modal select option{background:var(--color-surface,#fff);color:var(--color-on-surface,#222)}
.pkd-modal input:disabled,.pkd-modal select:disabled,.pkd-modal textarea:disabled{opacity:.7;background:#8881;cursor:not-allowed}
.pkd-modal :focus-visible{outline:3px solid #d6a83d;outline-offset:1px}
.pkd-multi{position:relative}
.pkd-multi summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px;border:1px solid #8886;border-radius:9px;padding:5px 10px;cursor:pointer;box-sizing:border-box}
.pkd-multi summary::-webkit-details-marker{display:none}
.pkd-multi.disabled summary{opacity:.7;background:#8881;cursor:not-allowed}
.pkd-chips{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.pkd-chip{background:#d6a83d33;border-radius:999px;padding:2px 9px;font-size:12px;white-space:nowrap}
.pkd-placeholder{opacity:.55}
.pkd-options{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow:auto;background:var(--color-surface,#fff);border:1px solid #8886;border-radius:10px;box-shadow:0 10px 30px #0004;padding:4px}
.dark .pkd-options{background:var(--color-surface,#1c222b)}
.pkd-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;cursor:pointer;font-size:13px}
.pkd-option:hover{background:#8882}
.pkd-option input{width:16px;min-height:16px;height:16px;flex:none}
.pkd-tools{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin-bottom:10px}
.pkd-search{position:relative}
.pkd-results{position:absolute;z-index:6;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow:auto;background:var(--color-surface,#fff);border:1px solid #8886;border-radius:10px;box-shadow:0 10px 30px #0004;padding:4px}
.dark .pkd-results{background:var(--color-surface,#1c222b)}
.pkd-results button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:13px}
.pkd-results button:hover,.pkd-results button:focus-visible{background:#d6a83d26}
.pkd-results b{white-space:nowrap}
.pkd-results p{margin:0;padding:10px;font-size:12px;opacity:.7}
.pkd-table-scroll{overflow:auto}
.pkd-items{width:100%;border-collapse:collapse;min-width:620px}
.pkd-items th{text-align:left;font-size:11px;font-weight:600;opacity:.65;padding:6px 6px}
.pkd-items th:nth-child(4){text-align:right}
.pkd-items td{padding:5px 6px;border-bottom:1px solid #8883;vertical-align:middle}
.pkd-items td:nth-child(2){width:170px}
.pkd-items td:nth-child(3){width:120px}
.pkd-items td:nth-child(4){width:120px}
.pkd-items td:nth-child(5){width:40px}
.pkd-qty{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:6px}
.pkd-line-total{white-space:nowrap;text-align:right;font-weight:700}
.pkd-tools{align-items:center}
.pkd-lines{list-style:none;margin:0;padding:0;border:1px solid #8884;border-radius:12px}
.pkd-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #8883}
.pkd-line:last-child{border-bottom:0}
.pkd-line.editable{cursor:pointer}
.pkd-line.editable:hover{background:#d6a83d14}
.pkd-line-name{min-width:0;overflow-wrap:anywhere}
.pkd-line-name small{opacity:.65;white-space:nowrap}
.pkd-line b{white-space:nowrap}
.pkd-manual{font-size:12px;font-style:normal;color:#b7861a;white-space:nowrap}
.dark .pkd-manual{color:#e8c16a}
.pkd-line.editing{display:block;background:#d6a83d0d}
.pkd-line-edit{display:grid;grid-template-columns:minmax(0,1fr) 170px 120px auto;gap:8px;align-items:center}
.pkd-line-buttons{display:flex;gap:2px}
.pkd-icon.ok:hover:not(:disabled){background:#2e7d3222;color:#2e7d32}
.pkd-add{padding:8px 12px}
.pkd-add .pkd-search{flex:1}
.pkd-icon{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:20px;cursor:pointer;opacity:.6}
.pkd-icon:hover:not(:disabled){background:#d8323222;color:#c52a20;opacity:1}
.pkd-icon:disabled{opacity:.2;cursor:default}
.pkd-summary{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:14px;flex-wrap:wrap}
.pkd-summary-left{display:flex;align-items:flex-end;gap:14px}
.pkd-discount{width:120px}
.pkd-totals{margin:0;display:grid;gap:4px;min-width:260px}
.pkd-totals div{display:flex;justify-content:space-between;gap:24px;font-size:13px}
.pkd-totals dt{opacity:.7}
.pkd-totals dd{margin:0;font-weight:600;white-space:nowrap}
.pkd-totals .pkd-grand{margin-top:4px;padding-top:6px;border-top:1px solid #8884;align-items:baseline}
.pkd-totals .pkd-grand dt{opacity:1;font-weight:700}
.pkd-totals .pkd-grand dd{font:800 26px/1.2 Arial}
.pkd-hint{margin:4px 0 0;font-size:12px;opacity:.7}
.pkd-hint.bad{color:#c52a20;opacity:1}
.pkd-btn{padding:10px 16px;border:1px solid transparent;border-radius:11px;cursor:pointer;font:700 13px Arial;min-height:40px}
.pkd-btn.primary{background:#d6a83d;color:#201b11}
.pkd-btn.secondary{background:transparent;border-color:#8886;color:inherit}
.pkd-btn:disabled{opacity:.4;cursor:default}
.pkd-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #8884;background:inherit;border-radius:0 0 18px 18px}
.pkd-state{margin-right:auto;font-size:12px;opacity:.6}
.pkd-state.dirty{opacity:1;color:#b7861a;font-weight:700}
.dark .pkd-state.dirty{color:#e8c16a}
.pkd-error{background:#d832321a;color:#c52a20;padding:12px;border:1px solid #d8323244;border-radius:10px;margin:12px 0 0}
.dark .pkd-error{color:#ffb4ab}
.pkd-note{background:#d6a83d1a;padding:12px;border-radius:10px;font-size:12px;margin:12px 0 0}
.pkd-loading{padding:30px 0;text-align:center;opacity:.7}
.pkd-versions{margin-top:12px}
.pkd-versions summary{cursor:pointer;font-weight:700;padding:8px 0}
.pkd-versions .pkd-field{margin:6px 0 10px}
.pkd-version{padding:10px 0;border-bottom:1px solid #8884;display:flex;gap:15px;flex-wrap:wrap;font-size:12px}
.pkd-version a{text-decoration:underline;color:inherit}
@media(max-width:900px){.pkd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pkd-field.span-3{grid-column:span 2}.pkd-overlay{padding:6px}.pkd-head,.pkd-body,.pkd-actions{padding-left:14px;padding-right:14px}.pkd-tools{grid-template-columns:1fr}.pkd-line-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pkd-line-edit .pkd-search{grid-column:span 2}.pkd-summary{flex-direction:column;align-items:stretch}.pkd-actions{gap:8px}.pkd-btn{padding:9px 11px}}
@media print{.pkd-overlay{display:none}}
/* 3.6.1: поле с ошибкой подсвечивается, пока его не исправят */
.pkd-modal .pkd-invalid,.pkd-modal details.pkd-invalid>summary{border-color:#d83232!important;box-shadow:0 0 0 3px #d8323233!important;background-color:#d832320f}
.pkd-line.pkd-invalid{outline:2px solid #d83232;outline-offset:-2px;border-radius:10px}
.pkd-state.bad{opacity:1;color:#c52a20;font-weight:700}
.dark .pkd-state.bad{color:#ffb4ab}
/* Карточка кассовой операции (вывод/внесение) */
.pkd-modal-cash{max-width:560px}
.pkd-cash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:12px 0 0}
.pkd-cash div{min-width:0}
.pkd-cash dt{font-size:12px;opacity:.65;margin:0 0 2px}
.pkd-cash dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.pkd-cash .pkd-cash-sum dd{font-size:18px}
.pkd-cash .pkd-cash-note{grid-column:1/-1}
.pkd-cash .pkd-cash-note dd{font-weight:400;white-space:pre-wrap}