:root{
--bg:#f5f7f9;--surface:#fff;--text:#17212b;--muted:#7a8794;--line:#e7ebef;
--primary:#079f92;--primary-dark:#087f76;--teal-soft:#e6f7f5;--blue:#4d7cff;
--violet:#8165d5;--amber:#d99a2b;--rose:#e15c72;--green:#29a66f;--shadow:0 10px 30px rgba(25,39,52,.07)
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Inter,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer;border:0;background:none}.app-shell{min-height:100vh;display:flex}
.sidebar{width:270px;background:#fff;border-left:1px solid var(--line);padding:20px 14px;position:fixed;right:0;top:0;bottom:0;z-index:20;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 20px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0aa99b,#087d75);color:#fff;display:grid;place-items:center;font-weight:800;font-size:21px;box-shadow:0 8px 18px rgba(7,159,146,.22)}.brand strong{font-size:22px;letter-spacing:.5px;display:block}.brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:2px}
.workspace{display:flex;align-items:center;gap:9px;padding:11px;background:#f8fafb;border:1px solid var(--line);border-radius:14px;margin-bottom:17px}.workspace-avatar{width:32px;height:32px;border-radius:10px;background:var(--teal-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.workspace b{font-size:12px;display:block}.workspace small{font-size:10px;color:var(--muted)}.workspace .icon-btn{margin-right:auto}
.nav-label{font-size:10px;color:#a0a9b2;margin:15px 10px 7px;font-weight:700;letter-spacing:.4px}.nav-item{display:flex;align-items:center;gap:11px;text-decoration:none;color:#39434d;padding:10px 12px;border-radius:11px;font-size:13px;font-weight:600;margin:2px 0}.nav-item span{width:22px;text-align:center;font-size:17px;color:#5f6c77}.nav-item em{font-style:normal;font-size:10px;background:#eef2f4;padding:2px 7px;border-radius:20px;margin-right:auto}.nav-item em.danger{background:#fff0f2;color:var(--rose)}.nav-item.active{background:linear-gradient(90deg,#0aa496,#07968b);color:#fff;box-shadow:0 7px 18px rgba(7,159,146,.2)}.nav-item.active span{color:#fff}.nav-item.active em{background:rgba(255,255,255,.18);color:#fff}
.sidebar-bottom{margin-top:auto}.online{font-size:10px;color:#71808b;padding:10px 9px;display:flex;gap:7px;align-items:center}.online i,.dot{width:7px;height:7px;border-radius:50%;background:#2ab67b;display:inline-block}.user-mini{border-top:1px solid var(--line);padding:13px 5px 2px;display:flex;align-items:center;gap:8px}.user-mini b{font-size:11px;display:block}.user-mini small{font-size:9px;color:var(--muted)}.user-mini>span{margin-right:auto}
.main{margin-right:270px;width:calc(100% - 270px);min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:#a0a9b2}.breadcrumb b{color:#26323d;font-size:13px}.top-actions{display:flex;align-items:center;gap:9px}.search-pill{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#8b98a3;background:#fff}.search-pill span{font-size:11px}.search-pill kbd{font-size:9px;border:1px solid #dde3e8;border-radius:5px;padding:2px 5px;color:#9aa5ae}.icon-btn{width:34px;height:34px;border-radius:9px;color:#52606c;font-size:18px}.notification{position:relative}.notification i{position:absolute;top:-3px;left:-1px;width:15px;height:15px;border-radius:50%;background:#e85663;color:#fff;font-style:normal;font-size:9px;display:grid;place-items:center}
.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#e9eef1;color:#394652;font-weight:800;font-size:12px}.avatar.mini{width:28px;height:28px;font-size:10px}.avatar.big{width:62px;height:62px;font-size:20px}.teal-bg{background:#dff5f2!important;color:#078d83!important}.violet-bg{background:#ece8fb!important;color:#7257c8!important}
.content{padding:28px 30px 50px}.hero,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;color:var(--primary);letter-spacing:1.7px;font-weight:800}.hero h1,.section-head h1{font-size:27px;margin:4px 0 2px;letter-spacing:-.5px}.hero p,.section-head p{margin:0;color:var(--muted);font-size:12px}.hero-actions{display:flex;gap:9px}.btn{border-radius:10px;padding:10px 15px;font-size:11px;font-weight:700;transition:.2s}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 7px 17px rgba(7,159,146,.18)}.btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#4e5b66}.hidden{display:none!important}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 18px rgba(25,39,52,.025)}.kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px}.kpi-icon.teal{background:#e3f7f4;color:var(--primary)}.kpi-icon.blue{background:#eaf0ff;color:var(--blue)}.kpi-icon.violet{background:#eeeafb;color:var(--violet)}.kpi-icon.amber{background:#fff5df;color:var(--amber)}.kpi-icon.rose{background:#fff0f3;color:var(--rose)}.kpi-icon.green{background:#e6f7ef;color:var(--green)}.kpi small{font-size:9px;color:var(--muted);display:block}.kpi strong{font-size:20px;display:block;line-height:1.3}.kpi strong small{display:inline;font-size:9px}.up{font-size:9px;color:#28a36e}.muted{font-size:9px;color:#a0a9b2}
.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;margin-bottom:15px}.grid-three{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px rgba(25,39,52,.025)}.chart-card,.live-card,.satisfaction,.tickets,.activity{padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h3{margin:0;font-size:14px}.card-head small{font-size:9px;color:var(--muted)}.card-head select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:10px;color:#65727e;background:#fff}.link-btn{font-size:10px;color:var(--primary);font-weight:700}
.chart{height:215px;padding-top:15px;position:relative}.bars{height:170px;display:flex;align-items:flex-end;gap:18px;border-bottom:1px dashed #e5eaee;padding:0 15px}.bars:before{content:"";position:absolute;left:15px;right:15px;top:45px;border-top:1px dashed #eef1f4;box-shadow:0 45px 0 #eef1f4,0 90px 0 #eef1f4}.bars i{position:relative;z-index:1;flex:1;max-width:48px;background:linear-gradient(180deg,#19b2a5,#7dd8d0);border-radius:8px 8px 2px 2px;opacity:.88}.chart-labels{display:flex;justify-content:space-around;color:#9aa5ae;font-size:9px;padding-top:10px}
.live-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f4}.live-list>div:last-child{border:0}.live-list b{font-size:11px;display:block}.live-list small{font-size:9px;color:var(--muted)}.live-list strong{margin-right:auto;font-size:16px}.live-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.live-icon.green{background:#e7f8f0;color:var(--green)}.live-icon.amber{background:#fff5df;color:var(--amber)}.live-icon.rose{background:#fff0f3;color:var(--rose)}.live-icon.violet{background:#eeeafb;color:var(--violet)}.danger-text{color:var(--rose)!important}
.score{font-size:18px;color:#d39224;font-weight:800}.rating-ring{width:125px;height:125px;border-radius:50%;margin:8px auto 15px;background:conic-gradient(#d99a2b 0 94%,#edf0f2 94%);display:grid;place-items:center}.rating-ring:after{content:"";width:93px;height:93px;border-radius:50%;background:#fff;position:absolute}.rating-ring div{position:relative;z-index:1;text-align:center}.rating-ring strong{font-size:22px;display:block}.rating-ring small{font-size:9px;color:var(--muted)}.rating-row{display:flex;justify-content:space-between;font-size:10px;padding:6px 0}.rating-row b{color:#697681}
.ticket-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f4}.ticket-row:last-child{border:0}.ticket-row b{font-size:10px;display:block}.ticket-row small{font-size:8px;color:var(--muted)}.ticket-row em{font-style:normal;font-size:8px;padding:4px 7px;border-radius:20px;background:#edf8f6;color:var(--primary);margin-right:auto;white-space:nowrap}.priority{width:7px;height:7px;border-radius:50%}.priority.high{background:var(--rose)}.priority.medium{background:var(--amber)}.priority.low{background:var(--green)}
.activity-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f4}.activity-item:last-child{border:0}.activity-item b{font-size:10px;display:block}.activity-item small,.activity-item time{font-size:8px;color:var(--muted)}.activity-item time{margin-right:auto}
.inbox-shell{display:grid;grid-template-columns:280px 1fr 250px;overflow:hidden;min-height:610px}.conversation-list{border-left:1px solid var(--line);padding:12px}.inbox-search,.toolbar input{border:1px solid var(--line);border-radius:9px;padding:10px;color:#9ba5ad;font-size:10px;background:#fafbfc}.filter-tabs{display:flex;gap:12px;padding:13px 4px;font-size:9px;color:#8b98a3}.filter-tabs b{color:var(--primary)}.conv{display:flex;gap:8px;padding:11px 7px;border-radius:10px;align-items:center}.conv.active{background:#edf8f6}.conv b{display:block;font-size:10px}.conv small{display:block;color:var(--muted);font-size:8px;white-space:nowrap;max-width:150px;overflow:hidden}.conv time{margin-right:auto;font-size:8px;color:#9ba5ad}.chat{display:flex;flex-direction:column}.chat-head{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:9px}.chat-head b{font-size:11px;display:block}.chat-head small{font-size:8px;color:var(--muted)}.chat-actions{margin-right:auto;color:#7d8993}.messages{flex:1;padding:24px;background:#fbfcfd;display:flex;flex-direction:column;gap:10px}.bubble{max-width:65%;padding:11px 13px;border-radius:13px;font-size:10px;line-height:1.8}.bubble.other{background:#fff;border:1px solid var(--line);border-top-right-radius:4px}.bubble.me{background:#daf4ef;color:#185e58;margin-right:auto;border-top-left-radius:4px}.composer{display:flex;gap:7px;padding:12px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px;outline:none}.composer button{width:34px;border:1px solid var(--line);border-radius:9px;color:#74818b}.composer .send{background:var(--primary);color:#fff;border:0}.customer-panel{padding:18px;background:#fbfcfd}.customer-panel h3{font-size:13px;margin:0 0 22px}.customer-profile{text-align:center}.customer-profile b{display:block;font-size:12px;margin-top:7px}.customer-profile small{display:block;color:var(--muted);font-size:9px}.profile-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:18px 0 9px;font-size:9px}.profile-tabs b{color:var(--primary)}.info-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:10px}.info-line span{color:var(--muted)}.tag-list{display:flex;gap:5px;margin-top:14px}.tag-list i{font-style:normal;font-size:8px;background:#e8f7f4;color:var(--primary);padding:5px 8px;border-radius:20px}
.toolbar{display:flex;gap:9px;padding:13px;margin-bottom:14px}.toolbar input{flex:1}.toolbar select{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:10px;color:#687580;background:#fff}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.table-wrap th{background:#f8fafb;color:#7b8791;text-align:right;font-size:9px;padding:13px;border-bottom:1px solid var(--line)}.table-wrap td{padding:13px;border-bottom:1px solid #eef1f3;white-space:nowrap}.table-wrap td .avatar{vertical-align:middle;margin-left:7px}.badge{font-style:normal;padding:4px 8px;border-radius:20px;font-size:8px}.badge.green{background:#e7f8f0;color:#269364}.badge.blue{background:#eaf0ff;color:#4d6fd2}.badge.amber{background:#fff5df;color:#a77618}.badge.red{background:#fff0f3;color:#c94d63}.badge.violet{background:#eeeafb;color:#7358c6}
.mini-kpis{grid-template-columns:repeat(4,1fr)}.campaign-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.campaign-card{padding:20px}.campaign-card h3{font-size:15px}.campaign-card p{font-size:10px;color:var(--muted)}.status{font-size:8px;padding:5px 8px;border-radius:20px}.status.live{background:#e7f8f0;color:#258d61}.status.draft{background:#f1f3f5;color:#7b8791}.campaign-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px}.campaign-stat b{font-size:17px}.campaign-stat span{font-size:8px;color:var(--muted)}
.rating-bars>div{display:grid;grid-template-columns:75px 1fr 40px;gap:10px;align-items:center;margin:15px 0;font-size:9px}.rating-bars i{height:8px;background:#eef1f3;border-radius:20px;overflow:hidden}.rating-bars b{display:block;height:100%;background:#d9a03a;border-radius:20px}.review{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #eef1f3}.review b{font-size:10px}.review b span{color:#d99a2b;margin-right:5px}.review p{font-size:9px;margin:5px 0;color:#53616c}.review small{font-size:8px;color:var(--muted)}
.workflow{padding:35px;text-align:center;min-height:500px}.node{display:inline-flex;flex-direction:column;gap:5px;min-width:210px;padding:17px 20px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);text-align:right}.node small{font-size:8px;color:var(--primary);font-weight:800;letter-spacing:1px}.node b{font-size:12px}.trigger{border-top:3px solid var(--primary)}.ai-node{border-top:3px solid var(--violet)}.arrow{color:#aab4bc;font-size:22px;margin:8px}.branch{display:flex;justify-content:center;gap:18px}.branch .node:first-child{border-top:3px solid var(--blue)}.branch .node:last-child{border-top:3px solid var(--rose)}
.empty-premium{text-align:center;padding:80px 20px}.empty-icon{width:62px;height:62px;border-radius:18px;background:var(--teal-soft);color:var(--primary);display:grid;place-items:center;font-size:26px;margin:0 auto 15px}.empty-premium h2{font-size:18px;margin:0}.empty-premium p{font-size:10px;color:var(--muted);margin:7px 0 20px}.ai-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.ai-hero{padding:35px}.ai-orb{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#e8f8f5,#eee9fb);color:var(--violet);display:grid;place-items:center;font-size:29px}.ai-hero h2{font-size:20px;margin:18px 0 7px}.ai-hero p{font-size:11px;color:var(--muted);max-width:600px;line-height:2}.ai-stat{padding:16px 0;border-bottom:1px solid var(--line)}.ai-stat b{font-size:24px;display:block}.ai-stat span{font-size:9px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setting{padding:18px;display:flex;align-items:center;gap:10px}.setting b{font-size:12px}.setting small{font-size:9px;color:var(--muted);display:block}.setting span{margin-right:auto;font-size:18px;color:#9aa5ae}
.toast{position:fixed;bottom:22px;left:22px;background:#17212b;color:#fff;padding:11px 16px;border-radius:10px;font-size:10px;box-shadow:0 10px 25px rgba(0,0,0,.18);transform:translateY(80px);opacity:0;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}.mobile-menu{display:none}
@media(max-width:1250px){.kpis{grid-template-columns:repeat(3,1fr)}.grid-three{grid-template-columns:1fr 1fr}.activity{grid-column:1/-1}.inbox-shell{grid-template-columns:250px 1fr}.customer-panel{display:none}.campaign-cards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(105%);transition:.25s}.sidebar.open{transform:none}.main{margin-right:0;width:100%}.mobile-menu{display:block;font-size:20px;color:#52606c}.topbar{padding:0 16px}.content{padding:20px 16px}.hero,.section-head{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:repeat(2,1fr)}.grid-two,.grid-three,.ai-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr}.conversation-list{display:none}.chat{min-height:600px}.search-pill span,.search-pill kbd{display:none}}
@media(max-width:560px){.kpis{grid-template-columns:1fr}.mini-kpis{grid-template-columns:1fr 1fr}.campaign-cards,.settings-grid{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.hero h1,.section-head h1{font-size:22px}}
.inbox-toolbar{display:flex;gap:9px;padding:12px;margin-bottom:14px}.inbox-toolbar input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px;font-size:10px;outline:none}.inbox-toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff;font-size:10px;color:#687580}.inbox-search-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;font-size:11px}.inbox-search-row span{background:#e8f7f4;color:var(--primary);padding:4px 8px;border-radius:20px;font-size:8px}.conv{cursor:pointer}.conv.unread{background:#fffaf0}.conv .unread-count{margin-right:auto;background:#e75a6a;color:#fff;border-radius:20px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:8px}.conv .channel-dot{width:7px;height:7px;border-radius:50%;background:#16a085;display:inline-block;margin-left:4px}.chat-empty{height:100%;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:20px}.chat-empty h3{color:var(--text);margin:10px 0 4px}.chat-empty.small{min-height:240px}.chat-head .status-select{margin-right:auto;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff;font-size:9px}.chat-actions button{border:0;background:transparent;color:#6f7b85;cursor:pointer;font-size:16px}.message-meta{font-size:7px;color:#8d989f;margin-top:4px}.bubble-wrap{display:flex;flex-direction:column}.bubble-wrap.me{align-items:flex-start}.bubble-wrap.other{align-items:flex-end}.bubble.other{align-self:flex-start}.bubble.me{align-self:flex-end}.customer-section-title{font-size:9px;color:#8b97a1;margin:18px 0 8px}.customer-actions{display:flex;gap:6px;margin-top:12px}.customer-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font-size:8px}.note-box{display:flex;gap:5px;margin-top:10px}.note-box input{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px;font-size:8px}.note-box button{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:0 9px}.inbox-shell.loading{opacity:.7;pointer-events:none}.priority-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-left:4px}.priority-high{background:#e85c6d}.priority-normal{background:#d7b45c}.priority-low{background:#7aa9d8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:9px;color:#66737e;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:9px;font:inherit;font-size:9px;resize:vertical}.form-grid textarea{font-family:monospace}.muted{color:var(--muted)}code{background:#f1f5f5;padding:2px 5px;border-radius:5px;font-size:8px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.inbox-toolbar{flex-direction:column}}

.modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:20px!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important}
.modal.hidden{display:none!important;visibility:hidden!important;opacity:0!important}
.modal-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(3px)!important}
.modal-card{position:relative!important;z-index:2!important;width:min(560px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;background:#fff!important;border:1px solid #e5eaee!important;border-radius:22px!important;padding:24px!important;box-sizing:border-box!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important;direction:rtl!important;color:#17212b!important}
.modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:20px!important;padding-bottom:15px!important;border-bottom:1px solid #edf1f3!important}
.modal-head h3{margin:0!important;font-size:20px!important;font-weight:800!important;color:#17212b!important}
.modal-form{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}
.modal-form label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;font-size:12px!important;font-weight:700!important;color:#34424d!important;width:100%!important}
.modal-form input,.modal-form select,.modal-form textarea{display:block!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;box-sizing:border-box!important;border:1px solid #dfe6ea!important;border-radius:11px!important;background:#fff!important;color:#17212b!important;font-family:inherit!important;font-size:13px!important;outline:none!important}
.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#079f92!important;box-shadow:0 0 0 3px rgba(7,159,146,.10)!important}
.modal-form textarea{min-height:90px!important;resize:vertical!important}
.modal-actions{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;margin-top:20px!important;padding-top:15px!important;border-top:1px solid #edf1f3!important;width:100%!important}
.modal-card .btn{cursor:pointer!important}
.modal-card .btn.small{width:auto!important;margin:0!important;padding:7px 10px!important}
.modal-form .btn{width:auto!important;min-width:120px!important;margin:0!important}
.contact-action{border:0;background:transparent;cursor:pointer;color:inherit}
.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#f7fafb}
@media(max-width:640px){.modal{padding:12px!important}.modal-card{width:100%!important;max-height:calc(100vh - 24px)!important;padding:18px!important;border-radius:18px!important}.modal-actions{flex-direction:column!important;align-items:stretch!important}.modal-form .btn{width:100%!important}}

/* Stage 2B — Conversation workspace */
.customer-ticket-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}.customer-ticket{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--line,#e5e7eb);background:#fff;border-radius:10px;cursor:pointer;text-align:right}.customer-ticket:hover{background:#f7faf9}.customer-ticket b{font-size:11px;white-space:nowrap}.chat-actions button{min-width:34px}


/* V10.2.1 — AI conversation summary */
.ai-summary-modal .summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.ai-summary-modal .summary-card{border:1px solid #e7edf2;border-radius:12px;padding:11px 12px;background:#fbfcfd;display:flex;flex-direction:column;gap:4px}
.ai-summary-modal .summary-card small{color:#8a98a6;font-size:11px}
.ai-summary-modal .summary-card b{color:#17212b;font-size:13px}
.ai-summary-modal .summary-card span{color:#8a98a6;font-size:11px;direction:ltr;text-align:right}
.ai-summary-modal .summary-text{align-items:flex-start;line-height:1.9}
.ai-summary-modal .summary-text span{white-space:normal}
@media (max-width:700px){.ai-summary-modal .summary-grid{grid-template-columns:1fr}}