/* Jewel Field CRM UI 2026 Phase B2: field screens (Leads, Contacts, Planner, Check-in). Loads after design.css; logical properties only (RTL). */
:root{--pg:14px}@media(max-width:380px){:root{--pg:10px}}
.av{--ab:#0f766e;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ab);color:#fff;font-size:15px;font-weight:650;line-height:1;user-select:none}
.av-xl{width:72px;height:72px;font-size:26px}
.av-1{--ab:#1d4ed8}.av-2{--ab:#6d28d9}.av-3{--ab:#be123c}.av-4{--ab:#b45309}.av-5{--ab:#15803d}.av-6{--ab:#52525b}.av-7{--ab:#c2410c}
.pk-visit{--c:var(--info);--b:var(--info-soft);--t:var(--info-ink)}.pk-opportunity{--c:var(--violet-ink);--b:var(--violet-soft);--t:var(--violet-ink)}.pk-local{--c:var(--muted);--b:var(--neutral-soft);--t:var(--ink-2)}.week-item.overdue{--c:var(--danger);--b:var(--danger-soft);--t:var(--danger-ink)}
.due,.lv-r{--tb:var(--danger-soft);--tt:var(--danger-ink)}.today,.lv-a{--tb:var(--warning-soft);--tt:var(--warning-ink)}.lv-g{--tb:var(--success-soft);--tt:var(--success-ink)}.none,.lv-n{--tt:var(--muted)}
:is(.lead-card,.contact-row,.qa-btn,.pl-row,.week-item,.ds-day,.checkin-pick,.choice-chip,.pw-btns button):active{transform:scale(.98)}
:is(.qa-btn,.pl-row,.week-item,.ds-day,.choice-chip){transition:background-color .15s,transform .12s var(--ease)}
.qa-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--surface);box-shadow:var(--sh-1);color:var(--accent-ink);text-decoration:none}
.qa-wa{color:var(--success-ink)}.qa-btn:hover{background:var(--surface-2);border-color:var(--line-strong)}
html:root .empty-state .btn-icon svg{width:18px;height:18px;color:currentColor}
.card:has(>.empty-state:only-child){padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.lead-board,.board-flat{display:grid;gap:12px;align-items:start}
.lead-board{grid-template-columns:repeat(5,minmax(198px,1fr));overflow-x:auto;padding-bottom:8px;margin-top:4px}
.board-flat{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow:visible}.board-flat>.stage{grid-column:1/-1}
html:root .stage{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:6px;min-height:240px}
html:root .stage-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:8px 8px 6px}
.stage-name{font-size:14px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.stage-totals{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 10px;font-size:13px;font-weight:600;color:var(--muted)}
.stage-empty{margin:0}
.board-ind{display:none}
html:root .lead-card{display:flex;flex-direction:column;gap:2px;margin:6px 0;padding:14px;border-radius:var(--r-lg)}
html:root .deal.deal-hot{border-inline-start:1px solid var(--line)!important}html:root .deal-hot::after{display:none}
.lc-top{display:flex;align-items:center;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}
.lc-top .deal-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0}
html:root .lead-card .deal-title{display:block;margin-top:8px;padding:0;min-height:0;font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--ink);text-decoration:none;text-align:start}
html:root .lead-card .deal-title:hover{color:var(--accent-ink);text-decoration:underline}
.lc-meta small{display:block;font-size:13px;color:var(--muted);line-height:1.45}.lc-meta .text-link{font-size:13px;color:var(--ink-2);text-underline-offset:3px}
html:root .lead-card .deal-value{margin:8px 0 12px;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
html:root .lead-card .deal-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
html:root .lead-card .next{min-height:36px;padding:0 12px;font-size:13px}
.lc-next{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--tb,var(--neutral-soft));color:var(--tt,var(--ink-2));white-space:nowrap}
html:root .lead-list{padding:0;overflow:clip}
.lead-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border-top:1px solid var(--line);transition:background-color .15s}
.lead-row:first-child{border-top:0}.lead-row:hover{background:var(--surface-2)}
.lr-main{flex:1 1 0;display:grid;gap:2px;min-width:0}.lr-main small{font-size:13px;color:var(--muted)}
.lr-meta{flex:1 1 100%;order:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lr-act{margin-inline-start:auto}
.lr-main .text-link{color:var(--ink);font-size:16px;font-weight:650;text-decoration:none}.lr-main .text-link:hover{color:var(--accent-ink);text-decoration:underline}
.lr-value{font-size:15px;font-weight:650}
@media(min-width:761px){.lead-row{flex-wrap:nowrap}.lr-main{flex:1 1 auto}.lr-meta{display:contents}.lr-stage{min-width:96px;justify-content:center}.lr-value{min-width:110px;text-align:end}.lr-next{min-width:140px;display:flex;justify-content:flex-end}.lr-act{margin:0}}
@media(max-width:760px){
.board-ind{display:flex;align-items:center;gap:8px;margin:2px 0 8px;font-size:13px;font-weight:650;color:var(--ink-2)}
.bi-pos{padding:2px 8px;border-radius:999px;background:var(--surface);box-shadow:var(--sh-1);font-size:12px}
.lead-board{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pg);margin-inline:calc(var(--pg)*-1);padding:0 var(--pg) 10px;scrollbar-width:none}
.lead-board::-webkit-scrollbar{display:none}
html:root .lead-board>.stage{flex:0 0 86vw;max-width:420px;scroll-snap-align:center;min-height:260px}
.board-flat{grid-template-columns:1fr}
}
.contact-search{position:relative;max-width:none;margin:0}
.cs-icon{position:absolute;inset-inline-start:14px;top:0;bottom:0;display:grid;place-items:center;color:var(--muted);pointer-events:none;z-index:1}
html:root .contact-search input{min-height:48px;padding-inline-start:44px;border-radius:var(--r);box-shadow:var(--sh-1);width:100%}
.contacts-top{display:grid;gap:10px;margin:8px 0 14px}html:root .contacts-top .contact-type-filters{margin:0;justify-self:start}
@media(max-width:760px){
.contacts-top{position:sticky;top:var(--hdr-h,0);z-index:6;margin-inline:calc(var(--pg)*-1);padding:8px var(--pg) 6px;background:var(--bg)}
html:root .contact-type-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.contact-type-filters::-webkit-scrollbar{display:none}
html:root .contact-type-filters .filter{flex:none;white-space:nowrap}
}
html:root .contacts-directory{padding:0;margin-top:0;overflow:clip}
html:root .contacts-directory .contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border:0;border-top:1px solid var(--line);border-radius:0}
html:root .contacts-directory .contact-row:first-child{border-top:0}
html:root .contact-open{flex:1 1 100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.contact-open .av{grid-row:1/span 2}
.ci{display:grid;gap:1px;min-width:0}.ci b{display:block;font-size:16px;font-weight:650;overflow-wrap:anywhere}.ci small{display:block;font-size:13px;color:var(--muted);line-height:1.4}
html:root .contact-open .ci-fac{font-size:13px;color:var(--ink-2)}html:root .contact-open .av{font-size:15px;color:#fff}
html:root .contact-open .lv-chip{grid-column:2;justify-self:start;display:inline-flex;padding:2px 9px;margin-top:4px;border-radius:999px;font-size:12px;font-weight:600;background:var(--tb,var(--neutral-soft));color:var(--tt,var(--ink-2))}
.contact-actions{flex:1 1 100%;display:flex;align-items:center;gap:8px}.contact-actions .contact-start{flex:1;width:auto;min-width:0;white-space:nowrap}
@media(min-width:761px){
html:root .contacts-directory .contact-row{flex-wrap:nowrap;padding:12px 20px}
html:root .contact-open{flex:1 1 auto;grid-template-columns:auto minmax(0,1fr) auto}
html:root .contact-open .lv-chip{grid-column:3;grid-row:1/span 2;margin:0}
.contact-actions,.contact-actions .contact-start{flex:none}.qa-btn{width:40px;height:40px}
html:root .contacts-directory .contact-row:hover{background:var(--surface-2)}
}
.profile-summary{display:grid;gap:16px}.ps-id{display:flex;align-items:center;gap:16px;min-width:0}
.ps-name{min-width:0}.ps-name h2{margin:0;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
.ps-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.ps-fac{margin:0;color:var(--ink-2)}
.contact-phone{display:flex;flex-wrap:wrap;gap:8px;margin:0}
html:root :is(.phone-link,.whatsapp-link){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--surface);box-shadow:var(--sh-1);color:var(--ink);font-weight:600;text-decoration:none;transition:background-color .15s,transform .12s var(--ease)}
html:root .phone-link svg{color:var(--accent-ink)}
html:root .whatsapp-link{background:var(--success-soft);border-color:transparent;color:var(--success-ink)}
html:root :is(.phone-link,.whatsapp-link):active{transform:scale(.98)}
.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-actions .primary{flex:1 1 100%}.profile-actions .secondary{flex:1 1 calc(50% - 4px);min-width:0}
@media(min-width:761px){.profile-actions .primary,.profile-actions .secondary{flex:0 0 auto}}
html:root .contact-profile.profile-page{row-gap:16px}
.kv{margin:0;display:grid}.kv>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.kv>div:first-child{border-top:0}
.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;font-weight:600;text-align:end}
html:root .profile-page .visit-list{position:relative;margin:0;padding:2px 0 14px;padding-inline-start:18px;border:0;border-inline-start:2px solid var(--line);border-radius:0;background:none}
.profile-page .visit-list::before{content:"";position:absolute;inset-inline-start:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--surface)}
.profile-page .visit-list b{font-size:14px}.profile-page .visit-list p{margin:2px 0;color:var(--ink-2)}.profile-page .card h3{margin:0 0 12px;font-size:17px}
html:root .planner-actions{padding:0;overflow:clip;margin-top:16px}
.pg-head{position:sticky;top:var(--hdr-h,0);z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0;padding:8px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:13px;font-weight:650;color:var(--ink-2)}
.pg-overdue .pg-head{color:var(--danger-ink)}.pg-head .count{box-shadow:none;background:var(--surface)}
.pl-item{display:flex;align-items:center;border-top:1px solid var(--line)}.pg-head+.pl-item{border-top:0}
.pl-row{flex:1;min-width:0;display:grid;grid-template-columns:48px 32px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 16px;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}
.pl-row:hover{background:var(--surface-2)}
.pl-date{display:grid;justify-items:center;line-height:1.1}.pl-date b{font-size:20px;font-weight:700;letter-spacing:-.02em}.pl-date small{font-size:12px;color:var(--muted)}
.pl-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--b,var(--accent-soft));color:var(--t,var(--accent-ink))}.pl-ic svg{width:16px;height:16px}
.pl-body{min-width:0;display:grid;gap:1px}.pl-body b{font-size:15px;font-weight:650;overflow-wrap:anywhere}
.pl-body small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root .pl-done{margin:0;margin-inline:0 12px;width:44px;height:44px;flex:none;border-radius:50%}
@media(max-width:760px){.pl-row{grid-template-columns:44px 32px minmax(0,1fr);padding:12px}.pl-row>.tag{grid-column:3;justify-self:start}}
.pw-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pw-range{font-size:17px;font-weight:650}.pw-btns{display:flex;gap:6px}.pw-btns .secondary{min-width:44px;padding:0 12px}
.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:12px;overflow:visible}
html:root .week-col{display:flex;flex-direction:column;gap:6px;min-height:260px;padding:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r)}
html:root .week-col-today{background:var(--accent-soft);border-color:var(--accent)}
.week-day-label{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:650;text-align:start}
.wd-num{margin-inline-start:auto;display:grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:0;color:var(--ink)}
.week-col-today .wd-num{background:var(--accent);color:var(--on-accent)}
.week-more{min-height:32px;border:1px dashed var(--danger);border-radius:var(--r-sm);background:none;color:var(--danger-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.wd-empty{margin:auto;color:var(--muted)}
html:root .week-item{--c:var(--accent);display:grid;gap:1px;width:100%;padding:6px 8px;border:0;border-inline-start:3px solid var(--c);border-radius:var(--r-sm);background:var(--b,var(--accent-soft));color:var(--t,var(--accent-ink));font:inherit;text-align:start;cursor:pointer}
html:root .week-col-today .week-item{background:var(--surface)}
.wi-time{font-size:12px;font-weight:600}.wi-title{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.day-strip,.day-list{display:none}
@media(max-width:760px){
.week-grid{display:none}.day-list{display:block}.ds-empty{margin:16px}.pw-nav{padding:12px}
.day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px 8px;position:sticky;top:var(--hdr-h,0);z-index:3;background:var(--surface);border-bottom:1px solid var(--line)}
.ds-day{display:grid;justify-items:center;gap:2px;min-height:64px;padding:6px 0;border:0;border-radius:var(--r);background:none;color:var(--ink-2);font:inherit;cursor:pointer}
.ds-day span{font-size:12px;font-weight:600;color:var(--muted)}.ds-day b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:16px}
.ds-day i{width:5px;height:5px;border-radius:50%}.ds-day i.has{background:var(--accent)}.ds-day.today b{box-shadow:inset 0 0 0 1.5px var(--accent)}
.ds-day.on{background:var(--accent-soft)}.ds-day.on b{background:var(--accent);color:var(--on-accent);box-shadow:none}.ds-day.on span{color:var(--accent-ink)}
}
html:root .visit-steps{display:flex;gap:0;max-width:560px;margin:4px 0 20px;padding:0;list-style:none}
html:root .vstep{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:12px;font-weight:600;color:var(--muted)}
html:root .vstep-num{width:32px;height:32px;font-size:14px;font-weight:700;border-width:2px;transition:background-color .2s,border-color .2s}
html:root .vstep+.vstep::before{content:"";position:absolute;top:15px;left:auto;inset-inline-start:calc(-50% + 20px);width:calc(100% - 40px);height:2px;border-radius:2px;background:var(--line-strong)}
html:root .vstep-done+.vstep::before,html:root .vstep-active::before{background:var(--accent)}
html:root .vstep-active .vstep-num{box-shadow:0 0 0 4px var(--accent-soft)}
html:root .vstep-active{color:var(--ink)}html:root .vstep-label{max-width:104px;line-height:1.25;text-align:center}
@media(max-width:480px){html:root .vstep:not(.vstep-active) .vstep-label{display:none}html:root .vstep-active .vstep-label{display:block;max-width:90px}}
.checkin-flow .contact-search{margin:0 0 12px}html:root .checkin-flow .contact-type-filters{margin:0 0 14px}
html:root :is(#checkin-pick-list,.checkin-flow .contact-list){display:grid;gap:8px}
#checkin-pick-list>h3{grid-column:1/-1;margin:10px 0 0;font-size:13px;font-weight:650;color:var(--muted)}
html:root button.contact-row.checkin-pick{display:flex;align-items:center;gap:12px;min-height:64px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-1);transition:box-shadow var(--t),transform .12s var(--ease),border-color var(--t)}
html:root button.contact-row.checkin-pick:hover{background:var(--surface);border-color:var(--accent);box-shadow:var(--sh-2)}
.fac-ic{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent-ink)}
.checkin-selected-facility{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--accent);border-radius:var(--r);background:var(--accent-soft)}
.checkin-selected-facility b{flex:1;min-width:0;font-size:16px;overflow-wrap:anywhere}
html:root .choice-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}
html:root .field .choice-chip{position:relative;justify-content:flex-start;gap:10px;min-height:52px;margin:0;padding:0 14px;border-radius:var(--r);box-shadow:var(--sh-1);font-size:15px;line-height:1.25}
html:root .field .choice-chip span{white-space:normal}
html:root .field .choice-chip input{width:22px;height:22px;margin:0;flex:none}
html:root .choice-chip:has(input:checked){box-shadow:0 0 0 1px var(--accent)}
@media(max-width:760px){html:root .checkin-flow .modal-actions{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;margin:16px -16px -16px;padding:12px 16px;border-top:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--glass);backdrop-filter:saturate(180%) blur(12px)}}
html:root .vp-hero{margin-bottom:18px;padding:16px;border:1px solid var(--accent);border-radius:var(--r-lg);background:var(--accent-soft)}
html:root .vp-hero .row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:8px;margin:0}.vp-hero .row>div{min-width:0}.vp-hero .tag{flex:none}
html:root .vp-hero .visit-timer{display:flex;align-items:center;gap:10px;margin:12px 0 4px;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--accent-ink)}
.vp-hero .visit-timer::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--success-solid)}
@media(min-width:961px){
html:root .visit-progress{max-width:1100px!important;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:28px;align-items:start}
.visit-progress>*{grid-column:1}.visit-progress>.vp-hero{grid-column:2;grid-row:1/span 30;position:sticky;top:calc(var(--hdr-h,0px) + 12px);margin:0}
}
@media(prefers-reduced-motion:no-preference){
@keyframes pf-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pf-live{50%{opacity:.35}}
.stg:not(.noanim)>:nth-child(-n+8),.planner-action-group>.pl-item:nth-child(-n+5),.lead-board>.stage:nth-child(-n+4)>.deal:nth-of-type(-n+2){animation:pf-up .14s var(--ease) both;animation-delay:calc(var(--n,0)*40ms)}
.stg>:nth-child(2){--n:1}.stg>:nth-child(3){--n:2}.stg>:nth-child(4){--n:3}.stg>:nth-child(5){--n:4}.stg>:nth-child(6){--n:5}.stg>:nth-child(7){--n:6}.stg>:nth-child(8){--n:7}
.planner-action-group>.pl-item:nth-child(3){--n:1}.planner-action-group>.pl-item:nth-child(4){--n:2}.planner-action-group>.pl-item:nth-child(5){--n:3}
.lead-board>.stage:nth-child(2)>.deal{--n:1}.lead-board>.stage:nth-child(3)>.deal{--n:2}.lead-board>.stage:nth-child(4)>.deal{--n:3}
.vp-hero .visit-timer::before{animation:pf-live 1.6s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){:is(.lead-card,.contact-row,.qa-btn,.pl-row,.week-item,.ds-day,.checkin-pick,.choice-chip,.pw-btns button):active{transform:none}}
/*Polish: contact names, scrolling chip rows (edge fades), empty Kanban lanes*/
html:root .contacts-directory .contact-open .ci b{color:var(--ink);font-weight:600}
html:root .stage-empty{display:grid;place-items:center;margin:6px 0;padding:22px 10px;border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:transparent;color:var(--muted);font-size:13px;font-weight:500;text-align:center;min-height:84px}
@media(max-width:760px){
html:root :is(.contact-type-filters,.controls){display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;-webkit-overflow-scrolling:touch}
:is(.contact-type-filters,.controls)::-webkit-scrollbar{display:none}
html:root :is(.contact-type-filters,.controls) .filter{flex:none;white-space:nowrap}
html:root :is(.contact-type-filters,.controls).fade-end{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
html:root :is(.contact-type-filters,.controls).fade-start{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent)}
html:root.rtl :is(.contact-type-filters,.controls).fade-end,html:root body.rtl :is(.contact-type-filters,.controls).fade-end{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent)}
html:root.rtl :is(.contact-type-filters,.controls).fade-start,html:root body.rtl :is(.contact-type-filters,.controls).fade-start{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
html:root body :is(.contact-type-filters,.controls).fade-start.fade-end{-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
}