.nv-zendesk { width:100%; background:#fff; color:#2f3941; font-family:inherit; font-size:12px; line-height:1.45; text-align:left; border:1px solid #d8dcde; border-radius:6px; overflow:hidden; color-scheme:light; }
.nv-zendesk, .nv-zendesk * { box-sizing:border-box; }
.nv-zendesk svg { width:18px; height:18px; flex-shrink:0; vertical-align:middle; }
.nv-zendesk h2, .nv-zendesk h3, .nv-zendesk p, .nv-zendesk dl { margin:0; }
.nv-zendesk h2 { font-size:21px; line-height:1.3; font-weight:650; text-wrap:balance; }
.nv-zendesk h3 { font-size:12px; font-weight:650; }
.nv-zendesk.nv-main { height:600px; display:flex; }
.nv-zendesk .zd-rail { width:56px; background:#03363d; display:flex; align-items:center; flex-direction:column; padding:18px 0 14px; gap:18px; color:#cee5e6; flex-shrink:0; }
.nv-zendesk .zd-rail > span { width:38px; height:38px; display:grid; place-items:center; border-radius:4px; }
.nv-zendesk .zd-rail .zd-rail-active { background:#ffffff24; color:white; }
.nv-zendesk .zd-rail .zd-rail-bottom { margin-top:auto; background:#d6e8e5; color:#03363d; border-radius:50%; width:28px; height:28px; }
.nv-zendesk .zd-desktop { flex:1; display:flex; flex-direction:column; min-width:0; }
.nv-zendesk .zd-top { display:flex; align-items:center; height:48px; padding:0 20px; background:#f8f9f9; border-bottom:1px solid #d8dcde; gap:12px; }
.nv-zendesk .zd-ticket-tab { display:flex; gap:8px; align-items:center; height:100%; border-bottom:3px solid #03363d; min-width:0; }
.nv-zendesk .zd-ticket-tab b { max-width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
.nv-zendesk .zd-ticket-tab i { width:8px; height:8px; border-radius:2px; background:#e34f32; flex-shrink:0; }
.nv-zendesk .zd-assist { display:inline-flex; align-items:center; gap:6px; color:#37686b; margin-left:auto; }
.nv-zendesk .zd-body { display:grid; grid-template-columns:minmax(0,1fr) 285px; flex:1; min-height:0; }
.nv-zendesk .zd-thread { display:flex; flex-direction:column; padding:20px 24px 0; min-width:0; }
.nv-zendesk .zd-breadcrumb { font-size:10px; color:#68737d; margin-bottom:14px; }
.nv-zendesk .zd-breadcrumb span { margin:0 5px; color:#a3a9ad; }
.nv-zendesk .zd-ticket-meta { display:flex; align-items:center; gap:9px; color:#68737d; margin:12px 0 24px; font-size:11px; }
.nv-zendesk .zd-ticket-meta svg { width:14px; height:14px; margin-left:8px; }
.nv-zendesk .zd-open { color:#a3301b; background:#fff0e8; border:1px solid #f6c8b5; padding:2px 7px; border-radius:3px; font-weight:600; }
.nv-zendesk .zd-priority { margin-left:auto; }
.nv-zendesk .zd-message { display:flex; gap:12px; padding:0 0 24px; }
.nv-zendesk .zd-avatar { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border-radius:50%; color:#4a595f; background:#e3e7ee; font-size:11px; font-weight:650; }
.nv-zendesk .zd-message small { display:block; color:#68737d; font-size:10px; margin:3px 0 14px; }
.nv-zendesk .zd-message p { font-size:14px; line-height:1.65; max-width:480px; }
.nv-zendesk .zd-reply { border:1px solid #d8dcde; border-radius:4px 4px 0 0; margin-top:auto; }
.nv-zendesk .zd-reply-tabs { display:flex; gap:16px; padding:10px 14px; border-bottom:1px solid #e9ebed; font-size:11px; color:#68737d; }
.nv-zendesk .zd-selected { color:#17494d; font-weight:650; }
.nv-zendesk .zd-empty-reply { padding:16px 14px; color:#87929d; min-height:85px; }
.nv-zendesk .zd-format { display:flex; align-items:center; gap:16px; padding:10px 14px; color:#68737d; }
.nv-zendesk .zd-format .zd-assist { font-size:10px; }
.nv-zendesk .zd-context { border-left:1px solid #d8dcde; padding:20px 18px; background:#fbfcfc; }
.nv-zendesk .zd-person { display:flex; gap:10px; align-items:center; margin:20px 0; }
.nv-zendesk .zd-context dt { font-size:10px; color:#68737d; margin-top:12px; }
.nv-zendesk .zd-context dd { margin:3px 0 0; }
.nv-zendesk .zd-tasks { margin-top:24px; border-top:1px solid #d8dcde; padding-top:16px; }
.nv-zendesk .zd-tasks h3 { margin-bottom:10px; display:flex; gap:7px; align-items:center; }
.nv-zendesk .zd-tasks h3 > span { font-size:10px; font-weight:400; border-radius:10px; padding:0 6px; background:#e9ebed; }
.nv-zendesk .zd-task { display:flex; align-items:center; gap:9px; padding:10px 0; border-top:1px solid #eceeef; }
.nv-zendesk .zd-task-mark { border:1.5px solid var(--status); width:13px; height:13px; border-radius:3px; flex-shrink:0; color:var(--status); }
.nv-zendesk .zd-task-mark svg { width:11px; height:11px; vertical-align:top; }
.nv-zendesk .zd-task strong { font-size:11px; font-weight:550; }
.nv-zendesk .zd-task small { display:flex; align-items:center; gap:4px; font-size:10px; color:#68737d; margin-top:3px; }
.nv-zendesk .zd-task small i { width:5px; height:5px; border-radius:50%; background:var(--status); }
.nv-zendesk .zd-task time { margin-left:auto; white-space:nowrap; font-size:10px; color:#68737d; }
.nv-zendesk .zd-mobile-tasks { display:none; }
.nv-zendesk .zd-footer { margin-top:14px; display:flex; align-items:center; gap:12px; padding:12px 20px; border-top:1px solid #d8dcde; background:#fff; }
.nv-zendesk .zd-footer-status { display:flex; align-items:center; gap:8px; margin-left:auto; }
.nv-zendesk .zd-submit { display:inline-flex; justify-content:center; align-items:center; gap:14px; padding:9px 12px; border-radius:4px; color:white; background:#17494d; font-size:12px; font-weight:550; }
.nv-zendesk.nv-ask { min-height:380px; }
.nv-zendesk .zd-ask-head { display:flex; align-items:center; gap:9px; padding:15px 20px; border-bottom:1px solid #d8dcde; background:#f4f8f7; }
.nv-zendesk .zd-ask-head > span { margin-left:auto; color:#68737d; font-size:11px; }
.nv-zendesk .zd-ask-content { padding:18px 20px; }
.nv-zendesk .zd-question { padding:10px 13px; background:#f1f3f4; border-radius:4px; margin-bottom:18px; font-size:13px; }
.nv-zendesk .zd-draft-note { display:flex; align-items:center; gap:6px; font-size:11px; color:#37686b; margin-bottom:9px; }
.nv-zendesk .zd-draft { border:1px solid #a9c5c5; border-radius:4px; }
.nv-zendesk .zd-draft-text { padding:16px 14px; min-height:100px; font-size:14px; line-height:1.65; }
.nv-zendesk .zd-source { color:#37686b; display:flex; align-items:center; gap:6px; font-size:11px; padding:0 14px 12px; }
.nv-zendesk .zd-source svg { width:14px; height:14px; }
.nv-zendesk .zd-ask-actions { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:14px; }
.nv-zendesk .zd-insert { border:1px solid #87929d; border-radius:4px; padding:8px 12px; }
.nv-zendesk .zd-assistant-meta { border-top:1px solid #e9ebed; padding:12px 20px; font-size:10px; color:#68737d; }
.nv-zendesk [data-after] { visibility:hidden; }
.nv-zendesk.is-done [data-after] { visibility:visible; }
@container nv (max-width:899px) {
 .nv-zendesk .zd-body { grid-template-columns:minmax(0,1fr) 240px; }
 .nv-zendesk .zd-thread { padding:16px 16px 0; }
 .nv-zendesk .zd-context { padding:16px 12px; }
 .nv-zendesk .zd-top > .zd-assist { font-size:0; }
}
@container nv (max-width:640px) {
 .nv-zendesk.nv-main { height:auto; }
 .nv-zendesk .zd-rail, .nv-zendesk .zd-context { display:none; }
 .nv-zendesk .zd-body { display:block; }
 .nv-zendesk .zd-top { height:38px; padding:0 14px; }
 .nv-zendesk .zd-ticket-tab b { max-width:225px; font-size:10px; }
 .nv-zendesk .zd-thread { padding:14px 14px 0; }
 .nv-zendesk h2 { font-size:18px; }
 .nv-zendesk .zd-breadcrumb { font-size:9px; margin-bottom:8px; }
 .nv-zendesk .zd-ticket-meta { margin:9px 0 14px; }
 .nv-zendesk .zd-message { gap:9px; padding-bottom:0; }
 .nv-zendesk .zd-message small { margin:2px 0 7px; }
 .nv-zendesk .zd-message p { font-size:12px; line-height:1.5; }
 .nv-zendesk .zd-avatar { width:28px; height:28px; font-size:10px; }
 .nv-zendesk .zd-mobile-tasks { display:block; }
 .nv-zendesk .zd-tasks { margin-top:14px; padding-top:10px; }
 .nv-zendesk .zd-tasks h3 { margin-bottom:5px; font-size:11px; }
 .nv-zendesk .zd-task { padding:7px 0; }
 .nv-zendesk .zd-task > div { display:flex; flex:1; align-items:center; justify-content:space-between; gap:6px; }
 .nv-zendesk .zd-task small { margin:0; font-size:9px; }
 .nv-zendesk .zd-reply { margin-top:12px; }
 .nv-zendesk .zd-reply-tabs { gap:12px; font-size:10px; padding:8px 10px; }
 .nv-zendesk .zd-empty-reply { min-height:40px; padding:11px; font-size:11px; }
 .nv-zendesk .zd-format { padding:7px 10px; }
 .nv-zendesk .zd-footer { padding:9px 14px; margin-top:10px; }
 .nv-zendesk .zd-ask-content { padding:16px; }
 .nv-zendesk .zd-ask-actions { gap:8px; }
 .nv-zendesk .zd-submit { font-size:11px; gap:8px; }
}