/* Khavindo V3 - movement screen recreating V2 split-panel operation. Scoped to the movement page. */
.khv2-movement{color:#173d2b;font-size:12px;line-height:1.45;max-width:1780px;margin:0 auto}
.khv2-movement *{box-sizing:border-box}
.khv2-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.khv2-heading h1{margin:0 0 3px;font-size:24px;font-weight:750;letter-spacing:-.35px}
.khv2-heading p{margin:0;color:#637a6c;font-size:12px}
.khv2-back{display:inline-flex;align-items:center;padding:9px 13px;white-space:nowrap;background:#e7f3eb;color:#126b40;text-decoration:none;font-weight:700;border-radius:6px}
.khv2-back:hover{background:#d6ecde}
.khv2-intro{background:#f1f8f4;border:1px solid #cfe5d6;border-left:3px solid #198754;border-radius:7px;padding:11px 15px;margin-bottom:17px;color:#335746}
.khv2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:17px;align-items:start}
.khv2-card{min-width:0;background:white;border:1px solid #dcebe2;border-radius:9px;overflow:hidden;box-shadow:0 2px 12px rgba(16,59,33,.045)}
.khv2-card-head{background:#fbfcfb;padding:14px 17px;border-bottom:1px solid #dcebe2}
.khv2-card-head h2{font-size:15px;line-height:1.3;margin:0 0 4px;font-weight:750;color:#173d2b}
.khv2-card-head p{margin:0;font-size:11px;color:#6e8076}
.khv2-card-body{padding:16px}
.khv2-field{min-width:0;margin-bottom:12px}
.khv2-field label{display:block;font-size:11px;color:#244735;margin:0 0 5px;font-weight:700}
.khv2-movement input:not([type="hidden"]),.khv2-movement select,.khv2-movement textarea{display:block;width:100%;min-width:0;padding:9px 10px;border-radius:6px;border:1px solid #cbded1;font:inherit;color:#173d2b;background:#fff;box-shadow:none}
.khv2-movement input:focus,.khv2-movement select:focus,.khv2-movement textarea:focus{outline:2px solid rgba(25,135,84,.2);outline-offset:0;border-color:#198754}
.khv2-movement textarea{resize:vertical;min-height:62px}
.khv2-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.khv2-small{font-size:10px;line-height:1.5;color:#6e8076;margin:5px 0 0}
.khv2-selected{background:#eaf6ef;border:1px solid #b9ddc8;border-radius:6px;padding:10px 12px;margin-bottom:11px;color:#1a603c;line-height:1.6}
.khv2-selected-title{font-weight:800;margin-bottom:4px}
.khv2-tip{background:#f7faf8;border:1px solid #dcebe2;border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:11px;color:#67796d}
.khv2-validation{margin:0 0 10px;color:#892a2a;background:#fff2f2;border:1px solid #ecc7c7;border-radius:6px;padding:10px}
.khv2-submit{width:100%;background:#198754;color:white;border:none;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:800;cursor:pointer}
.khv2-submit:hover{background:#157347}
.khv2-head-between{display:flex;align-items:center;justify-content:space-between;gap:8px}
.khv2-count{white-space:nowrap;background:#e7f4eb;color:#126b40;font-size:11px;font-weight:750;padding:5px 9px;border-radius:20px}
.khv2-filter-area{background:#fbfcfb;border-bottom:1px solid #dcebe2;padding:12px}
.khv2-filter-grid{display:grid;grid-template-columns:minmax(155px,1.5fr) repeat(2,minmax(110px,1fr));gap:8px}
.khv2-filter-grid>*{margin:0!important}
.khv2-reset{border:1px solid #ceded2;background:#e8f2ec;color:#165d37;border-radius:6px;cursor:pointer;font-weight:750;font-size:11px;padding:7px 10px}
.khv2-reset:hover{background:#d8ecdf}
.khv2-table-scroll{width:100%;max-height:620px;overflow:auto}
.khv2-table{border-collapse:collapse;width:100%;min-width:800px;font-size:11px}
.khv2-table thead{position:sticky;top:0;z-index:1}
.khv2-table th{color:#fff;background:#154532;text-align:left;font-size:10px;letter-spacing:.25px;white-space:nowrap;padding:10px 9px}
.khv2-table td{padding:10px 9px;border-bottom:1px solid #e7efe9;vertical-align:middle}
.khv2-table tr:nth-child(even) td{background:#f8fbf9}
.khv2-table tr.khv2-row-selected td{background:#e1f3e8!important}
.khv2-item-name{display:block;font-size:11px;max-width:190px}
.khv2-table small{display:block;color:#7b8d80;font-size:10px;margin-top:2px}
.khv2-spk-name{color:#176740;font-size:11px}
.khv2-location{display:inline-flex;background:#e6f2eb;color:#195e3c;border-radius:5px;padding:5px 7px;white-space:nowrap;font-weight:700;font-size:10px}
.khv2-work-name{color:#435e4e}
.khv2-qty{font-weight:800;white-space:nowrap;color:#185b38}
.khv2-pick{background:#198754;color:white;border:0;padding:7px 10px;border-radius:5px;cursor:pointer;font-size:11px;font-weight:750}
.khv2-pick:hover{background:#126b40}
.khv2-export-only{display:inline-block;background:#f1f3f1;color:#718075;padding:6px 9px;border-radius:5px;white-space:nowrap}
.khv2-no-match{padding:20px;text-align:center;color:#7c8c80}
.khv2-history{margin-top:20px}
.khv2-history>summary{cursor:pointer;font-size:13px;font-weight:750;background:#f5faf6;padding:12px 15px;border:1px solid #dcebe2;border-radius:7px;color:#1b633e}
.khv2-movement [hidden]{display:none!important}
.khv2-sr-only{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important}
@media(max-width:1250px){.khv2-layout{grid-template-columns:1fr}.khv2-table-scroll{max-height:500px}}
@media(max-width:670px){.khv2-heading{align-items:flex-start;flex-direction:column}.khv2-fields-two{grid-template-columns:1fr}.khv2-filter-grid{grid-template-columns:1fr 1fr}.khv2-filter-grid>input[type="search"]{grid-column:1/-1}.khv2-heading h1{font-size:20px}}