.pr-customer { max-width: 1000px; margin: 0 auto 32px; color: #363a41; }
.pr-customer .pr-steps { display:flex; gap:12px; padding:0; margin:0 0 28px; list-style:none; }
.pr-customer .pr-steps li { display:flex; flex:1; align-items:center; gap:10px; padding:14px 16px; background:#f2f4f5; border-radius:8px; color:#65717c; font-size:14px; }
.pr-customer .pr-steps li span { display:grid; place-items:center; width:26px; height:26px; flex-shrink:0; border:1px solid currentColor; border-radius:50%; }
.pr-customer .pr-steps .is-current { background:#00729f; color:white; }
.pr-customer .pr-steps .is-done { color:#00729f; background:#eaf5f9; }
.pr-customer .pr-card { background:#f7f8f9; border:1px solid #e1e5e8; border-radius:10px; padding:28px; margin-bottom:20px; }
.pr-customer h2 { font-size:22px; margin:0 0 20px; }
.pr-customer h3 { font-size:17px; margin:24px 0 12px; }
.pr-customer label { display:block; text-align:left; font-weight:600; margin:16px 0 8px; }
.pr-customer .form-control { width:100%; max-width:100%; }
.pr-customer small { display:block; color:#66727c; margin:5px 0; }
.pr-customer .pr-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.pr-customer .pr-order-label { margin:24px 0 12px; }
.pr-customer .pr-order-label a { margin-left:16px; }
.pr-customer .pr-select-all { padding:12px 0; border-bottom:1px solid #e1e5e8; }
.pr-customer input[type=checkbox] { width:18px; height:18px; accent-color:#00729f; }
.pr-customer .pr-product { display:flex; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid #e1e5e8; }
.pr-customer .pr-product>label { flex:1; margin:0; }
.pr-customer .pr-product img { object-fit:contain; }
.pr-customer .pr-quantity { width:100px; flex-shrink:0; }
.pr-customer .pr-quantity label { margin:0 0 5px; font-size:13px; }
.pr-customer .pr-buttons { display:flex; gap:12px; justify-content:flex-end; flex-wrap:wrap; }
.pr-customer .pr-summary { display:grid; grid-template-columns:220px 1fr; gap:12px 20px; }
.pr-customer .pr-summary dd { margin:0; overflow-wrap:anywhere; }
.pr-customer .pr-selected { list-style:none; padding:0; }
.pr-customer .pr-selected li { display:flex; justify-content:space-between; gap:24px; padding:12px 0; border-bottom:1px solid #e1e5e8; }
.pr-customer .pr-selected strong { white-space:nowrap; }
.pr-customer .pr-prewrap { white-space:pre-wrap; overflow-wrap:anywhere; }
.pr-customer .pr-notice { background:#edf7fa; padding:18px; border-left:3px solid #00729f; margin-top:24px; }
.pr-customer .pr-order-picker { margin:24px 0; }
.pr-customer .pr-order-picker ul { max-height:260px; overflow:auto; padding:0; list-style:none; }
.pr-customer .pr-order-picker a { display:block; padding:12px; border-bottom:1px solid #e1e5e8; }
.pr-customer [hidden] { display:none!important; }
.pr-customer .pr-timeline { list-style:none; padding:0 0 0 8px; }
.pr-customer .pr-timeline li { position:relative; border-left:3px solid #dce1e5; padding:0 0 28px 26px; color:#707a83; }
.pr-customer .pr-timeline li::before { content:''; position:absolute; width:17px; height:17px; border-radius:50%; background:#dce1e5; left:-10px; top:0; border:3px solid white; }
.pr-customer .pr-timeline li.is-recorded::before { background:var(--step-color); }
.pr-customer .pr-timeline li.is-recorded { color:#363a41; }
.pr-customer .pr-timeline li:last-child { border-color:transparent; }
.pr-customer .pr-timeline time { display:block; margin-top:8px; font-size:13px; }
.pr-customer .pr-badge { display:inline-block; color:#fff; padding:4px 8px; border-radius:4px; font-size:13px; }
.pr-customer .pr-case-link { display:flex; gap:16px; justify-content:space-between; flex-wrap:wrap; padding:20px 0; border-bottom:1px solid #e1e5e8; }
@media(max-width:650px) { .pr-customer .pr-grid {grid-template-columns:1fr;gap:0} .pr-customer .pr-card{padding:18px} .pr-customer .pr-steps{gap:5px} .pr-customer .pr-steps li{flex-direction:column;padding:10px 6px;font-size:12px;text-align:center} .pr-customer .pr-summary{grid-template-columns:1fr;gap:5px} .pr-customer .pr-summary dd{margin-bottom:10px} .pr-customer .pr-product{flex-wrap:wrap;gap:10px} .pr-customer .pr-product>label{min-width:120px} .pr-customer .pr-quantity{margin-left:28px;width:90px} .pr-customer .pr-buttons .btn{width:100%;white-space:normal} }

.pr-customer .pr-kind-picker { border:0; padding:0; margin:16px 0 24px; min-width:0; }
.pr-customer .pr-kind-picker legend { display:block; float:none; width:100%; padding:0; margin:0 0 12px; border:0; font-size:16px; line-height:1.5; font-weight:600; color:inherit; }
.pr-customer .pr-kind-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pr-customer .pr-kind-option { position:relative; margin:0; cursor:pointer; }
.pr-customer .pr-kind-option input { position:absolute; opacity:0; width:1px; height:1px; }
.pr-customer .pr-kind-option span { display:flex; align-items:center; gap:12px; height:100%; min-height:76px; padding:18px 20px; border:2px solid #dce1e5; border-radius:10px; background:#fff; color:#363a41; line-height:1.5; transition:background .15s,border-color .15s; }
.pr-customer .pr-kind-option span::before { content:''; width:20px; height:20px; flex-shrink:0; border:2px solid #788791; border-radius:50%; background:#fff; box-sizing:border-box; }
.pr-customer .pr-kind-option:hover span { border-color:#00729f; }
.pr-customer .pr-kind-option input:checked + span { border-color:#00729f; background:#eaf5f9; color:#005d82; }
.pr-customer .pr-kind-option input:checked + span::before { border-color:#00729f; background:#00729f; box-shadow:inset 0 0 0 4px white; }
.pr-customer .pr-kind-option input:focus-visible + span { outline:3px solid #00729f; outline-offset:3px; }
@media(max-width:550px) { .pr-customer .pr-kind-options { grid-template-columns:1fr; } .pr-customer .pr-kind-option span { min-height:64px; padding:14px 16px; } }

.pr-customer fieldset.pr-order-picker { border:0; padding:0; min-width:0; }
.pr-customer .pr-order-picker legend { float:none; width:100%; padding:0; margin:0 0 12px; border:0; font-size:16px; font-weight:600; }
.pr-customer .pr-order-list { max-height:320px; overflow:auto; border:1px solid #dce1e5; border-radius:8px; }
.pr-customer .pr-order-choice { position:relative; display:block; margin:0; cursor:pointer; font-weight:400; }
.pr-customer .pr-order-choice input { position:absolute; width:1px; height:1px; opacity:0; }
.pr-customer .pr-order-row { display:flex; align-items:center; gap:14px; min-height:60px; min-width:440px; padding:10px 14px; border-bottom:1px solid #e1e5e8; }
.pr-customer .pr-order-choice:last-child .pr-order-row { border-bottom:0; }
.pr-customer .pr-order-row::before { content:''; flex:0 0 18px; width:18px; height:18px; border:2px solid #788791; border-radius:50%; box-sizing:border-box; }
.pr-customer .pr-order-number,.pr-customer .pr-order-row time { white-space:nowrap; font-size:14px; }
.pr-customer .pr-order-row time { color:#66727c; }
.pr-customer .pr-order-thumbnails { display:flex; align-items:center; gap:6px; min-width:36px; overflow-x:auto; margin-left:auto; }
.pr-customer .pr-order-thumbnails img,.pr-customer .pr-order-no-image { width:36px; height:36px; flex:0 0 36px; object-fit:contain; border:1px solid #e1e5e8; border-radius:4px; background:#fff; }
.pr-customer .pr-order-no-image { display:grid; place-items:center; color:#66727c; }
.pr-customer .pr-order-choice:hover .pr-order-row,.pr-customer .pr-order-choice input:checked + .pr-order-row { background:#eaf5f9; }
.pr-customer .pr-order-choice input:checked + .pr-order-row::before { border-color:#00729f; background:#00729f; box-shadow:inset 0 0 0 3px white; }
.pr-customer .pr-order-choice input:focus-visible + .pr-order-row { outline:2px solid #00729f; outline-offset:-2px; }

.pr-customer .pr-selected-preview li { align-items:center; gap:16px; }
.pr-customer .pr-selected-image { width:64px; height:64px; flex:0 0 64px; object-fit:contain; background:#fff; border:1px solid #e1e5e8; border-radius:6px; }
.pr-customer .pr-selected-description { flex:1; min-width:0; overflow-wrap:anywhere; }
@media(max-width:550px) { .pr-customer .pr-selected-preview li { gap:10px; } .pr-customer .pr-selected-image { width:48px; height:48px; flex-basis:48px; } }

.pr-customer .pr-upload { border:2px dashed #c5cfd5; border-radius:10px; padding:22px; background:#fff; }
.pr-customer .pr-upload.is-dragging { border-color:#00729f; background:#eaf5f9; }
.pr-customer .pr-upload:focus-within { border-color:#00729f; }
.pr-customer .pr-upload-prompt { margin:0 0 14px; font-weight:600; }
.pr-customer .pr-upload input[type=file] { max-width:100%; }
.pr-customer .pr-upload-files { list-style:none; padding:0; margin:0; }
.pr-customer .pr-upload-files li { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid #e1e5e8; }
.pr-customer .pr-upload-files img { flex:0 0 56px; object-fit:contain; border-radius:4px; }
.pr-customer .pr-upload-files span { flex:1; min-width:0; overflow-wrap:anywhere; }
.pr-customer .pr-upload-files button { flex-shrink:0; }
.pr-customer .pr-upload-error { color:#b42318; }
@media(max-width:550px) { .pr-customer .pr-upload { padding:14px; } .pr-customer .pr-upload-files li { gap:8px; } }

.pr-customer .pr-bot-field { position:absolute!important; left:-10000px!important; width:1px; height:1px; overflow:hidden; }
.pr-customer .pr-upload-files video { width:150px; max-width:40%; height:90px; object-fit:contain; background:#17212b; }