.cpz-contact2{padding-block:var(--cpz-s-5)var(--cpz-s-7)}.cpz-contact2 *{box-sizing:border-box;font-family:inherit}.cpz-contact2__head{text-align:center;margin-block-end:var(--cpz-s-5)}.cpz-contact2__mark{block-size:56px;inline-size:56px;margin:0 auto var(--cpz-s-3);border-radius:var(--cpz-r-md);background:var(--cpz-primary-tint);color:var(--cpz-link);border:1px solid var(--cpz-primary);place-items:center;display:grid}.cpz-contact2__mark svg{width:26px;height:26px}.cpz-contact2__title{font-size:var(--cpz-fs-h3);color:var(--cpz-text);margin:0 0 6px;font-weight:800}.cpz-contact2__sub{max-inline-size:560px;color:var(--cpz-text-dim);margin:0 auto;font-size:13.5px;line-height:1.9}.cpz-contact2__quick{flex-wrap:wrap;justify-content:center;gap:8px;margin-block-start:var(--cpz-s-3);display:flex}.cpz-contact2__notice{border-radius:var(--cpz-r-sm);text-align:center;border:1px solid var(--cpz-border);margin-block-end:var(--cpz-s-4);padding:12px 16px;font-size:13.5px;font-weight:700}.cpz-contact2__notice.is-ok{color:var(--cpz-text);background:#19d28f1f;border-color:#19d28f}.cpz-contact2__notice.is-err{color:var(--cpz-text);background:#e5484d1f;border-color:#e5484d}.cpz-contact2__tabs{background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-pill);gap:6px;margin-block-end:var(--cpz-s-4);padding:6px;display:flex}.cpz-contact2__tab{border-radius:var(--cpz-r-pill);min-block-size:48px;color:var(--cpz-text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--cpz-dur)var(--cpz-ease),color var(--cpz-dur)var(--cpz-ease);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-size:13.5px;font-weight:700;display:inline-flex}.cpz-contact2__tab:hover{color:var(--cpz-text)}.cpz-contact2__tab:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-contact2__tab.is-active{background:var(--cpz-surface);color:var(--cpz-text);box-shadow:var(--cpz-shadow-1)}.cpz-contact2__count{border-radius:var(--cpz-r-pill);background:var(--cpz-primary);block-size:22px;min-inline-size:22px;color:var(--cpz-on-primary);place-items:center;padding-inline:6px;font-size:11px;font-weight:800;display:grid}.cpz-contact2__card{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);padding:var(--cpz-s-5);box-shadow:var(--cpz-shadow-1)}.cpz-contact2__empty{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cpz-contact2__empty p{color:var(--cpz-text-dim);margin:0;font-size:13.5px}.cpz-contact2 .grid{gap:14px;display:grid}.cpz-contact2 .grid.two{grid-template-columns:1fr}@media (width>=760px){.cpz-contact2 .grid.two{grid-template-columns:1fr 1fr}}.cpz-contact2 label{color:var(--cpz-text-dim);margin-block-end:6px;font-size:12.5px;font-weight:700;display:block}.cpz-contact2 label small{color:var(--cpz-text-mute);font-weight:600}.cpz-contact2 input,.cpz-contact2 select,.cpz-contact2 textarea{background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-sm);min-block-size:48px;inline-size:100%;color:var(--cpz-text);padding:12px 14px;font-size:13.5px}.cpz-contact2 textarea{resize:vertical;min-block-size:120px;line-height:1.9}.cpz-contact2 input:focus-visible,.cpz-contact2 select:focus-visible,.cpz-contact2 textarea:focus-visible{box-shadow:var(--cpz-ring);border-color:var(--cpz-primary);outline:none}.cpz-contact2 input[type=checkbox]{block-size:20px;min-block-size:20px;inline-size:20px}.cpz-contact2 input[type=file]{padding:9px 12px}.cpz-contact2__submit{gap:8px;margin-block-start:var(--cpz-s-4)}.cpz-contact2__hint{text-align:center;color:var(--cpz-text-mute);margin-block-start:10px;font-size:11.5px;display:block}.cpz-contact2__teaser{margin-block-start:var(--cpz-s-4)}.cpz-contact2__teaser-label{color:var(--cpz-text-mute);margin-block-end:8px;font-size:12px;font-weight:700;display:block}.cpz-contact2__list{flex-direction:column;gap:10px;display:flex}.cpz-contact2__tcard{text-align:start;background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-md);min-block-size:64px;inline-size:100%;color:var(--cpz-text);align-items:center;gap:12px;padding:14px 16px;display:flex}.cpz-contact2__tcard--btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--cpz-dur)var(--cpz-ease)}.cpz-contact2__tcard--btn:hover{border-color:var(--cpz-primary)}.cpz-contact2__tcard--btn:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-contact2__tcard-main{flex-direction:column;flex:1;gap:4px;min-inline-size:0;display:flex}.cpz-contact2__tcard-main strong{overflow-wrap:anywhere;font-size:13.5px;font-weight:700}.cpz-contact2__tmeta{color:var(--cpz-text-mute);font-size:11.5px}.cpz-contact2__chev{width:16px;height:16px;color:var(--cpz-text-mute);flex:none}.cpz-contact2__chip{border-radius:var(--cpz-r-pill);border:1px solid;flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.cpz-contact2__chip.is-new{background:color-mix(in srgb,var(--cpz-primary)14%,transparent);border-color:var(--cpz-primary);color:var(--cpz-link)}.cpz-contact2__chip.is-wait{color:#ffd166;background:#ffd16624;border-color:#ffd166}.cpz-contact2__chip.is-done{color:#19d28f;background:#19d28f24;border-color:#19d28f}.cpz-modal{z-index:9999;background:var(--cpz-scrim);justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.cpz-modal .box{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);max-block-size:88vh;inline-size:100%;max-inline-size:640px;padding:var(--cpz-s-5);color:var(--cpz-text);box-shadow:var(--cpz-shadow-2);overflow-y:auto}.cpz-modal__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-block-end:var(--cpz-s-4);display:flex}.cpz-modal h4{overflow-wrap:anywhere;margin:0 0 4px;font-size:15px;font-weight:800}.cpz-modal .close{background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-sm);block-size:40px;inline-size:40px;color:var(--cpz-text);cursor:pointer;flex:none;place-items:center;font-size:14px;display:grid}.cpz-modal .close:hover{background:var(--cpz-surface-3)}.cpz-modal .close:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-thread{flex-direction:column;gap:10px;display:flex}.cpz-reply{border-radius:var(--cpz-r-md);white-space:pre-wrap;background:var(--cpz-surface-2);border:1px solid var(--cpz-border);overflow-wrap:anywhere;padding:12px 14px;font-size:13.5px;line-height:1.9}.cpz-reply b{color:var(--cpz-text-mute);margin-block-end:4px;font-size:11.5px;font-weight:700;display:inline-block}.cpz-reply--staff{border-color:var(--cpz-border-strong)}.cpz-reply--customer{border-color:var(--cpz-primary);background:color-mix(in srgb,var(--cpz-primary)8%,var(--cpz-surface-2));margin-inline-start:20px}.cpz-noreply{color:var(--cpz-text-mute);margin:0;font-size:13px}.cpz-ticket-reply{border-block-start:1px solid var(--cpz-border);flex-direction:column;gap:10px;margin-block-start:var(--cpz-s-4);padding-block-start:var(--cpz-s-4);display:flex}.cpz-ticket-reply textarea{resize:vertical;background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-sm);min-block-size:96px;inline-size:100%;color:var(--cpz-text);padding:12px 14px;font-size:13.5px;line-height:1.9}.cpz-ticket-reply textarea:focus-visible{box-shadow:var(--cpz-ring);border-color:var(--cpz-primary);outline:none}.cpz-tr-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cpz-tr-msg{color:var(--cpz-text-dim);font-size:12px}.cpz-contact2__chip{gap:5px}.cpz-contact2__chip-ico{flex:none;block-size:13px;inline-size:13px}.cpz-contact2__chip.is-closed{background:var(--cpz-surface-3);border-color:var(--cpz-border-strong);color:var(--cpz-text-mute)}.cpz-contact2__cicon{border-radius:var(--cpz-r-sm);background:var(--cpz-surface-2);block-size:32px;inline-size:32px;color:var(--cpz-text-mute);flex:none;place-items:center;display:grid}.cpz-contact2__cicon svg{width:16px;height:16px}.cpz-contact2__chev{transition:transform var(--cpz-dur)var(--cpz-ease)}.cpz-contact2__tcard--btn[aria-expanded=true] .cpz-contact2__chev{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.cpz-contact2__chev{transition:none}}