.acc{min-height:50vh}.acc [data-show]{display:none}.acc[data-state=loading] [data-show=loading],.acc[data-state=signin] [data-show=signin],.acc[data-state=app] [data-show=app]{display:block}.acc-loading{text-align:center;padding:3rem 0}.acc-spin{border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite acc-spin;display:inline-block}@keyframes acc-spin{to{transform:rotate(360deg)}}.acc-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:.8rem;padding:1.25rem;display:grid}.acc-signin{max-width:28rem}.acc-signin h2{font-size:1.35rem}.acc-muted,.acc-small{color:var(--muted);font-size:.92rem}.acc-small{font-size:.84rem}.acc-f{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}.acc-f input,.acc-f textarea,.acc-f select{font:500 .98rem var(--font);border:1.5px solid var(--line);color:var(--navy);background:#fff;border-radius:10px;width:100%;padding:.6rem .7rem}.acc-f input:focus,.acc-f textarea:focus{border-color:var(--blue);outline:none}.acc-row2{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;display:grid}.acc-wide{justify-content:center;width:100%}.acc-msg{background:var(--blue-soft);color:var(--navy);border-radius:10px;margin:.6rem 0;padding:.6rem .8rem;font-size:.92rem}.acc-msg.is-err{color:#9b1c1c;background:#fdecec}.acc-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.acc-out{padding:.45rem .9rem;font-size:.88rem}.acc-tabs{border-bottom:1.5px solid var(--line);gap:.4rem;margin-bottom:1.25rem;display:flex;overflow-x:auto}.acc-tabs button{font:700 .95rem var(--font);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1.5px;padding:.7rem .9rem}.acc-tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--amber)}.acc-tabs i{background:var(--paper,#f5f7f9);border-radius:99px;margin-inline-start:.2rem;padding:.05rem .45rem;font-size:.78rem;font-style:normal}.acc-tabs i:empty{display:none}.acc-list{gap:.8rem;margin-bottom:1.25rem;display:grid}.acc-h2{margin:.5rem 0 .75rem;font-size:1.15rem}.acc-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:.6rem;padding:1rem 1.1rem;display:grid}.acc-item-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.acc-item-h b{font-size:1.05rem}.acc-actions{flex-wrap:wrap;gap:.45rem;display:flex}.acc-actions .btn,.acc-item .btn{padding:.45rem .85rem;font-size:.88rem}.acc-badge{background:var(--blue-soft);color:var(--navy);border-radius:99px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.acc-badge[data-s=delivered]{color:#17663a;background:#e6f6ec}.acc-badge[data-s=unpaid]{color:#7a5300;background:#fff4d6}.acc-badge[data-s=cancelled]{color:#666;background:#f1f1f1}.acc-thread{background:var(--paper,#f5f7f9);border-radius:12px;gap:.45rem;padding:.7rem;display:grid}.acc-thread>b{color:var(--muted);font-size:.85rem}.acc-bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:12px;max-width:85%;padding:.5rem .7rem;font-size:.92rem;line-height:1.6}.acc-bubble.is-mine{background:var(--navy);color:#fff;justify-self:end}.acc-bubble small{opacity:.7;margin-bottom:.1rem;font-size:.74rem;display:block}.acc-send{grid-template-columns:1fr auto;align-items:end;gap:.45rem;display:grid}.acc-item textarea,.acc-item input[type=file]{font:500 .92rem var(--font);border:1.5px solid var(--line);resize:vertical;width:100%;min-height:2.6rem;color:var(--navy);background:#fff;border-radius:10px;padding:.5rem .65rem}.acc-stars{direction:ltr;gap:.2rem;display:flex}.acc-stars button{cursor:pointer;color:#c9cfd6;background:0 0;border:0;padding:0 .1rem;font-size:1.5rem;line-height:1}.acc-stars button.is-on{color:var(--amber)}.acc-rate{border:1.5px dashed var(--amber);border-radius:12px;gap:.5rem;padding:.7rem;display:grid}.acc-note{border-color:var(--amber);background:#fffbf0}.acc-notes{white-space:pre-wrap;color:var(--muted);background:var(--paper,#f5f7f9);border-radius:10px;max-height:12rem;padding:.6rem;font-size:.88rem;overflow:auto}.acc-deliver{border:1.5px solid var(--line);border-radius:12px;gap:.5rem;padding:.7rem;display:grid}.acc-empty{color:var(--muted);border:1.5px dashed var(--line);border-radius:var(--radius);padding:1rem}