[data-apicc-main]{color:#14365a}.apicc-heading,.apicc-pager,.apicc-product,.apicc-phone{display:flex;align-items:center;justify-content:space-between;gap:12px}.apicc-heading h1{font-size:24px;margin:8px 0}.apicc-heading p{color:#6c7f99}.apicc-notice{padding:14px 16px;border:1px solid #ffd196;border-radius:12px;background:#fff8ec;color:#8b4807;line-height:1.7}.apicc-error{padding:12px;color:#a81e2e;background:#fff2f2;border-radius:10px}.apicc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px}.apicc-panel{padding:22px;background:white;border:1px solid #d7e4f4;border-radius:14px;min-width:0}.apicc-panel h2{font-size:20px;margin-top:0}.apicc-panel form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.apicc-panel label{display:grid;gap:6px;flex:1;min-width:150px}.apicc-panel input,.apicc-panel select{min-width:0;width:100%;padding:10px;border:1px solid #c8d8ec;border-radius:8px;color:#14365a;background:white}.apicc-panel button,.apicc-heading button,.apicc-dialog button{padding:10px 14px;border:1px solid #c9dafa;border-radius:8px;color:#1d67c7;background:#f5f9ff;cursor:pointer}.apicc-panel button:disabled{opacity:.5;cursor:default}.apicc-products{min-height:120px}.apicc-product{padding:16px 0;border-bottom:1px solid #e9eff8}.apicc-product>div{min-width:0}.apicc-product strong{overflow-wrap:anywhere}.apicc-product small{display:block;color:#7486a0;margin-top:7px}.apicc-product>div:last-child{display:flex;align-items:center;gap:12px;flex-shrink:0}.apicc-product b,.apicc-confirm-price{color:#176bdf}.apicc-pager{justify-content:center;margin-top:18px;flex-wrap:wrap}.apicc-phone{padding:14px 0}.apicc-phone strong{font-size:24px;overflow-wrap:anywhere}.apicc-panel dl>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0}.apicc-panel dt{color:#7184a1}.apicc-panel dd{margin:0;text-align:right}.apicc-order-id{display:block;overflow-wrap:anywhere;color:#7184a1}.apicc-history{margin-top:18px}.apicc-message{padding:12px;background:#f1f7ff;border-radius:8px;margin:10px 0}.apicc-message p{white-space:pre-wrap;overflow-wrap:anywhere}.apicc-status{font-weight:700;color:#176bdf}.apicc-dialog{width:min(520px,calc(100vw - 32px));padding:26px;border:1px solid #d7e4f4;border-radius:18px;color:#14365a;box-shadow:0 20px 80px #071f4a44}.apicc-dialog::backdrop{background:#0b254a66}.apicc-confirm-price{font-size:32px;font-weight:800;margin:20px 0}.apicc-agree{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.apicc-agree input{margin-top:6px}.apicc-dialog .apicc-primary{color:white;background:#2076e9}.apicc-dialog button:focus-visible,.apicc-panel button:focus-visible{outline:3px solid #a0c6ff;outline-offset:2px}@media(max-width:850px){.apicc-layout{grid-template-columns:minmax(0,1fr)}.apicc-panel{padding:16px}.apicc-product{align-items:flex-start}.apicc-product>div:last-child{flex-direction:column;align-items:flex-end}.apicc-phone strong{font-size:22px}.apicc-history .apicc-product>div:last-child{flex-direction:row}}
[data-apicc-main] button,.apicc-dialog button{transition:transform .14s ease,background-color .18s ease,box-shadow .18s ease}
[data-apicc-main] button:not(:disabled):hover,.apicc-dialog button:hover{background:#eaf3ff;box-shadow:0 3px 10px #1d67c714}
.apicc-dialog .apicc-primary:hover{background:#1764ce;color:#fff}
[data-apicc-main] button:not(:disabled):active,.apicc-dialog button:active{transform:scale(.97)}
.apicc-progress{padding:14px;border:1px solid #d5e5fb;border-radius:12px;background:#f4f9ff;margin-bottom:18px}
.apicc-progress .apicc-status{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:15px}
.apicc-spinner{display:inline-block;box-sizing:border-box;width:17px;height:17px;flex:none;border:2px solid #b9d6fc;border-top-color:#2477e5;border-radius:50%;animation:apicc-spin .8s linear infinite}
.apicc-steps{display:flex;padding:0;margin:0;list-style:none;gap:7px;justify-content:space-between}
.apicc-steps li{position:relative;display:flex;flex:1;align-items:center;gap:5px;color:#8292aa;min-width:0;font-size:12px}
.apicc-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none;border-radius:50%;background:#e2eaf5;font-size:11px;font-weight:700}
.apicc-steps li small{font-size:11px;white-space:nowrap}
.apicc-steps li.done{color:#237d5c}.apicc-steps li.done>span{background:#d9f1e5}
.apicc-steps li.current{color:#176bdf;font-weight:700}.apicc-steps li.current>span{color:white;background:#267bec;animation:apicc-step-pulse 1.7s ease-in-out infinite}
.apicc-progress.is-delivered{border-color:#ccebdc;background:#f2fbf7}.apicc-progress.is-delivered .apicc-status{color:#237d5c}
.apicc-progress.is-failed{border-color:#f2d9d9;background:#fff6f5}.apicc-progress.is-failed .apicc-status{color:#a83a3a}
.apicc-loading-track{height:3px;overflow:hidden;background:#dceafd;border-radius:4px;margin:16px 0 9px}
.apicc-loading-track>span{display:block;width:35%;height:100%;border-radius:4px;background:linear-gradient(90deg,#b3d7ff,#277deb,#9bd5f6);animation:apicc-scan 1.8s ease-in-out infinite}
.apicc-progress [data-apicc-elapsed]{color:#6b82a1;font-size:12px;font-variant-numeric:tabular-nums}
.apicc-number-placeholder{padding:16px 0;color:#7b8ea7}.apicc-number-placeholder small{display:block;margin-top:9px}
.apicc-skeleton{display:block;position:relative;overflow:hidden;height:25px;width:75%;border-radius:6px;background:#e7effa}
.apicc-skeleton:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,#ffffffb3,transparent);animation:apicc-shimmer 1.6s ease-in-out infinite}
.apicc-sync-line{display:flex;align-items:center;gap:8px;margin:16px 0 11px;min-height:18px;color:#7186a2;font-variant-numeric:tabular-nums}
.apicc-sync-line .apicc-spinner{width:12px;height:12px}.apicc-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#4593ed}
.apicc-order-id{margin-top:14px}.apicc-success-icon{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;background:#d9f1e5;border-radius:50%}
.apicc-inbox-empty{text-align:center;padding:22px 9px;color:#7a8da6;border:1px dashed #d9e6f6;border-radius:10px}
.apicc-inbox-icon{display:inline-block;font-size:25px;color:#7baeea}.apicc-inbox-empty p{font-size:13px;line-height:1.7;margin:9px 0}
.apicc-inbox-empty.is-listening .apicc-inbox-icon{animation:apicc-listen 2.6s ease-in-out infinite}
.apicc-wait-dots{display:inline-flex;gap:5px;margin-top:3px}.apicc-wait-dots i{width:5px;height:5px;background:#7baeea;border-radius:50%;animation:apicc-dot 1.3s ease-in-out infinite}.apicc-wait-dots i:nth-child(2){animation-delay:.16s}.apicc-wait-dots i:nth-child(3){animation-delay:.32s}
.apicc-phone--new{animation:apicc-arrive .35s ease-out}.apicc-message--new{animation:apicc-arrive .3s ease-out}
.apicc-dialog[open]{animation:apicc-dialog-in .2s ease-out}
@keyframes apicc-spin{to{transform:rotate(360deg)}}
@keyframes apicc-step-pulse{0%,100%{box-shadow:0 0 0 0 #267bec00}50%{box-shadow:0 0 0 5px #267bec1c}}
@keyframes apicc-scan{from{transform:translateX(-110%)}to{transform:translateX(400%)}}
@keyframes apicc-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes apicc-listen{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(-3px);opacity:1}}
@keyframes apicc-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes apicc-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes apicc-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){[data-apicc-main] *,[data-apicc-main] *:after,.apicc-dialog{animation:none!important;transition:none!important}.apicc-loading-track>span,.apicc-skeleton:after{transform:none}.apicc-wait-dots i{opacity:.7}}
.apicc-quantity{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 15px;border:1px solid #d7e7fc;background:#f5f9ff;border-radius:10px;margin:14px 0}.apicc-quantity label{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0;font-weight:700}.apicc-quantity input{width:86px;text-align:center;background:white}.apicc-quantity>span{font-size:13px;color:#6e82a0}.apicc-quote-breakdown{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#7184a1}.apicc-quote-breakdown b{color:#14365a;margin-left:8px}.apicc-confirm-price small{font-size:13px;color:#7184a1;display:block;font-weight:400;margin-top:5px}.apicc-workbench{margin-top:18px;scroll-margin-top:110px}.apicc-workbench-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.apicc-workbench-heading h2{margin-bottom:8px}.apicc-workbench-heading p{font-size:13px;color:#7286a1;margin-top:0}.apicc-bulk-summary{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #e8eff8;margin-top:8px;color:#7286a1;font-size:14px}.apicc-bulk-summary b{font-size:19px;color:#176bdf;margin-left:5px}.apicc-bulk-summary>small{margin-left:auto;align-self:center;font-variant-numeric:tabular-nums}.apicc-batch-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#eff7ff;border-radius:9px;margin-bottom:14px}.apicc-bulk-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.apicc-bulk-tools small{color:#7286a1}.apicc-bulk-scroll{width:100%;overflow:auto;border:1px solid #e1eaf7;border-radius:10px}.apicc-bulk-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:850px}.apicc-bulk-table th{font-weight:500;color:#7286a1;background:#f5f9ff;text-align:left;padding:13px 12px;font-size:13px}.apicc-bulk-table th:first-child{width:36px}.apicc-bulk-table th:nth-child(2){width:220px}.apicc-bulk-table th:nth-child(3){width:160px}.apicc-bulk-table th:last-child{width:175px}.apicc-bulk-table td{padding:16px 12px;vertical-align:top;border-top:1px solid #e7eef9;overflow-wrap:anywhere;font-size:14px}.apicc-bulk-table input[type=checkbox]{width:16px;height:16px;margin:1px 0;cursor:pointer}.apicc-bulk-table small{display:block;color:#7b8ea8;font-size:12px;margin:6px 0}.apicc-bulk-state{display:block;color:#65809f;font-size:13px}.apicc-bulk-state.received{color:#23825e}.apicc-bulk-table .apicc-bulk-code{font:700 21px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#176bdf;padding:7px 9px;margin-top:6px;background:#edf6ff;border-color:#d8e8fc}.apicc-bulk-message{margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.65}.apicc-bulk-wait{display:inline-flex;gap:4px;padding-top:14px}.apicc-bulk-wait i{width:5px;height:5px;border-radius:50%;background:#8eb6e9;animation:apicc-dot 1.3s ease-in-out infinite}.apicc-bulk-wait i:nth-child(2){animation-delay:.16s}.apicc-bulk-wait i:nth-child(3){animation-delay:.32s}.apicc-bulk-fresh{animation:apicc-row-arrive 1.6s ease-out}.apicc-batch-counts{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.apicc-batch-counts span{display:grid;gap:5px;font-size:12px;color:#7286a1}.apicc-batch-counts b{font-size:25px;color:#176bdf}.apicc-products .apicc-product>div:last-child b small{font-size:11px;font-weight:400;text-align:right}@keyframes apicc-row-arrive{from{background:#dff5e9}to{background:white}}@media(max-width:850px){.apicc-workbench-heading p{line-height:1.7}.apicc-bulk-summary{gap:12px}.apicc-bulk-summary>small{margin-left:0;width:100%}.apicc-batch-banner{align-items:flex-start;flex-direction:column}.apicc-quantity{gap:8px}.apicc-quantity>span{line-height:1.6}.apicc-bulk-tools button{padding:9px 11px}.apicc-bulk-filter label{min-width:120px}}@media(prefers-reduced-motion:reduce){.apicc-bulk-wait i,.apicc-bulk-fresh{animation:none}}
.apicc-auto-clear-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 14px;margin:0 0 14px;background:#f4f9ff;border:1px solid #dfebfc;border-radius:10px}.apicc-auto-clear-controls label{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;font-size:14px;font-weight:600}.apicc-auto-clear-controls input[type=checkbox]{width:16px;height:16px;margin:0}.apicc-auto-clear-controls>small{color:#7186a2;line-height:1.6;flex:1;min-width:180px}.apicc-auto-clear-controls>button{margin-left:auto;white-space:nowrap}.apicc-bulk-table .apicc-clear-countdown{display:block;width:fit-content;max-width:100%;margin:7px 0 10px;padding:4px 7px;background:#fff5e7;border:1px solid #f8dba5;border-radius:6px;color:#9a5b10;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.apicc-bulk-table .apicc-clear-history{color:#7d8fa7;font-size:12px;line-height:1.6}.apicc-bulk-table tr.apicc-bulk-fresh{animation:apicc-received-blink 1s ease-in-out 3;animation-delay:var(--apicc-flash-delay,0s)}.apicc-bulk-table tr.apicc-bulk-fresh>td{background:transparent}@keyframes apicc-received-blink{0%,100%{background:#e5f7ed}50%{background:#bdebcf}}@media(max-width:850px){.apicc-auto-clear-controls{gap:9px}.apicc-auto-clear-controls>small{flex-basis:100%}.apicc-auto-clear-controls>button{margin-left:0}}@media(prefers-reduced-motion:reduce){.apicc-bulk-table tr.apicc-bulk-fresh{animation:none;background:#e5f7ed}}