.customer-context{margin:20px 0 24px;border:1px solid var(--line,#dfe2de);border-radius:14px;background:#f6f5ef;overflow:hidden;color:var(--ink,#16232c)}
.customer-context [hidden]{display:none!important}
.customer-context summary{position:relative;display:block;list-style:none;cursor:pointer;padding:17px 44px 17px 16px;min-height:70px;touch-action:manipulation}
.customer-context summary::-webkit-details-marker{display:none}
.customer-context summary:focus-visible,.customer-context button:focus-visible,.customer-context select:focus-visible,.customer-context textarea:focus-visible{outline:2px solid #997740;outline-offset:3px}
.customer-context summary:focus-visible{outline-offset:-4px;border-radius:13px}
.customer-context .cc-summary-title{display:block;font-size:14px;font-weight:600;letter-spacing:-.15px}
.customer-context .cc-summary-meta{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#5f6b63}
.customer-context .cc-chevron{position:absolute;right:19px;top:27px;width:8px;height:8px;border-right:1.5px solid #657064;border-bottom:1.5px solid #657064;transform:rotate(45deg)}
.customer-context[open] .cc-chevron{top:31px;transform:rotate(225deg)}
.customer-context[open] summary{border-bottom:1px solid #e1e4d9}
.customer-context .cc-body{padding:16px}
.customer-context .cc-hint{margin:0;font-size:11px;line-height:1.65;color:#667066;overflow-wrap:anywhere}
.customer-context h3{margin:0;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:0}
.customer-context .cc-frequent{margin-top:20px}
.customer-context .cc-frequent ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:9px 0 0}
.customer-context .cc-frequent li{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #dde2d6;border-radius:8px;background:#eeefe7;font-size:12px;overflow-wrap:anywhere}
.customer-context .cc-frequent small{color:#687362;font-size:10px;white-space:nowrap}
.customer-context .cc-field{display:block;margin-top:20px;font-size:12px;font-weight:600}
.customer-context .cc-optional{margin-left:4px;font-size:10px;font-weight:400;color:#6a736c}
.customer-context select,.customer-context textarea{display:block;width:100%;min-width:0;max-width:100%;margin-top:8px;padding:12px;border:1px solid #cdd6c7;border-radius:9px;background:#fffefa;color:var(--ink,#16232c);font:inherit;font-size:16px;font-weight:400;line-height:1.5}
.customer-context textarea{resize:vertical;min-height:110px}
.customer-context select{min-height:48px}
.customer-context .cc-field-hint{margin-top:7px}
.customer-context .cc-note-footer{display:flex;justify-content:space-between;gap:14px;margin-top:7px;font-size:10px;line-height:1.6;color:#697268}
.customer-context .cc-note-footer [data-cc-count]{white-space:nowrap}
.customer-context .cc-updated{font-size:10px;line-height:1.6;color:#6a736c;margin:10px 0 0;overflow-wrap:anywhere}
.customer-context button{display:block;width:100%;min-height:46px;padding:11px 13px;border:0;border-radius:9px;font:inherit;font-size:12px;font-weight:600;line-height:1.5;touch-action:manipulation}
.customer-context button:disabled{cursor:default;opacity:.48}
.customer-context .cc-save{background:var(--navy,#0b1722);color:#f1ddbc;margin-top:16px}
.customer-context .cc-reload,.customer-context .cc-more{background:#e7ebe1;color:#354d3c;margin-top:12px}
.customer-context .cc-error{font-size:12px;line-height:1.65;color:#873e31;margin:12px 0 0;overflow-wrap:anywhere}
.customer-context .cc-message{font-size:11px;line-height:1.6;color:#355b42;margin:0;padding:0 16px 16px}
.customer-context .cc-message:empty{display:none}
.customer-context .cc-history{border-top:1px solid #dfe3d7;margin-top:24px;padding-top:20px}
.customer-context .cc-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.customer-context .cc-history-heading>span{font-size:10px;color:#6a736c;white-space:nowrap}
.customer-context .cc-history ol{list-style:none;padding:0;margin:0}
.customer-context .cc-history-item{padding:14px 0;border-bottom:1px solid #e1e5da}
.customer-context .cc-history-item:first-child{padding-top:0}
.customer-context .cc-history-item:last-child{border-bottom:0}
.customer-context .cc-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;color:#687366}
.customer-context .cc-history-status{padding:3px 6px;background:#e8ecdf;border-radius:5px;color:#4c624b;font-size:9px}
.customer-context .cc-history-name{display:block;font-size:12px;font-weight:600;margin-top:9px;overflow-wrap:anywhere}
.customer-context .cc-history-route{display:flex;flex-wrap:wrap;gap:4px 7px;font-size:12px;line-height:1.6;margin:5px 0;color:#465447}
.customer-context .cc-history-route span{overflow-wrap:anywhere;max-width:100%}
.customer-context .cc-history-route span[aria-hidden]{color:#8b967e}
.customer-context .cc-history-driver{font-size:10px;line-height:1.7;color:#697266;margin:7px 0 0;overflow-wrap:anywhere}
@media(min-width:641px){.customer-context summary{padding-left:18px}.customer-context .cc-body{padding:18px}.customer-context .cc-message{padding-left:18px;padding-right:18px}}