.kpi[data-kpi]{cursor:pointer;text-align:left;font:inherit;color:inherit;transition:box-shadow .15s,transform .15s}.kpi[data-kpi]:hover{box-shadow:0 3px 14px #214b3420;transform:translateY(-2px)}.kpi.is-active{outline:2px solid var(--teal);outline-offset:1px}.period-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.period-controls label{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b8174}.period-controls select{font-size:12px;padding:8px}.view-hint{font-size:11px;color:#7d8b7d;margin:-8px 0 20px;line-height:1.6}.monthly-panel{margin-bottom:20px;padding:15px 18px}.monthly-panel summary{cursor:pointer;font-size:13px;font-weight:600}.monthly-panel .simple-table{margin-top:12px}.monthly-panel tr[data-report-period]{cursor:pointer}.monthly-panel tr[data-report-period]:hover td{background:#eef6ee}.note-mark{position:absolute;right:0;top:0;width:0;height:0;border-top:8px solid #cd9b39;border-left:8px solid transparent}.mini-note{position:fixed;z-index:150;width:275px;max-width:85vw;background:#fff9df;border:1px solid #e2d49a;border-radius:6px;padding:12px;box-shadow:0 6px 18px #4b401c25;font-size:12px;line-height:1.6;white-space:pre-wrap;pointer-events:none;color:#655c39}.note-button{font-size:11px!important;padding:7px!important}.note-meta{font-size:10px;color:#9b9066}.archived-list{display:grid;gap:10px;margin-top:20px}.archived-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:6px}.delivery-list{margin-top:15px;max-height:210px;overflow:auto}.delivery-item{padding:10px;border-left:3px solid #8eae8a;background:#f4f7f0;margin:7px 0;font-size:12px;line-height:1.7}.period-history{overflow:auto;max-height:330px;margin-top:16px}.period-history .simple-table{min-width:600px}.field-help{font-size:10px;color:#7a8a7e;line-height:1.6}.modal-note{background:#fff9e7;padding:10px;border-radius:5px;font-size:12px;white-space:pre-wrap}.kpi-footer{font-size:10px;color:#758a76;margin-top:8px}.active-filter{font-size:11px;color:#147569;margin:0 0 12px}.table-footer .selection-actions{display:flex;gap:6px}.table-footer button{padding:5px 8px}.grid-wrap{max-height:55vh;min-height:280px}@media(max-width:760px){.period-controls label{flex:1;flex-wrap:wrap}.period-controls select{max-width:100%;width:100%}.monthly-panel{overflow:auto}.monthly-panel .simple-table{min-width:600px}.grid-wrap{max-height:60vh}}