.ac-demo{--ac-ink:#2d285a;--ac-orange:#e59328;--ac-cream:#f5f3ed;--ac-muted:#757386;--ac-line:#e5e3eb;box-sizing:border-box;width:100%;height:100%;min-height:450px;color:var(--ac-ink);background:#fff;border:1px solid rgba(45,40,90,.16);border-radius:12px;overflow:hidden;font-family:Barlow,Arial,sans-serif;font-size:14px;display:flex;flex-direction:column;text-align:left;box-shadow:0 18px 50px rgba(28,24,60,.1)}
.ac-demo *{box-sizing:border-box}.ac-demo button{font:inherit;cursor:pointer}.ac-demo button:focus-visible{outline:3px solid var(--ac-orange);outline-offset:3px}.ac-demo button:disabled{cursor:default}.ac-demo h3,.ac-demo p,.ac-demo ol,.ac-demo dl{margin:0}.ac-demo button{line-height:1.25}.ac-header{min-height:67px;padding:13px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ac-line)}.ac-brand{display:flex;align-items:center;gap:10px}.ac-brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--ac-ink);color:var(--ac-orange);font-size:29px;font-weight:600;line-height:1}.ac-brand>div{display:flex;flex-direction:column;gap:2px}.ac-brand strong{font-size:19px;letter-spacing:-.6px}.ac-brand>div>span{font-size:10px;color:var(--ac-muted)}.ac-header-right{display:flex;align-items:center;gap:8px}.ac-badge{display:inline-flex;align-items:center;border-radius:30px;background:#eef0e8;color:#4b5d3b;font-size:10px;padding:5px 9px;font-weight:600;white-space:nowrap}.ac-badge-soft{background:#fff1d9;color:#825720}.ac-reset{background:transparent;border:1px solid var(--ac-line);border-radius:50%;width:28px;height:28px;color:var(--ac-ink);font-size:19px!important}.ac-workspace{display:grid;grid-template-columns:minmax(0,1fr) 235px;flex:1;min-height:0}.ac-main{min-width:0;display:flex;flex-direction:column}.ac-tabs{display:flex;padding:0 14px;border-bottom:1px solid var(--ac-line);gap:3px;flex:none}.ac-tab{background:none;border:0;border-bottom:2px solid transparent;padding:13px 9px 11px;color:var(--ac-muted);font-size:11px!important;font-weight:500!important}.ac-tab-active{color:var(--ac-ink);border-color:var(--ac-orange);font-weight:700!important}.ac-content{padding:21px 22px 16px;flex:1;overflow:auto;min-height:290px}.ac-record{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}.ac-art-wrap{padding:8px;background:var(--ac-cream);border:1px solid #e5e1d5}.ac-art{width:100%;height:auto;display:block}.ac-art-wrap>span{display:block;font-size:8px;color:var(--ac-muted);text-align:center;line-height:1.3;padding:9px 0 2px}.ac-kicker{font-size:8px;letter-spacing:1.4px;color:var(--ac-muted);font-weight:700;line-height:1.4}.ac-record h3{font-size:22px;font-weight:500;line-height:1.1;margin:5px 0}.ac-record-id{font-size:9px;color:var(--ac-muted);margin-bottom:13px!important}.ac-fields>div{padding:7px 0;border-top:1px solid #efedf1}.ac-fields dt{font-size:8px;color:var(--ac-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 3px}.ac-fields dd{margin:0;font-size:11px;font-weight:500;line-height:1.35}.ac-bottom-note{margin-top:21px;border-top:1px solid var(--ac-line);padding-top:12px;font-size:10px;color:var(--ac-muted);display:flex;align-items:center;gap:7px;line-height:1.4}.ac-note-dot{width:5px;height:5px;border-radius:50%;background:var(--ac-orange);flex:none}.ac-guide{background:var(--ac-cream);border-left:1px solid var(--ac-line);padding:17px 16px;display:flex;flex-direction:column}.ac-guide-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px}.ac-whatsapp-mark{display:grid;place-items:center;background:#e5e8de;color:#526642;width:27px;height:27px;border-radius:50%;font-size:18px}.ac-guide-heading>div{display:flex;flex-direction:column;gap:3px}.ac-guide-heading strong{font-size:11px}.ac-guide-heading>div>span{font-size:9px;color:var(--ac-muted)}.ac-chat{padding:11px;background:#fff;border-radius:0 10px 10px 10px;box-shadow:0 2px 8px rgba(45,40,90,.03)}.ac-chat>span{font-size:8px;letter-spacing:.3px;color:#596b48;font-weight:600}.ac-chat>p{font-size:10px;line-height:1.45;margin:5px 0 8px}.ac-attachments{display:flex;gap:7px;color:var(--ac-muted);font-size:8px}.ac-steps{list-style:none;padding:12px 0 0;display:grid;gap:7px}.ac-steps li{display:flex;gap:8px;align-items:center;color:#92909c;font-size:10px}.ac-steps li>span{border:1px solid #d8d5df;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:9px;flex:none}.ac-steps .ac-step-current{color:var(--ac-ink);font-weight:600}.ac-step-current>span{border-color:var(--ac-orange)!important;background:var(--ac-orange);color:var(--ac-ink)}.ac-steps .ac-step-done{color:#526642}.ac-step-done>span{background:#e1e7d9;border-color:#e1e7d9!important}.ac-guide-action{margin-top:auto;padding-top:12px}.ac-guide-action>p{font-size:10px;line-height:1.4;color:var(--ac-muted);margin-bottom:9px}.ac-button{background:var(--ac-ink);color:#fff;border:1px solid var(--ac-ink);border-radius:5px;padding:9px 12px;font-size:10px!important;font-weight:600!important;transition:background .15s,transform .15s}.ac-button:hover{background:#423970}.ac-button:active{transform:translateY(1px)}.ac-button-next{width:100%;background:var(--ac-orange);color:var(--ac-ink);border-color:var(--ac-orange)}.ac-button-next:hover{background:#f3a53b}.ac-button-secondary{background:#fff;color:var(--ac-ink);border-color:var(--ac-line)}.ac-button-secondary:hover{background:var(--ac-cream)}.ac-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:33px;padding:8px 16px;border-top:1px solid var(--ac-line);font-size:8px;line-height:1.35}.ac-fiction{color:var(--ac-ink);font-weight:600;flex:none}.ac-feedback{color:var(--ac-muted);text-align:right}.ac-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.ac-panel-heading h3{font-size:20px;line-height:1.15;font-weight:500;margin-top:5px;letter-spacing:-.3px}.ac-panel-heading>.ac-badge{font-size:8px;padding:4px 6px;white-space:normal;text-align:center}.ac-observation{display:flex;align-items:center;gap:12px;padding:11px;background:var(--ac-cream);border-radius:6px}.ac-mini-art{width:62px;flex:none}.ac-small-label{font-size:7px;letter-spacing:.7px;font-weight:600;color:var(--ac-muted)}.ac-observation p{font-size:11px;line-height:1.45;margin:5px 0!important}.ac-observation-source{font-size:8px;color:var(--ac-muted)}.ac-assessment{padding:14px 0 13px}.ac-assessment strong{font-size:12px;font-weight:600}.ac-assessment p{font-size:10px;line-height:1.5;color:var(--ac-muted);margin-top:5px}.ac-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.ac-small-muted{font-size:9px;color:var(--ac-muted);line-height:1.4}.ac-suppliers{display:grid;gap:6px}.ac-supplier{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;background:#fff;border:1px solid var(--ac-line);border-radius:6px;color:var(--ac-ink)}.ac-supplier-selected{border-color:var(--ac-ink);background:#f6f5f9}.ac-supplier-letter{width:31px;height:31px;display:grid;place-items:center;flex:none;font-size:10px;background:var(--ac-cream);border-radius:50%;font-weight:600}.ac-supplier-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ac-supplier-info strong{font-size:11px;font-weight:600}.ac-supplier-info>span{font-size:9px;color:var(--ac-muted);line-height:1.3}.ac-supplier-info>small{font-size:8px;color:#767064}.ac-check{margin-left:auto;font-size:15px;color:var(--ac-muted)}.ac-supplier-selected .ac-check{color:var(--ac-ink)}.ac-empty{min-height:253px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;max-width:340px}.ac-large-icon{font-size:29px;color:var(--ac-orange)}.ac-empty h3{font-weight:500;font-size:23px}.ac-empty p{font-size:12px;line-height:1.5;color:var(--ac-muted)}.ac-empty small{font-size:9px;color:var(--ac-muted)}.ac-movement{display:grid;grid-template-columns:101px minmax(0,1fr);gap:20px;align-items:center}.ac-scan{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--ac-cream);padding:10px 7px;border-radius:7px}.ac-scan-symbol{position:relative;width:54px;height:54px;border:2px dashed #ada8b6;border-radius:7px;display:grid;place-items:center;color:var(--ac-ink)}.ac-scan-symbol i{font-size:15px;font-style:normal;letter-spacing:3px;padding-left:3px;font-weight:600}.ac-scan-symbol span{position:absolute;left:-4px;right:-4px;top:27px;border-top:1px solid var(--ac-orange)}.ac-scan strong{font-size:9px}.ac-scan>small{font-size:8px;color:var(--ac-muted)}.ac-scan-disclaimer{font-size:6px;letter-spacing:.6px;color:var(--ac-muted)}.ac-timeline{list-style:none;padding:0}.ac-timeline li{display:flex;gap:9px;min-height:58px;position:relative;color:#9894a2}.ac-timeline li:not(:last-child):before{content:"";position:absolute;left:9px;top:19px;bottom:0;border-left:1px solid var(--ac-line)}.ac-timeline-dot{display:grid;place-items:center;flex:none;z-index:1;border:1px solid var(--ac-line);border-radius:50%;width:19px;height:19px;font-size:11px;background:white}.ac-timeline strong{font-size:11px;font-weight:600;line-height:1.3}.ac-timeline p{font-size:9px;line-height:1.4;max-width:230px;margin:4px 0 10px}.ac-timeline .ac-done{color:var(--ac-ink)}.ac-done .ac-timeline-dot{background:#e7ecdf;color:#4a6136;border-color:#e7ecdf}.ac-location{border-top:1px solid var(--ac-line);padding:9px 0 0;display:flex;flex-direction:column;gap:4px}.ac-location>span{font-size:7px;letter-spacing:1px;color:var(--ac-muted)}.ac-location>strong{font-size:10px;font-weight:500}.ac-complete{font-size:10px;color:#4b5d3b;line-height:1.4}
@media(min-width:1100px){.ac-demo{font-size:15px}.ac-content{padding-top:25px}}
@media(max-width:760px){.ac-workspace{grid-template-columns:minmax(0,1fr) 205px}.ac-content{padding:17px 16px}.ac-record{grid-template-columns:120px minmax(0,1fr);gap:14px}.ac-guide{padding:15px 12px}.ac-tab{padding-left:7px;padding-right:7px;font-size:10px!important}.ac-panel-heading h3{font-size:18px}.ac-movement{grid-template-columns:84px minmax(0,1fr);gap:14px}}
@media(max-width:600px){.ac-demo{min-height:unset;height:auto}.ac-header{padding:11px 13px}.ac-brand strong{font-size:17px}.ac-header-right .ac-badge{font-size:8px;max-width:105px;white-space:normal;text-align:center}.ac-workspace{display:flex;flex-direction:column}.ac-tabs{justify-content:space-between;padding:0 8px}.ac-tab{font-size:11px!important;padding:13px 6px 11px}.ac-content{min-height:290px}.ac-record{grid-template-columns:118px minmax(0,1fr);gap:17px}.ac-record h3{font-size:20px}.ac-guide{border-left:0;border-top:1px solid var(--ac-line);padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.ac-guide-heading{grid-column:1 / -1;margin:0}.ac-chat{align-self:start}.ac-steps{padding:0;gap:7px}.ac-guide-action{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;padding-top:4px;margin:0}.ac-guide-action>p{margin:0;font-size:9px}.ac-guide-action .ac-button{font-size:10px!important}.ac-footer{padding:8px 12px;align-items:flex-start;gap:5px;flex-direction:column}.ac-feedback{text-align:left}.ac-panel-heading>.ac-badge{max-width:90px}.ac-supplier{padding:9px}.ac-supplier-info>span{font-size:9px}.ac-panel-heading h3{font-size:19px}.ac-observation p{font-size:11px}.ac-movement{grid-template-columns:91px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ac-button{transition:none}}