*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:#f4f6f9;color:#18212f}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.primary{min-height:44px;border:1px solid #ccd4df;border-radius:10px;background:#fff;padding:9px 16px;cursor:pointer}.primary{background:#1769e0;color:#fff;border-color:#1769e0}input,select,textarea{width:100%;border:1px solid #ccd4df;border-radius:10px;background:#fff;padding:11px 12px;outline:none}textarea{resize:none;line-height:1.6}.topbar{height:68px;background:#fff;border-bottom:1px solid #e2e7ee;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:18px}.brand small{display:block;color:#647184;font-weight:400;font-size:11px}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav a{padding:10px 12px;border-radius:9px}.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#e32e42;color:#fff;border-radius:20px;font-size:12px;margin-inline-start:5px}.support-layout{height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(290px,370px) 1fr;direction:rtl}.conversation-list{background:#fff;border-left:1px solid #e2e7ee;overflow:auto}.filters{padding:14px;display:grid;grid-template-columns:1fr 130px auto;gap:8px;border-bottom:1px solid #edf0f4}.conversation-item{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf0f4}.conversation-item:hover,.conversation-item.active{background:#edf5ff}.conversation-item>div:first-child{min-width:0}.conversation-item strong,.conversation-item span{display:block}.conversation-item span{font-size:13px;color:#667386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.conversation-item>div:last-child{text-align:left;white-space:nowrap}.conversation-item small{display:block;color:#667386;font-size:11px}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#eef2f7}.chat-empty{margin:auto;text-align:center;color:#667386}.back-mobile{display:none}.chat-header{height:74px;background:#fff;border-bottom:1px solid #e2e7ee;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-header h2{margin:0 0 5px;font-size:18px}.chat-header span{font-size:12px;color:#667386}.chat-header select{min-width:170px}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.message{max-width:min(720px,82%);background:#fff;border-radius:14px;padding:11px 14px;box-shadow:0 2px 8px rgba(22,36,56,.06)}.message.incoming{align-self:flex-start;border-bottom-left-radius:4px}.message.outgoing{align-self:flex-end;background:#ddecff;border-bottom-right-radius:4px}.message.note{align-self:center;background:#fff7cf;border:1px dashed #dfbe40}.message-meta{font-size:11px;color:#718096;margin-bottom:6px}.message p{margin:0;line-height:1.7;overflow-wrap:anywhere}.attachment{display:inline-block;margin-top:8px;color:#1769e0;font-weight:700}.composer{background:#fff;border-top:1px solid #e2e7ee;padding:12px 16px}.composer>form{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.file-button{min-height:44px;border:1px solid #ccd4df;border-radius:10px;padding:11px 14px;cursor:pointer}.file-button input{display:none}.composer details{margin-top:8px}.composer details form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.settings-wrap{max-width:980px;margin:28px auto;padding:0 18px}.panel,.install-card,.login-card{background:#fff;border:1px solid #e2e7ee;border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(22,36,56,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-weight:700;font-size:14px}.full{grid-column:1/-1}.settings-actions{display:flex;gap:10px;margin-top:18px}.login-page,.install-page{display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%)}.install-card{width:min(900px,100%)}.login-card form{display:grid;gap:14px}.alert,.toast{padding:12px 14px;border-radius:10px;margin:12px 0}.toast{position:fixed;top:76px;left:20px;z-index:10}.error{background:#ffe7e9;color:#a71124;border:1px solid #f4b6bd}.success{background:#e8f8ef;color:#116c3a;border:1px solid #b8e5ca}.empty{padding:22px;text-align:center;color:#718096}@media(max-width:900px){.support-layout{grid-template-columns:310px 1fr}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:700px){.back-mobile{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef2f7;font-size:28px}.topbar{padding:0 12px}.topbar nav a{font-size:13px;padding:8px}.support-layout{display:block;height:auto}.conversation-list{border:0;min-height:calc(100vh - 68px)}.chat-panel{min-height:calc(100vh - 68px)}.chat-panel:has(.chat-header)~*{}.conversation-list:has(+ .chat-panel .chat-header){display:none}.chat-header{height:auto;padding:10px 12px}.chat-header select{min-width:130px}.messages{min-height:calc(100vh - 250px);padding:12px}.message{max-width:90%}.composer>form{grid-template-columns:1fr auto}.composer>form textarea{grid-column:1/-1}.toast{left:10px;right:10px}.brand small{display:none}}
/* v1.1.0: direct customer chat + TeleCode activity panel */
.support-layout.has-current{grid-template-columns:minmax(270px,330px) minmax(430px,1fr) minmax(350px,440px)}
.activity-mobile-link{display:none;min-height:40px;align-items:center;padding:8px 12px;border:1px solid #cbd6e4;border-radius:10px;background:#f7f9fc;color:#1769e0;font-size:13px;font-weight:700;white-space:nowrap}
.customer-activity{min-width:0;background:#fff;border-right:1px solid #e2e7ee;overflow:auto;padding:14px;height:calc(100vh - 68px)}
.activity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.activity-head h2{font-size:18px;margin:0 0 4px}.activity-head p{margin:0;color:#6c7889;font-size:12px}.activity-close{display:none;width:38px;height:38px;place-items:center;border-radius:10px;background:#eef2f7;font-size:25px}
.activity-alert{padding:16px;border:1px solid #dfe6ee;background:#f8fafc;border-radius:13px}.activity-alert strong{display:block;margin-bottom:6px}.activity-alert p{margin:0 0 10px;color:#657286;line-height:1.7}.activity-alert a{color:#1769e0;font-weight:700}
.customer-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #e2e7ee;border-radius:13px;background:#f8fafc}.customer-card strong,.customer-card span{display:block}.customer-card span{margin-top:5px;color:#687588;font-size:11px}.customer-card a{padding:8px 10px;border-radius:9px;background:#1769e0;color:#fff;font-size:12px;white-space:nowrap}
.customer-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.customer-facts>div{padding:10px;border:1px solid #e4e9f0;border-radius:11px;background:#fff}.customer-facts span,.customer-facts strong{display:block}.customer-facts span{font-size:11px;color:#6d798a;margin-bottom:5px}.customer-facts strong{font-size:13px;overflow-wrap:anywhere}
.activity-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0}.activity-search button{min-height:42px}
.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 14px}.activity-summary>div{display:grid;place-items:center;padding:9px 5px;border:1px solid #e1e7ef;border-radius:11px;background:#f8fafc}.activity-summary strong{font-size:16px}.activity-summary span{font-size:10px;color:#6b7788;margin-top:3px;text-align:center}
.activity-section{border:1px solid #e2e7ee;border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}.activity-section>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;cursor:pointer;font-weight:800;background:#f8fafc}.activity-section>summary b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:#e7eef9;color:#315783;font-size:11px}
.activity-rows{padding:9px;display:grid;gap:8px}.activity-rows article{padding:10px;border:1px solid #e7ebf1;border-radius:10px;background:#fff}.activity-rows article header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.activity-rows article header strong{font-size:13px}.activity-rows .state{padding:3px 7px;border-radius:20px;background:#eef4fd;color:#315b8b;font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-rows article p{margin:8px 0;color:#485568;font-size:12px;overflow-wrap:anywhere}.activity-rows code{direction:ltr;unicode-bidi:plaintext;font-family:Consolas,monospace}.activity-rows dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.activity-rows dl div{min-width:0}.activity-rows dt{font-size:10px;color:#7a8595}.activity-rows dd{margin:3px 0 0;font-size:11px;overflow-wrap:anywhere}.row-error{display:block;margin-top:8px;padding:7px;border-radius:8px;background:#fff1f2;color:#a51f31;overflow-wrap:anywhere}.empty-mini{margin:0;padding:12px;text-align:center;color:#758194;font-size:12px}
.section-title{padding-top:8px;border-top:1px solid #e4e9f0}.section-title h2{margin:10px 0 5px;font-size:19px}.section-title p{margin:0;color:#677487;font-weight:400}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start;gap:10px!important}.check-label input{width:20px;height:20px;margin:0}.form-grid label small{font-weight:400;color:#687588;line-height:1.5}
.filters{grid-template-columns:1fr auto}

@media(max-width:1240px){
  .support-layout.has-current{grid-template-columns:280px minmax(420px,1fr)}
  .activity-mobile-link{display:flex}
  .customer-activity{position:fixed;z-index:30;top:68px;right:0;width:min(440px,100vw);height:calc(100vh - 68px);box-shadow:-18px 0 45px rgba(18,31,49,.18);transform:translateX(105%);transition:transform .2s ease}
  .customer-activity:target{transform:translateX(0)}
  .activity-close{display:grid}
}
@media(max-width:900px){
  .support-layout.has-current{grid-template-columns:280px minmax(360px,1fr)}
}
@media(max-width:700px){
  .support-layout.has-current{display:block}
  .support-layout.has-current .conversation-list{display:none}
  .customer-activity{top:68px;width:100%;padding:12px}
  .activity-mobile-link{display:flex}
  .customer-facts{grid-template-columns:1fr 1fr}
  .activity-summary{grid-template-columns:1fr 1fr}
  .activity-rows dl{grid-template-columns:1fr}
}