.support-client-backdrop{position:fixed;inset:0;background:var(--z-support-client-backdrop-bg);z-index:9000;display:none}.support-client-backdrop.is-open{display:block}.support-client-panel{position:fixed;top:0;right:0;bottom:0;width:min(680px,100vw);z-index:9001;display:none;overflow:auto;background:var(--z-support-client-panel-bg);color:var(--z-support-client-panel-ink);border-left:1px solid var(--z-support-client-panel-line-left);box-shadow:var(--z-support-client-panel-shadow);font:14px/1.45 "Segoe UI",system-ui,sans-serif}.support-client-panel.is-open{display:block}.support-client-panel *{box-sizing:border-box}.support-client-head{position:sticky;top:0;z-index:2;display:flex;gap:12px;align-items:center;padding:18px 20px;background:var(--z-support-client-head-bg);border-bottom:1px solid var(--z-support-client-head-line-bottom)}.support-client-head h2{margin:0;flex:1;font-size:20px}.support-client-panel button,.support-client-panel input,.support-client-panel textarea{font:inherit}.support-client-panel button{cursor:pointer;border:1px solid var(--z-support-client-panel-button-line);border-radius:8px;background:var(--z-support-client-panel-button-bg);color:var(--z-support-client-panel-ink);padding:8px 12px}.support-client-panel button:hover{border-color:var(--z-support-client-panel-button-line-2)}.support-client-panel button:disabled{opacity:.5;cursor:not-allowed}.support-client-body{padding:18px 20px;display:grid;gap:16px}.support-client-actions{display:flex;gap:8px;flex-wrap:wrap}.support-client-form{display:grid;gap:10px;padding:14px;border:1px solid var(--z-support-client-form-line);border-radius:12px;background:var(--z-support-client-head-bg)}.support-client-form label{display:grid;gap:5px;color:var(--z-support-client-form-ink)}.support-client-form input,.support-client-form textarea{width:100%;border:1px solid var(--z-support-client-panel-button-line);border-radius:8px;background:var(--z-support-client-input-bg);color:var(--z-support-client-panel-ink);padding:9px}.support-client-form textarea{min-height:100px;resize:vertical}.support-client-list{display:grid;gap:8px}.support-client-case{width:100%;text-align:left}.support-client-case strong,.support-client-case span{display:block}.support-client-case span,.support-client-meta{color:var(--z-support-client-meta-ink);font-size:12px}.support-client-message{padding:10px 12px;border:1px solid var(--z-support-client-form-line);border-radius:10px;background:var(--z-support-client-head-bg);white-space:pre-wrap}.support-client-message.staff{border-left:3px solid var(--z-support-client-message-line-left-staff)}.support-client-status{min-height:20px;color:var(--z-support-client-status-ink)}.support-client-detail h3{margin:4px 0}.support-client-attachment{display:flex;align-items:center;gap:8px;padding:6px 0}.support-client-attachment span{flex:1}.support-client-trigger{cursor:pointer}body.support-client-open{overflow:hidden}.support-client-panel:focus{outline:none}.support-client-panel :focus-visible{outline:var(--z-support-client-panel-ring);outline-offset:2px}@media(max-width:700px){.support-client-panel{width:100%}}