/* contacts.css — Yamama Meet «جهات الاتصال» (task e69dd7f6). Uses the suite tokens (--p1..--p9, --card, --line, --ink, --mut). Dark: html.dark / html.yd. */
.ymc-i{width:20px;height:20px;flex:none}
.ymc-root{max-width:1180px;margin:0 auto;padding:22px 18px 110px;font-family:var(--ui)}
.ymc-load{padding:60px 0;text-align:center;color:var(--mut)}
.ymc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.ymc-head h1{font-size:26px;margin:0;line-height:1.25;color:var(--ink)}
.ymc-head p{margin:4px 0 0;color:var(--mut);font-size:14px}
.ymc-head .btn{min-height:44px;display:inline-flex;gap:8px;align-items:center}
.ymc-body{display:grid;grid-template-columns:minmax(330px,420px) 1fr;gap:18px;align-items:start}
.ymc-list,.ymc-detail{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh)}
.ymc-body>*{min-width:0}
.ymc-list{padding:14px;display:flex;flex-direction:column;min-height:0;min-width:0}
.ymc-search{display:flex;align-items:center;gap:8px;background:var(--p1);border:1px solid transparent;border-radius:14px;padding:0 12px;min-height:46px;color:var(--mut);transition:border-color .15s,box-shadow .15s}
.ymc-search:focus-within{border-color:var(--p5);box-shadow:0 0 0 3px rgba(134,80,214,.18);background:var(--card)}
.ymc-search input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:15px;color:var(--ink);padding:10px 0}
.ymc-search input::-webkit-search-cancel-button{display:none}
.ymc-search.sm{min-height:40px;border-radius:12px}
.ymc-qx,.ymc-x{border:0;background:none;color:var(--mut);cursor:pointer;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}
.ymc-qx:hover,.ymc-x:hover{background:var(--p2);color:var(--p8)}
.ymc-chips{display:flex;gap:6px;overflow-x:auto;padding:12px 2px 10px;scrollbar-width:none}
.ymc-chips::-webkit-scrollbar{display:none}
.ymc-chips button{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:36px;white-space:nowrap}
.ymc-chips button[aria-selected=true]{background:var(--p8);border-color:var(--p8);color:#fff}
.ymc-scroll{max-height:calc(100vh - 290px);min-height:240px;overflow:auto;margin:0 -6px;padding:0 6px}
.ymc-grp h3{position:sticky;top:0;z-index:1;background:var(--card);margin:8px 0 2px;padding:6px 6px;font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.2px}
.ymc-grp h3 span{background:var(--p1);color:var(--p7);border-radius:999px;padding:1px 8px;margin-inline-start:4px;font-size:11px}
.ymc-ul{list-style:none;margin:0;padding:0}
.ymc-row{display:flex;align-items:center;gap:4px;border-radius:14px;padding:2px 4px;transition:background .15s}
.ymc-row:hover{background:var(--p1)}
.ymc-row.is-sel{background:var(--p2)}
.ymc-row.is-pick{background:rgba(134,80,214,.10)}
.ymc-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;padding:8px 4px;text-align:start;font:inherit;color:inherit;border-radius:12px}
.ymc-nm{min-width:0;display:flex;flex-direction:column}
.ymc-nm b{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ymc-nm small{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.ymc-livetag{font-style:normal;color:#0f8a63;font-weight:700}
.ymc-av{--h:266;position:relative;width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:.3px;color:hsl(var(--h) 55% 30%);background:linear-gradient(140deg,hsl(var(--h) 85% 93%),hsl(var(--h) 70% 84%));box-shadow:inset 0 0 0 1px hsl(var(--h) 50% 80% / .6)}
.ymc-av.sm{width:32px;height:32px;font-size:12px}
.ymc-av.xs{width:22px;height:22px;font-size:10px}
.ymc-av.lg{width:96px;height:96px;font-size:34px;margin:6px auto 12px;box-shadow:0 10px 30px hsl(var(--h) 60% 50% / .22),inset 0 0 0 1px hsl(var(--h) 50% 80% / .6)}
.ymc-on{position:absolute;bottom:0;inset-inline-end:0;width:12px;height:12px;border-radius:50%;background:#16a37a;border:2px solid var(--card)}
.ymc-av.lg .ymc-on{width:20px;height:20px;border-width:3px}
.ymc-fav,.ymc-call,.ymc-pickbox{flex:none;border:0;cursor:pointer;display:grid;place-items:center;border-radius:12px}
.ymc-fav{width:38px;height:38px;background:none;color:var(--line)}
.ymc-fav .ymc-i{width:18px;height:18px}
.ymc-row:hover .ymc-fav{color:var(--mut)}
.ymc-fav.on,.ymc-row:hover .ymc-fav.on{color:#d99a0b}
.ymc-fav.on .ymc-i{fill:currentColor}
.ymc-call{width:42px;height:42px;background:var(--p1);color:var(--p7);transition:transform .12s,background .15s,color .15s}
.ymc-call:hover{background:var(--p6);color:#fff;transform:translateY(-1px)}
.ymc-call.busy{opacity:.6;pointer-events:none}
.ymc-pickbox{display:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--p3);background:var(--card);color:#fff;margin-inline-start:4px}
.ymc-pickbox .ymc-i{width:16px;height:16px}
.sel-mode .ymc-pickbox{display:grid}
.ymc-row.is-pick .ymc-pickbox{background:var(--p6);border-color:var(--p6)}
.ymc-none{padding:28px 10px;text-align:center;color:var(--mut);font-size:14px;display:flex;flex-direction:column;gap:12px;align-items:center}
.ymc-detail{padding:28px;min-height:420px;position:sticky;top:76px}
.ymc-card{text-align:center;position:relative}
.ymc-card .ymc-x{position:absolute;top:-12px;inset-inline-end:-12px}
.ymc-card h2{margin:0;font-size:24px;color:var(--ink)}
.ymc-meta{margin:6px 0 0;color:var(--mut)}
.ymc-mail{margin:6px 0 0;color:var(--ink2);font-size:14px;unicode-bidi:plaintext}
.ymc-livepill{display:inline-flex;gap:8px;align-items:center;margin:12px 0 0;background:rgba(22,163,122,.12);color:#0f8a63;border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px}
.ymc-livepill i{width:8px;height:8px;border-radius:50%;background:#16a37a;animation:ymcp 1.6s ease-in-out infinite}
@keyframes ymcp{50%{opacity:.35}}
.ymc-cta{display:flex;gap:10px;justify-content:center;margin:22px 0 0;flex-wrap:wrap}
.ymc-cta .btn{min-height:50px;min-width:150px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:15px;border-radius:14px}
.ymc-more{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.ymc-more .btn{display:inline-flex;gap:6px;align-items:center;min-height:40px}
.ymc-more .ymc-i{width:17px;height:17px}
.ymc-note{margin:16px auto 0;max-width:420px;color:var(--mut);font-size:12.5px;line-height:1.7}
.ymc-hint{text-align:center;padding:30px 10px;color:var(--ink2)}
.ymc-hint h2{font-size:21px;margin:14px 0 6px;color:var(--ink)}
.ymc-hint p{max-width:420px;margin:0 auto;color:var(--mut);line-height:1.8}
.ymc-art{width:76px;height:76px;margin:0 auto;border-radius:24px;display:grid;place-items:center;color:var(--p7);background:radial-gradient(circle at 30% 25%,#fff,var(--p2) 70%);box-shadow:0 12px 30px rgba(106,47,176,.16)}
.ymc-art .ymc-i{width:34px;height:34px}
.ymc-art-lg{width:96px;height:96px;border-radius:30px}
.ymc-art-lg .ymc-i{width:44px;height:44px}
.ymc-favrow{margin-top:24px}
.ymc-favrow b{display:block;font-size:13px;color:var(--mut);margin-bottom:10px}
.ymc-favrow>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ymc-chipav{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 12px 4px 4px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;font:inherit;color:var(--ink)}
[dir=rtl] .ymc-chipav{padding:4px 4px 4px 12px}
.ymc-chipav:hover{border-color:var(--p5)}
.ymc-bar{position:fixed;inset-inline:0;bottom:18px;margin:0 auto;width:min(620px,calc(100% - 24px));z-index:60;display:flex;align-items:center;gap:12px;background:var(--p9);color:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 18px 40px rgba(36,9,63,.35)}
.ymc-bar[hidden]{display:none}
.ymc-bar b{white-space:nowrap}
.ymc-bar .btn{margin-inline-start:auto;display:inline-flex;gap:8px;align-items:center;min-height:44px}
.ymc-bar .ymc-x{color:#d9ccff}.ymc-bar .ymc-x:hover{background:rgba(255,255,255,.12);color:#fff}
.ymc-bar-av{display:flex}
.ymc-bar-av .ymc-av{border:2px solid var(--p9);margin-inline-start:-8px}
.ymc-bar-av .ymc-av:first-child{margin-inline-start:0}
.ymc-state{max-width:620px;margin:20px auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:40px 28px;box-shadow:var(--sh)}
.ymc-state h2{font-size:22px;margin:18px 0 8px;color:var(--ink)}
.ymc-state p{color:var(--mut);line-height:1.85;margin:0 auto;max-width:480px}
.ymc-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.ymc-acts .btn{min-height:46px;display:inline-flex;gap:8px;align-items:center}
.ymc-tips{margin-top:26px;padding-top:20px;border-top:1px dashed var(--line)}
.ymc-tips b{font-size:13px;color:var(--mut)}
.ymc-tips .ymc-acts{margin-top:10px}
/* home strip */
.ymc-home{margin-top:22px}
.ymc-home-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
/* w21 3015fe8e: on phones the floating assistant button sits at the inline end; keep «كل جهات الاتصال / All contacts» clear of it */
@media (max-width:760px){.ymc-home-h{padding-inline-end:64px}}
.ymc-home-h h2{font-size:17px;margin:0;display:flex;gap:8px;align-items:center}
.ymc-all{font-weight:700;font-size:14px;color:var(--p7);text-decoration:none;padding:8px 4px}
.ymc-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
.ymc-tile{position:relative;flex:none;width:118px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 8px 12px;text-align:center;transition:transform .15s,box-shadow .15s}
.ymc-tile:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.ymc-tile-a{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:inherit}
.ymc-tile b{font-size:13.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.ymc-tile small{font-size:11.5px;color:var(--mut);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}
.ymc-tile .ymc-av{width:48px;height:48px;font-size:16px;margin-bottom:4px}
.ymc-tcall{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:10px;border:0;background:var(--p1);color:var(--p7);display:grid;place-items:center;cursor:pointer}
.ymc-tcall .ymc-i{width:17px;height:17px}
.ymc-tcall:hover{background:var(--p6);color:#fff}
.ymc-sk{flex:none;width:118px;height:118px;border-radius:18px;background:linear-gradient(90deg,var(--p1),var(--p2),var(--p1));background-size:200% 100%;animation:ymcsk 1.3s linear infinite}
@keyframes ymcsk{to{background-position:-200% 0}}
.ymc-strip-note{color:var(--mut);font-size:14px;margin:4px 0}
.ymc-strip-note a{color:var(--p7);font-weight:700}
/* invite in share sheet + schedule */
.ymc-inv{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;text-align:start}
.ymc-inv-h{display:flex;gap:8px;align-items:center;font-weight:700;margin:0 0 10px;color:var(--ink)}
.ymc-inv .ymc-strip{gap:8px}.ymc-inv .ymc-sk{width:100%;height:44px;border-radius:12px;flex:1}
.ymc-inv-list{list-style:none;margin:10px 0 0;padding:0;max-height:220px;overflow:auto}
.ymc-inv-list li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:12px}
.ymc-inv-list li:hover{background:var(--p1)}
.ymc-inv-list .ymc-nm{flex:1}
.ymc-inv-list .btn{display:inline-flex;gap:6px;align-items:center;min-height:38px}
.ymc-inv-list .ymc-i{width:16px;height:16px}
.ymc-sent{display:inline-flex;gap:4px;align-items:center;color:#0f8a63;font-weight:700;font-size:13px}
.ymc-sch{margin:8px 0 4px}
.ymc-sch .fld{display:flex;flex-direction:column;gap:6px}
.ymc-sug{list-style:none;margin:6px 0 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--sh)}
.ymc-sug button{display:flex;gap:10px;align-items:center;width:100%;border:0;background:none;padding:8px;border-radius:10px;cursor:pointer;font:inherit;color:var(--ink);text-align:start;min-height:42px}
.ymc-sug button:hover{background:var(--p1)}
.ymc-sug small{color:var(--mut);margin-inline-start:auto}
.ymc-chips2{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ymc-chip{display:inline-flex;gap:6px;align-items:center;background:var(--p1);border-radius:999px;padding:3px 4px 3px 10px;font-size:13px;color:var(--ink)}
[dir=rtl] .ymc-chip{padding:3px 10px 3px 4px}
.ymc-chip button{border:0;background:none;cursor:pointer;color:var(--mut);width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.ymc-chip button:hover{background:var(--p2);color:var(--p8)}
.ymc-chip .ymc-i{width:14px;height:14px}
/* header tab */
.tabs [data-ymc-tab] .ymc-i{width:16px;height:16px}
/* phone */
@media (max-width:820px){
  .ymc-root{padding:14px 12px 120px}
  .ymc-head h1{font-size:22px}
  .ymc-head .btn span{display:none}
  .ymc-head .btn{width:46px;justify-content:center;padding:0}
  .ymc-body{grid-template-columns:1fr}
  .ymc-list{border-radius:18px;padding:10px}
  .ymc-scroll{max-height:none;min-height:0;overflow:visible}
  .ymc-detail{display:none}
  .ymc-body.has-sel .ymc-detail{display:block;position:fixed;inset:auto 0 0 0;top:auto;z-index:70;border-radius:24px 24px 0 0;max-height:88vh;overflow:auto;padding:26px 18px calc(22px + env(safe-area-inset-bottom));min-height:0;box-shadow:0 -18px 50px rgba(36,9,63,.28);animation:ymcup .22s ease-out}
  .ymc-body.has-sel::after{content:"";position:fixed;inset:0;background:rgba(20,8,40,.38);z-index:65}
  .ymc-card .ymc-x{top:-14px;inset-inline-end:-6px}
  .ymc-cta .btn{flex:1;min-width:0}
  .ymc-bar{bottom:calc(84px + env(safe-area-inset-bottom))}
  .ymc-body.has-sel .ymc-detail{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){
  #hdr .tabs{margin-inline-start:6px;gap:2px}
  #hdr .tabs button{padding:6px 9px}
}
@keyframes ymcup{from{transform:translateY(30px);opacity:.4}}
@media (prefers-reduced-motion:reduce){.ymc-livepill i,.ymc-sk,.ymc-body.has-sel .ymc-detail{animation:none}.ymc-tile,.ymc-call{transition:none}}
/* dark */
html.dark .ymc-list,html.yd .ymc-list,html.dark .ymc-detail,html.yd .ymc-detail,html.dark .ymc-state,html.yd .ymc-state,html.dark .ymc-tile,html.yd .ymc-tile{background:#1c1830;border-color:rgba(160,145,255,.16)}
html.dark .ymc-grp h3,html.yd .ymc-grp h3{background:#1c1830}
html.dark .ymc-root,html.yd .ymc-root,html.dark .ymc-home,html.yd .ymc-home{--ink:#ece9ff;--ink2:#cfc8ee;--mut:#a39cc4;--line:rgba(160,145,255,.18);--p1:rgba(160,145,255,.10);--p2:rgba(160,145,255,.20);--card:#1c1830}
html.dark .ymc-search,html.yd .ymc-search{background:rgba(160,145,255,.10)}
html.dark .ymc-chips button,html.yd .ymc-chips button{background:transparent}
html.dark .ymc-chips button[aria-selected=true],html.yd .ymc-chips button[aria-selected=true]{background:#8650d6;border-color:#8650d6}
html.dark .ymc-av,html.yd .ymc-av{color:hsl(var(--h) 90% 88%);background:linear-gradient(140deg,hsl(var(--h) 45% 34%),hsl(var(--h) 50% 24%));box-shadow:inset 0 0 0 1px hsl(var(--h) 60% 60% / .35)}
html.dark .ymc-call,html.yd .ymc-call,html.dark .ymc-tcall,html.yd .ymc-tcall{color:#cdbbff}
html.dark .ymc-art,html.yd .ymc-art{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),rgba(160,145,255,.16) 70%);color:#cdbbff}
html.dark .ymc-on,html.yd .ymc-on{border-color:#1c1830}
html.dark .ymc-root .btn:not(.primary),html.yd .ymc-root .btn:not(.primary),html.dark .ymc-inv .btn,html.yd .ymc-inv .btn,html.dark .ymc-home .btn:not(.primary),html.yd .ymc-home .btn:not(.primary){background:rgba(160,145,255,.12);color:#ece9ff;border-color:rgba(160,145,255,.28)}

html.dark .ymc-livetag,html.yd .ymc-livetag,html.dark .ymc-livepill,html.yd .ymc-livepill,html.dark .ymc-sent,html.yd .ymc-sent{color:#4fd1a5}
html.dark .ymc-inv,html.yd .ymc-inv,html.dark .ymc-sch,html.yd .ymc-sch{--ink:#ece9ff;--mut:#a39cc4;--line:rgba(160,145,255,.18);--p1:rgba(160,145,255,.10);--p2:rgba(160,145,255,.2);--card:#1c1830}

/* sch-input-fix */ .ymc-search input,.ymc-search input:focus{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;width:100%}
.ymc-search:focus-within{box-shadow:0 0 0 3px rgba(134,80,214,.18)}