/* Resepsiyon görüşmeleri — mevcut ekranın stilleri, #rsp kapsamında (kapsamla.py ile üretildi) */
#rsp{--bg:#f2f5f7;--surface:#fff;--surface-2:#f7f9fa;--line:#e1e7eb;--line-soft:#edf1f3;
      --ink:#132330;--ink-2:#34495a;--muted:#607385;--faint:#8d9daa;
      --brand:#0f6b6b;--brand-hover:#0b5858;--brand-50:#e7f3f2;--brand-100:#cde7e4;
      --ok:#17845a;--ok-50:#e5f5ec;--bad:#c03b45;--bad-50:#fcebed;--info:#2c69ad;--info-50:#e8f0fa;--violet:#6447c0;--violet-50:#efebfc;--amber:#a86512;--amber-50:#fcf1e1;
      --r-sm:8px;--r-md:12px;--r-lg:16px;
      --shadow-1:0 1px 2px rgba(19,35,48,.05);--shadow-2:0 1px 2px rgba(19,35,48,.04),0 8px 24px rgba(19,35,48,.06);
      --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;}
#rsp *{box-sizing:border-box}
#rsp{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}
#rsp button,#rsp input,#rsp select,#rsp textarea{font:inherit;color:inherit}
#rsp button{cursor:pointer}
#rsp a{color:inherit;text-decoration:none}
#rsp .hidden{display:none!important}
#rsp .num{font-variant-numeric:tabular-nums}
#rsp svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#rsp :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#rsp .appbar{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,3vw,40px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
#rsp .brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.01em}
#rsp .brand-mark{width:34px;height:34px;display:block}
#rsp .brand-mark svg{width:100%;height:100%;display:block}
#rsp .bot-goz{transform-box:fill-box;transform-origin:center;animation:bot-goz 5s infinite}
@keyframes bot-goz{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
#rsp .brand-section{color:var(--muted);font-weight:600;padding-left:10px;border-left:1px solid var(--line)}
#rsp .top-actions{display:flex;align-items:center;gap:10px}
#rsp .live{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
#rsp .live-dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}
#rsp .live.on{color:var(--ok);background:var(--ok-50);border-color:#cbe9d8}
#rsp .live.on .live-dot{background:var(--ok);animation:pulse 2s infinite}
#rsp .live.off{color:var(--bad);background:var(--bad-50);border-color:#f3cfd3}
#rsp .live.off .live-dot{background:var(--bad)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(23,132,90,.45)}70%{box-shadow:0 0 0 7px rgba(23,132,90,0)}100%{box-shadow:0 0 0 0 rgba(23,132,90,0)}}
#rsp .btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:0 14px;height:38px;font-weight:650;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;box-shadow:var(--shadow-1);transition:background .15s,border-color .15s,color .15s}
#rsp .btn:hover{border-color:var(--brand-100);color:var(--brand)}
#rsp .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
#rsp .btn.primary:hover{background:var(--brand-hover);color:#fff}
#rsp .btn.soft{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand)}
#rsp .btn.ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--ink-2)}
#rsp .btn.ghost:hover{background:var(--surface-2)}
#rsp .btn.sm{height:32px;padding:0 10px;font-size:12.5px}
#rsp .btn:disabled{opacity:.5;cursor:not-allowed}
#rsp .field{display:grid;gap:5px;min-width:0}
#rsp .field label{font-size:12px;font-weight:650;color:var(--muted)}
#rsp .input,#rsp .select,#rsp .note-editor{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);outline:0;width:100%;transition:border-color .15s,box-shadow .15s}
#rsp .input,#rsp .select{height:38px;padding:0 11px;font-size:14px}
#rsp .input:hover,#rsp .select:hover{border-color:#c9d4da}
#rsp .input:focus,#rsp .select:focus,#rsp .note-editor:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50)}
#rsp .search-box{position:relative}
#rsp .search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--faint)}
#rsp .search-box .input{padding-left:36px}
#rsp .workspace{max-width:1600px;margin:0 auto;padding:16px clamp(14px,2.2vw,32px) 48px}
#rsp .topband{display:grid;grid-template-columns:minmax(200px,auto) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:12px}
#rsp .title-block{display:flex;flex-direction:column;justify-content:center;min-width:0}
#rsp h1{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:0 0 2px;font-weight:750}
#rsp .subtitle{margin:0;color:var(--muted);font-size:13px}
#rsp .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}
#rsp .error{border:1px solid #f1c9ce;background:var(--bad-50);color:var(--bad);padding:10px 14px;border-radius:var(--r-md);margin-bottom:14px;font-weight:600}
#rsp .kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#rsp .kpi{padding:10px 14px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:start;min-width:0;border-radius:var(--r-md);box-shadow:var(--shadow-1)}
#rsp .kpi-top{display:flex;align-items:center;gap:6px;min-width:0}
#rsp .kpi-icon{grid-row:1/4;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--tint);color:var(--tone);margin-top:2px}
#rsp .kpi-icon svg.i{width:16px;height:16px}
#rsp .kpi-label{font-size:12.5px;font-weight:650;color:var(--muted);line-height:1.3;flex:1;min-width:0}
#rsp .kpi-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
#rsp .kpi-value small{font-size:13px;font-weight:650;letter-spacing:0;color:var(--muted);margin:0 3px 0 1px}
#rsp .kpi-value .kpi-sub{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted)}
#rsp .kpi-note{font-size:11.5px;color:var(--faint);line-height:1.35;margin-top:2px}
#rsp .kpi.t-total{--tint:var(--brand-50);--tone:var(--brand)}
#rsp .kpi.t-ok{--tint:var(--ok-50);--tone:var(--ok)}
#rsp .kpi.t-bad{--tint:var(--bad-50);--tone:var(--bad)}
#rsp .kpi.t-contact{--tint:var(--violet-50);--tone:var(--violet)}
#rsp .kpi.t-time{--tint:var(--info-50);--tone:var(--info)}
#rsp .info{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;cursor:help;font-style:normal;flex:none}
#rsp .live-pill{display:inline-flex;align-items:center;gap:5px;background:var(--ok-50);color:var(--ok);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:650}
#rsp .live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}
#rsp .toolbar{padding:8px 10px;margin-bottom:14px;border-radius:var(--r-md);box-shadow:var(--shadow-1)}
#rsp .bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#rsp .bar-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
#rsp .bar .search-box{width:240px}
#rsp .bar .input,#rsp .bar .select{height:34px;font-size:13.5px}
#rsp .bar .select{width:auto}
#rsp .bar .btn{height:34px}
#rsp .badge-count{background:var(--brand);color:#fff;border-radius:999px;padding:0 6px;font-size:11px;line-height:17px}
#rsp .btn[aria-expanded="true"]{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand)}
#rsp .icon-btn{width:34px;padding:0}
#rsp .filter-panel{display:grid;grid-template-columns:repeat(4,minmax(140px,190px)) auto auto;justify-content:start;gap:10px;align-items:end;margin-top:8px;padding-top:10px;border-top:1px solid var(--line-soft)}
#rsp .filter-panel .input,#rsp .filter-panel .select{height:34px}
#rsp .views{display:flex;gap:4px;flex-wrap:wrap}
#rsp .chip{border:1px solid transparent;background:transparent;border-radius:999px;height:30px;padding:0 11px;font-size:13px;font-weight:650;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s}
#rsp .chip:hover{background:var(--brand-50);color:var(--brand)}
#rsp .chip.active{background:var(--brand);color:#fff}
#rsp .chip .count{background:rgba(19,35,48,.08);border-radius:999px;padding:0 7px;font-size:11.5px;line-height:18px}
#rsp .chip.active .count{background:rgba(255,255,255,.24)}
#rsp .chip.tag{color:var(--violet)}
#rsp .chip.tag:hover{background:var(--violet-50)}
#rsp .chip.tag.active{background:var(--violet);color:#fff}
#rsp .board{display:grid;grid-template-columns:minmax(340px,5fr) minmax(0,7fr);gap:16px;align-items:start}
#rsp .list-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 8px}
#rsp .list-title{font-size:14.5px;font-weight:750}
#rsp .list-desc{font-size:12.5px;color:var(--muted)}
#rsp .results{display:grid;gap:8px}
#rsp .day{display:flex;align-items:center;gap:10px;margin:6px 2px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#rsp .day:after{content:"";flex:1;height:1px;background:var(--line)}
#rsp .day:first-child{margin-top:0}
#rsp .call{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:11px 13px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
#rsp .call:hover{border-color:#c6d4da;box-shadow:var(--shadow-2)}
#rsp .call.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50),var(--shadow-2)}
#rsp .call.is-new{animation:flash 2.6s ease}
@keyframes flash{0%,35%{background:var(--ok-50)}100%{background:var(--surface)}}
#rsp .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--tint,var(--surface-2));color:var(--tone,var(--muted))}
#rsp .call .avatar svg.i{width:16px;height:16px}
#rsp .s-ok{--tint:var(--ok-50);--tone:var(--ok)}
#rsp .s-bad{--tint:var(--bad-50);--tone:var(--bad)}
#rsp .s-live{--tint:var(--ok-50);--tone:var(--ok)}
#rsp .s-unknown{--tint:var(--surface-2);--tone:var(--muted)}
#rsp .s-live .avatar{animation:pulse 2s infinite}
#rsp .call-body{min-width:0}
#rsp .call-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#rsp .phone{font-size:16.5px;font-weight:750;letter-spacing:-.01em;line-height:1.25}
#rsp .meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px;font-size:12.5px;color:var(--muted)}
#rsp .meta span{display:inline-flex;align-items:center;gap:5px}
#rsp .meta svg.i{width:14px;height:14px}
#rsp .call-top>div:last-child{display:grid;justify-items:end;gap:5px}
#rsp .time{font-size:14px;font-weight:700;color:var(--ink-2);text-align:right;white-space:nowrap}
#rsp .status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:650;white-space:nowrap;background:var(--tint);color:var(--tone)}
#rsp .status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#rsp .status.s-live:before{animation:pulse 2s infinite}
#rsp .contacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#rsp .contact{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-sm);padding:3px 9px;font-size:13.5px;font-weight:650;overflow-wrap:anywhere;border:1px solid transparent}
#rsp .contact svg.i{width:15px;height:15px}
#rsp .contact.mail{background:var(--violet-50);color:var(--violet)}
#rsp .contact.tel{background:var(--info-50);color:var(--info)}
#rsp .contact small{font-weight:600;opacity:.75}
#rsp a.contact:hover{border-color:currentColor}
#rsp .topic{display:inline-flex;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand);background:var(--brand-50);border-radius:5px;padding:1px 7px}
#rsp .summary{margin-top:5px;font-size:13.5px;line-height:1.5;color:var(--ink-2);white-space:pre-wrap}
#rsp .call{gap:10px;padding:9px 12px 10px;background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%);box-shadow:inset 3px 0 0 var(--tone,var(--line)),var(--shadow-1)}
#rsp .call .avatar{width:30px;height:30px}
#rsp .call{grid-template-columns:30px minmax(0,1fr)}
#rsp .call .phone{font-size:15.5px}
#rsp .call .meta{margin-top:3px;font-size:12px}
#rsp .call .meta .topic{margin:0;font-size:10.5px;padding:1px 6px}
#rsp .call .summary{margin-top:6px;font-size:13px;line-height:1.45}
#rsp .call .contacts{margin-top:6px}
#rsp .kimlik{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:2px;font-size:13px;font-weight:650;color:var(--brand)}
#rsp .kimlik span{display:inline-flex;align-items:center;gap:5px;min-width:0}
#rsp .kimlik svg.i{width:14px;height:14px;opacity:.8}
#rsp .kimlik .firma{color:var(--ink-2)}
#rsp .d-head .kimlik{font-size:14.5px;margin-top:4px}
#rsp .call.s-live .kimlik,#rsp .d-head.s-live .kimlik{color:#7ff0cf}
#rsp .call.s-live .kimlik .firma,#rsp .d-head.s-live .kimlik .firma{color:#e8f6f4}
#rsp .pending{margin-top:10px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:7px}
#rsp .task-line{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--violet);background:var(--violet-50);border-radius:var(--r-md);padding:8px 11px}
#rsp .task-line b{font-weight:700}
#rsp .task-line .note-text{color:var(--ink-2);white-space:pre-wrap;flex-basis:100%}
#rsp .tag{display:inline-flex;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:650;background:#e4ddfa;color:var(--violet)}
#rsp .empty{padding:48px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed #cfd9de;border-radius:var(--r-lg)}
#rsp .pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}
#rsp .loading{opacity:.6;pointer-events:none}
#rsp .detail{position:sticky;top:72px;max-height:calc(100vh - 84px);overflow:auto;border-radius:var(--r-md)}
#rsp .detail-empty{padding:64px 32px;text-align:center;color:var(--muted)}
#rsp .detail-empty .avatar{margin:0 auto 14px;width:56px;height:56px;background:var(--brand-50);color:var(--brand)}
#rsp .detail-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
#rsp .d-head{position:sticky;top:0;z-index:2;background:var(--surface);padding:14px 18px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-radius:var(--r-md) var(--r-md) 0 0}
#rsp .d-head .avatar{width:42px;height:42px}
#rsp .d-phone{font-size:22px;font-weight:750;letter-spacing:-.02em;line-height:1.15}
#rsp .d-back{display:none;grid-column:1/-1;justify-self:start}
#rsp .d-body{padding:14px 18px 20px;display:grid;gap:16px}
#rsp .section-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}
#rsp .widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#rsp .widget{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px;min-width:0;background:var(--surface)}
#rsp .widget .w-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--tint,var(--surface-2));color:var(--tone,var(--muted))}
#rsp .widget .w-icon svg.i{width:16px;height:16px}
#rsp .widget-label{font-size:12px;font-weight:600;color:var(--muted)}
#rsp .widget-value{font-size:14px;font-weight:700;overflow-wrap:anywhere;line-height:1.35}
#rsp .widget-value a:hover{text-decoration:underline}
#rsp .widget.wide{grid-column:span 2}
#rsp .w-mail{--tint:var(--violet-50);--tone:var(--violet)}
#rsp .w-tel{--tint:var(--info-50);--tone:var(--info)}
#rsp .w-ext{--tint:var(--brand-50);--tone:var(--brand)}
#rsp .w-time{--tint:var(--amber-50);--tone:var(--amber)}
#rsp .summary-box{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:11px 13px;font-size:14px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap}
#rsp .actions{display:flex;flex-wrap:wrap;gap:8px}
#rsp .audio-box{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-md);padding:10px 12px}
#rsp .audio-box audio{width:100%;height:38px}
#rsp .audio-tools{display:flex;gap:6px;align-items:center;margin-top:6px}
#rsp .audio-tools .select{height:32px;width:auto;font-size:12.5px}
#rsp .chat{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:16px}
#rsp .bubble-row{display:flex;gap:8px;max-width:84%;align-items:flex-end}
#rsp .bubble-row.customer{align-self:flex-start}
#rsp .bubble-row.agent{align-self:flex-end;flex-direction:row-reverse}
#rsp .bubble-row.unknown{align-self:stretch;max-width:100%}
#rsp .speaker{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11.5px;font-weight:750}
#rsp .customer .speaker{background:var(--info-50);color:var(--info)}
#rsp .agent .speaker{background:var(--brand);color:#fff}
#rsp .speaker.ghost{visibility:hidden}
#rsp .bubble-col{display:flex;flex-direction:column;min-width:0}
#rsp .agent .bubble-col{align-items:flex-end}
#rsp .who{font-size:12px;font-weight:650;color:var(--muted);margin:10px 4px 3px}
#rsp .bubble{padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
#rsp .customer .bubble{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}
#rsp .agent .bubble{background:var(--brand);color:#fff;border-bottom-right-radius:5px}
#rsp .unknown .bubble{background:var(--surface);border:1px solid var(--line)}
#rsp .muted{color:var(--muted);font-size:13.5px}
#rsp .side-note{font-size:12px;color:var(--faint);margin-top:8px}
#rsp .widgets-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
#rsp .side-card{padding:18px}
#rsp .side-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0 0 10px}
#rsp .side-item{display:block;width:100%;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left;padding:9px 0;font-size:13.5px;font-weight:650;color:var(--ink-2)}
#rsp .side-item:last-child{border:0}
#rsp .side-item:hover{color:var(--brand)}
#rsp .side-item small{display:block;font-size:12px;color:var(--faint);font-weight:500}
#rsp .side-empty{font-size:13px;color:var(--faint)}
#rsp .usage-top{display:flex;align-items:baseline;gap:7px}
#rsp .usage-number{font-size:26px;font-weight:750;color:var(--info)}
#rsp .usage-unit,#rsp .usage-detail{font-size:12.5px;color:var(--muted)}
#rsp .usage-bars{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:12px}
#rsp .usage-bar{flex:1;border-radius:4px 4px 2px 2px;background:var(--info-50);min-height:3px}
#rsp .usage-bar:last-child{background:var(--info)}
#rsp .usage-progress{height:6px;background:var(--line-soft);border-radius:999px;overflow:hidden;margin-top:10px}
#rsp .usage-progress span{display:block;height:100%;background:var(--info)}
#rsp .privacy{font-size:12px;color:var(--faint);margin-top:16px}
#rsp .task-dialog{border:1px solid var(--line);border-radius:var(--r-lg);padding:0;width:min(620px,calc(100vw - 26px));box-shadow:0 24px 80px rgba(15,30,45,.25);color:var(--ink)}
#rsp .task-dialog::backdrop{background:rgba(19,35,48,.45);backdrop-filter:blur(3px)}
#rsp .dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line-soft)}
#rsp .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
#rsp .dialog-title{font-size:20px;letter-spacing:-.02em;margin:2px 0 0}
#rsp .dialog-sub{color:var(--muted);font-size:12.5px;margin-top:3px}
#rsp .dialog-body{padding:18px 22px;display:grid;gap:14px}
#rsp .note-editor{min-height:160px;resize:vertical;padding:12px;line-height:1.55;font-size:14px}
#rsp .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid var(--line-soft);background:var(--surface-2)}
#rsp .dialog-actions small{color:var(--muted)}
#rsp .tag-entry{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
#rsp .tag-entry .tag,#rsp .suggestions .tag{border:0;cursor:pointer}
#rsp .suggestions{display:flex;flex-wrap:wrap;gap:5px}
#rsp .status-switch{display:flex;gap:4px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);width:max-content}
#rsp .status-switch button{border:0;background:transparent;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:650;color:var(--muted)}
#rsp .status-switch button.active{background:var(--surface);box-shadow:var(--shadow-1);color:var(--brand)}
#rsp .insight-list{display:grid;gap:6px}
#rsp .insight-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
#rsp .insight-item button{margin-left:auto}
#rsp .call.s-live,#rsp .d-head.s-live{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#14605d 0%,transparent 60%),linear-gradient(135deg,#0b2e36 0%,#0e3f47 55%,#14324f 100%);border-color:#1d7f78;color:#e8f6f4}
#rsp .call.s-live{box-shadow:0 0 0 3px rgba(47,174,143,.28),0 10px 26px rgba(10,39,48,.25)}
#rsp .call.s-live.selected{box-shadow:0 0 0 3px rgba(47,174,143,.55),0 10px 26px rgba(10,39,48,.3)}
#rsp .call.s-live::before,#rsp .call.s-live::after,#rsp .d-head.s-live::before,#rsp .d-head.s-live::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% + 480px);background-repeat:repeat-x;background-size:480px 100%;pointer-events:none;will-change:transform;animation:dalga 14s linear infinite}
#rsp .call.s-live::before,#rsp .d-head.s-live::before{height:58%;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34 C40 18 80 18 120 34 S200 50 240 34 V60 H0 Z' fill='%237ff0cf'/%3E%3C/svg%3E")}
#rsp .call.s-live::after,#rsp .d-head.s-live::after{height:44%;opacity:.17;animation-duration:22s;animation-direction:reverse;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C60 46 100 46 120 30 S180 14 240 30 V60 H0 Z' fill='%2391b4ff'/%3E%3C/svg%3E")}
@keyframes dalga{to{transform:translateX(-480px)}}
#rsp .call.s-live>*,#rsp .d-head.s-live>*{position:relative;z-index:1}
#rsp .call.s-live .phone,#rsp .call.s-live .time,#rsp .d-head.s-live .d-phone{color:#fff}
#rsp .call.s-live .meta,#rsp .call.s-live .pending,#rsp .d-head.s-live .meta{color:rgba(232,246,244,.78)}
#rsp .call.s-live .avatar,#rsp .d-head.s-live .avatar{background:rgba(127,240,207,.16);color:#7ff0cf}
#rsp .status.s-live{--tint:rgba(127,240,207,.18);--tone:#7ff0cf;font-weight:700}
#rsp .call.s-live:hover{border-color:#2fae8f}
@media(prefers-reduced-motion:reduce){#rsp *,#rsp *::before,#rsp *::after{animation:none!important;transition:none!important}}
@media(max-width:1280px){#rsp .topband{grid-template-columns:1fr}
#rsp .title-block{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:12px;flex-wrap:wrap}}
@media(max-width:1100px){#rsp .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
#rsp .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){#rsp .board{grid-template-columns:1fr}
#rsp .detail{position:fixed;inset:0;max-height:none;border-radius:0;border:0;z-index:40;transform:translateX(100%);transition:transform .22s ease;visibility:hidden}
#rsp .d-head{border-radius:0}
#rsp.detail-open .detail{transform:none;visibility:visible}
#rsp.detail-open{overflow:hidden}
#rsp .d-back{display:inline-flex}
#rsp .widgets-row{grid-template-columns:1fr}

    }
@media(max-width:640px){#rsp .appbar{height:56px}
#rsp .brand-section,#rsp .live-text,#rsp .ek-yazi{display:none}
#rsp .live{padding:0 10px}
#rsp .workspace{padding-top:12px}
#rsp h1{font-size:20px}
#rsp .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#rsp .kpi{grid-template-columns:minmax(0,1fr)}
#rsp .kpi-icon{display:none}
#rsp .kpi-value{font-size:21px}
#rsp .bar-tools{margin-left:0;width:100%}
#rsp .bar .search-box{flex:1 1 100%;width:auto}
#rsp .bar .select{flex:1}
#rsp .views{flex-wrap:nowrap;overflow-x:auto;width:100%}
#rsp .chip{flex:none}
#rsp .phone{font-size:17px}
#rsp .d-phone{font-size:22px}
#rsp .bubble-row{max-width:94%}
#rsp .widgets{grid-template-columns:repeat(2,minmax(0,1fr))}
#rsp .widget{padding:10px}
#rsp .widget .w-icon{display:none}
#rsp .d-head,#rsp .d-body{padding-left:14px;padding-right:14px}
#rsp .d-head{grid-template-columns:minmax(0,1fr) auto}
#rsp .d-head .avatar{display:none}

    }


/* Aktarılan çağrı: resepsiyon açtı, başka birine aktardı (27 Eki 2026) */
#rsp .aktarildi{display:inline-flex;font-size:10.5px;font-weight:700;color:var(--amber);background:var(--amber-50);border-radius:5px;padding:1px 6px}
#rsp .aktarma-not{background:var(--amber-50);color:var(--amber);border-radius:var(--r-lg);padding:10px 14px;font-size:13.5px;font-weight:600;line-height:1.5}
#rsp .aktarma-ayrac{display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:var(--amber);font-size:12px;font-weight:700}
#rsp .aktarma-ayrac::before,#rsp .aktarma-ayrac::after{content:"";flex:1;border-top:1px dashed currentColor;opacity:.5}
#rsp .aktarilan{display:flex;flex-direction:column;gap:4px}
#rsp .aktarilan .agent .speaker,#rsp .aktarilan .agent .bubble{background:var(--violet);color:#fff}