:root{--bg:#f7f6f3;--surface:#fff;--border:#e7e4de;--text:#2e2c28;--text-2:#6f6a62;--chrome:#393631;--yellow:#f3cd00;--on-yellow:#2e2c28;--urgent:#e5383b;--important:#e8590c;--urgent-row:#e5383b12;--stale-row:#9e77ed1a;--note-bg:#fff7cc;--note-border:#f3cd00;--internal-bg:#f3f0ff;--link:#8a6f00;--card-side:#fbfaf7;--note-icon:#8a6f00}:root[data-theme=dark]{--bg:#2a2825;--surface:#393631;--border:#4a4743;--text:#f5f3ef;--text-2:#b5afa6;--chrome:#302e2a;--urgent-row:#f9706624;--stale-row:#b692f629;--note-bg:#f3cd001f;--internal-bg:#b692f61f;--link:#f3cd00;--card-side:#34312c;--note-icon:#f3cd00}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}.prio-IMPORTANT>td:first-child{box-shadow:inset 4px 0 0 var(--important)}.prio-URGENT>td:first-child{box-shadow:inset 4px 0 0 var(--urgent)}[dir=rtl] .prio-IMPORTANT>td:first-child{box-shadow:inset -4px 0 0 var(--important)}[dir=rtl] .prio-URGENT>td:first-child{box-shadow:inset -4px 0 0 var(--urgent)}.prio-URGENT>td{background:var(--urgent-row)}.row-stale>td{background:var(--stale-row)!important}.row-urgent-unclaimed>td{background:#e5383b29!important}.row-focused>td{border-top:1px solid var(--yellow)!important;border-bottom:1px solid var(--yellow)!important;background:#f3cd0029!important}.customer-note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.customer-note-icon{color:var(--note-icon);margin-top:2px;font-size:18px}.customer-note-title{margin-bottom:2px;font-weight:700}.customer-note-text{white-space:pre-wrap;word-break:break-word}.customer-note-compact{gap:6px;margin-top:6px;padding:5px 8px;font-size:13px}.customer-note-compact .customer-note-icon{font-size:14px}.reply-internal{background:var(--internal-bg)}.reply-body{white-space:pre-wrap;word-break:break-word;line-height:1.7}.top-nav.ant-menu-dark.ant-menu-horizontal{background:0 0}.top-nav.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.top-nav.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{border-radius:0;padding-inline:12px}.top-nav .ant-menu-overflow-item-rest{color:#fff!important}.top-nav.ant-menu-dark.ant-menu-horizontal>.ant-menu-item-selected{box-shadow:inset 0 -3px 0 var(--yellow);color:var(--yellow)!important;background:0 0!important}.top-nav.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover{color:#fff;background:#ffffff0f!important}.ticket-card{background:var(--surface);border:1px solid var(--border);border-inline-start:5px solid var(--border);border-radius:10px;overflow:hidden}.ticket-card.prio-IMPORTANT{border-inline-start-color:var(--important)}.ticket-card.prio-URGENT{border-inline-start-color:var(--urgent)}.ticket-card.card-urgent-unclaimed{background:linear-gradient(0deg, var(--urgent-row), var(--urgent-row)), var(--surface)}.ticket-card.card-stale{background:linear-gradient(0deg, var(--stale-row), var(--stale-row)), var(--surface)}.ticket-card{display:flex}.ticket-card-side{background:var(--card-side);border-inline-end:1px solid var(--border);flex-direction:column;flex:0 0 290px;padding:14px 16px;display:flex}.ticket-card-side>.mini-map{flex-shrink:0;margin-top:auto}.ticket-card-side-info{margin-top:6px;margin-bottom:10px}.ticket-card-main{flex-direction:column;flex:1;min-width:0;display:flex}.mini-map{border:1px solid var(--border);cursor:pointer;background:#e8e4da;border-radius:8px;margin-top:10px;position:relative;overflow:hidden}.mini-map-tiles{width:768px;height:768px;position:absolute}.mini-map-tiles img{-webkit-user-select:none;user-select:none;width:256px;height:256px;position:absolute}.mini-map-pin{color:var(--urgent);filter:drop-shadow(0 1px 1px #0006);font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.mini-map-badge{top:6px;background:#ffffffe6;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;inset-inline-start:6px;color:#2e2c28!important}.mini-map-attr{bottom:2px;color:#555;background:#ffffffb3;border-radius:3px;padding:0 3px;font-size:9px;position:absolute;inset-inline-end:4px}.mini-map:hover{outline:2px solid var(--yellow)}.ticket-card-side-head{text-align:center;border-bottom:1px dashed var(--border);margin-bottom:4px;padding-bottom:8px}.ticket-card-inline-reply{border:1px solid var(--yellow);background:var(--bg);border-radius:8px;margin-top:12px;padding:12px}.reply-transfer-active .ant-select-selector,.reply-transfer-active.ant-select{font-weight:600;border-color:var(--yellow)!important;background:var(--note-bg)!important}.ticket-card-replybar-link{cursor:pointer;color:var(--link);font-weight:600}.ticket-card-replybar-link:hover{background:var(--note-bg)}.ticket-card-customer{font-size:16px;font-weight:700;color:var(--text)!important}.ticket-card-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.ticket-card-topbar-items{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;font-size:14px;display:flex}.ticket-card-topbar-items .sep{color:var(--text-2)}.ticket-card-topbar-items .ant-tag{margin:0}.ticket-card-dates{color:var(--text-2);margin-inline-start:6px;font-size:12px}.ticket-card-corner{flex-shrink:0;align-items:center;gap:8px;display:flex}.ticket-card-done{color:#12b76a;font-size:12px;font-weight:600}.ticket-card-body{flex:1;display:flex}.ticket-card-employee{text-align:center;border-inline-end:1px dashed var(--border);flex-direction:column;flex:0 0 150px;align-items:center;gap:4px;padding:14px 10px;display:flex}.ticket-card-divider{border-top:1px dashed var(--border);width:100%;margin:8px 0}.ticket-card-claim{flex-direction:column;align-items:center;gap:6px;display:flex}.claim-clock{color:var(--link);background:var(--note-bg);border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600}.ticket-card-content{flex-direction:column;flex:1;min-width:0;padding:14px 16px;display:flex}.ticket-history-summary{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:10px 12px}.ticket-card-replies{margin-top:8px}.ticket-card-reply{border:1px solid var(--border);background:var(--bg);border-radius:8px;gap:16px;margin-top:8px;padding:10px 12px;display:flex}.ticket-card-reply-meta{border-inline-end:1px solid var(--border);flex-direction:column;flex:0 0 170px;gap:2px;padding-inline-end:12px;display:flex}.ticket-card-reply-text{flex:1;min-width:0}.ticket-card-action{border:1px solid var(--border);background:var(--surface);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:13px}.ticket-card-replybar{margin-top:auto;margin-inline:-16px;background:var(--card-side);border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-bottom:-14px;padding:10px 12px;display:flex}@media (width<=991px){.ticket-card,.ticket-card-body,.ticket-card-reply{flex-direction:column}.ticket-card-side,.ticket-card-employee,.ticket-card-reply-meta{border-inline-end:none;border-bottom:1px solid var(--border);flex-basis:auto;padding-inline-end:0}.ticket-card-employee{flex-flow:wrap;justify-content:flex-start}.ticket-card-divider{display:none}.ticket-card-claim{flex-direction:row}}@media (width<=768px){.hide-mobile{display:none!important}.ticket-card-main{order:1}.ticket-card-side{order:0;padding:10px 12px}.ticket-card-side>:not(.ticket-card-side-head){display:none!important}.ticket-card-side-head{border-bottom:none;margin-bottom:0;padding-bottom:0}.ticket-card-topbar{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.ticket-card-topbar-items .sep{display:none}.ticket-card-topbar-items{gap:6px 14px}.ticket-card-dates{flex-basis:100%;margin-inline-start:0}.ticket-card-corner:empty{display:none}.ticket-card-employee{text-align:start;align-items:center;gap:6px 12px;padding:10px 12px}.ticket-card-content{padding:12px}.ticket-card-reply{gap:6px;padding:8px 10px}.ticket-card-reply-meta{flex-flow:wrap;align-items:baseline;gap:2px 8px;padding-bottom:6px}.ticket-card-replybar{margin-inline:-12px;margin-bottom:-12px}.ticket-card-side .mini-map{min-height:120px;height:120px!important}}.customer-profile{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);display:grid}.customer-profile>*{min-width:0;padding:14px 16px}.customer-profile>*+*{border-inline-start:1px solid var(--border)}.profile-identity{background:var(--card-side);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.profile-stats{gap:18px;margin:6px 0;display:flex}.profile-stats>div{flex-direction:column;align-items:center;font-size:12px;display:flex}.profile-stats b{font-size:20px;line-height:1.2}.profile-section-title{border-bottom:2px solid var(--yellow);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:700;display:flex}.profile-row{gap:8px;line-height:1.9;display:flex}.profile-label{flex-shrink:0;min-width:110px}.profile-value{word-break:break-word;min-width:0}.profile-contact{justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.profile-contact+.profile-contact{border-top:1px dashed var(--border)}.profile-section .mini-map{margin-top:0}@media (width<=1199px){.customer-profile{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr)}.customer-profile>:last-child{border-inline-start:none;border-top:1px solid var(--border);grid-column:1/-1}}@media (width<=768px){.customer-profile{grid-template-columns:1fr}.customer-profile>*+*{border-inline-start:none;border-top:1px solid var(--border)}}.vip-mark{letter-spacing:.5px;color:#2e2c28;vertical-align:middle;white-space:nowrap;background:linear-gradient(135deg,#ffe46b,#f3cd00 55%,#d9a800);border-radius:999px;align-items:center;gap:4px;margin-inline-start:6px;padding:0 8px;font-size:11px;font-weight:700;line-height:20px;display:inline-flex;box-shadow:0 0 0 1px #a0780059}.vip-mark .anticon{font-size:12px}.brand-logo{flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.brand-logo img{width:auto;height:15px;display:block}.login-logo{width:min(280px,70vw);height:auto}@media (width<=576px){.brand-logo img{height:12px}}.vip-row{justify-content:center;margin-top:4px;display:flex}.vip-row .vip-mark{margin-inline-start:0}.profile-section-fill{flex-direction:column;display:flex}.profile-section-fill>.mini-map{flex:1}.report-filters{flex-wrap:wrap;gap:8px;display:flex}.report-filters>.ant-select,.report-filter-customer{flex:160px;min-width:160px}.report-filters>.ant-picker{flex:2 240px}.trend-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.trend-legend{color:var(--text-2);gap:14px;font-size:13px;display:flex}.trend-legend i,.trend-tooltip i{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.trend-plot{position:relative}.trend-plot svg{width:100%;height:auto;display:block}.trend-grid{stroke:var(--border);stroke-width:1px}.trend-axis{fill:var(--text-2);font-size:11px}.trend-crosshair{stroke:var(--text-2);stroke-width:1px;stroke-dasharray:3 3}.trend-dot{stroke:var(--surface);stroke-width:2px}.trend-tooltip{pointer-events:none;background:var(--surface);color:var(--text);border:1px solid var(--border);white-space:nowrap;direction:rtl;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 6px 18px #0000001f}[dir=ltr] .trend-tooltip{direction:ltr}.trend-tooltip-muted{color:var(--text-2)}.attachment-viewer{justify-content:center;align-items:center;min-height:160px;display:flex}.attachment-viewer img,.attachment-viewer video{border-radius:6px;max-width:100%;max-height:70vh}.attachment-viewer audio{width:100%}.attachment-viewer iframe{border:1px solid var(--border);border-radius:6px;width:100%;height:70vh}.attachment-viewer pre{white-space:pre-wrap;background:var(--bg);border-radius:6px;width:100%;max-height:70vh;margin:0;padding:12px;overflow:auto}@media (width<=576px){.ant-drawer-content-wrapper{max-width:100vw}.ant-modal .ant-form .ant-space{width:100%;display:flex}.ant-modal .ant-form .ant-space-item{width:100%}.ant-modal .ant-form .ant-form-item{min-width:0!important}.notif-dropdown{left:12px!important;right:auto!important}}.bottom-nav{inset-inline:0;z-index:20;background:var(--chrome);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff14;justify-content:space-around;display:flex;position:fixed;bottom:0}.bottom-nav button{color:#e6e2da;cursor:pointer;min-width:0;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 2px 6px;display:flex;box-shadow:inset 0 3px #0000}.bottom-nav button.active{color:var(--yellow);box-shadow:inset 0 3px 0 var(--yellow)}.bottom-nav .ant-badge{color:inherit}.bottom-nav-icon{color:inherit;font-size:20px;line-height:1}.bottom-nav-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.has-bottom-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}