/* رقميون AI — تطبيقُ المحادثة كاملُ الشاشة على توكنز الدليل.
   الصدرُ صفيحةٌ بنفسجيّةٌ كبقيّة المنصّة، وتحتها شريطٌ جانبيٌّ ثابتٌ ومسارُ
   محادثةٍ يتمدّد. لا شيءَ هنا يُخزَّن في وسيطٍ مشترك. */
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
.as-body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15.5px;line-height:1.7;
 -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100dvh;height:var(--as-vh,100dvh);overflow:hidden;overscroll-behavior:none}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.as-body[data-allowed="0"]{height:auto;min-height:100dvh;overflow:auto}
/* لوحةُ مفاتيح الجوال تُصغّر المساحةَ المرئيّة وتزيحها لأعلى: الصفحةُ تُثبَّت عليها بالضبط (ارتفاعاً وإزاحةً)
   فيبقى الصندوقُ ملاصقاً للوحة المفاتيح بلا فراغٍ تحته ولا صدرٍ يختفي فوقه. والتحويلُ يجعل الطبقاتِ
   الثابتةَ (القائمة، النوافذ، التنبيه) تُحسب داخل الصفحة لا خلف لوحة المفاتيح. */
html.as-fit{overflow:hidden;overscroll-behavior:none;height:100%}
html.as-fit .as-body{position:fixed;left:0;right:0;top:var(--as-vt,0px);height:var(--as-vh,100dvh);transform:translateZ(0)}
a{color:var(--accent)}
button{font-family:inherit;font-size:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 16px;border-radius:var(--pill);
 border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer;font-weight:600;font-size:14px}
.btn:hover{border-color:var(--brand);color:var(--brand)}
.btn:disabled{opacity:.5;cursor:default}
.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.pri:hover{opacity:.9;color:#fff}

/* ── الصدر ── */
.as-plate{background:linear-gradient(180deg,var(--plate),var(--plate-2));color:var(--plate-ink);flex:none;z-index:5}
.as-plate-in{padding:10px 18px;display:flex;align-items:center;gap:16px}
.mark{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;color:var(--plate-ink);white-space:nowrap}
.mark .k{font-size:13px;font-weight:400;color:var(--plate-soft)}
.mark .n{font-size:20px;font-weight:700;letter-spacing:-.015em}
.mark .shd{color:var(--cyan)}
.as-here{font-size:13px;color:var(--plate-soft);padding:5px 12px;border-radius:var(--pill);background:var(--plate-fill)}
.corner{margin-inline-start:auto;display:flex;align-items:center}
.acc{display:flex;flex-direction:column;text-decoration:none;color:var(--plate-ink);line-height:1.3;text-align:start}
.acc b{font-size:13.5px;font-weight:600}
.acc i{font-style:normal;font-size:11.5px;color:var(--plate-mute)}
.acc-in{color:var(--plate-ink);text-decoration:none;font-weight:600;font-size:14px;padding:7px 16px;border-radius:var(--pill);background:var(--plate-fill)}
.as-menu{display:none;flex-direction:column;gap:4px;width:38px;height:38px;padding:9px;border:0;background:var(--plate-fill);border-radius:10px;cursor:pointer}
.as-menu span{display:block;height:2px;background:#fff;border-radius:2px}
.as-pnav{display:flex;align-items:center;gap:2px;min-width:0}
.as-pnav a{color:var(--plate-soft);text-decoration:none;font-size:13.5px;padding:6px 10px;border-radius:var(--pill);white-space:nowrap}
.as-pnav a:hover,.as-pnav a:focus-visible{color:var(--plate-ink);background:var(--plate-fill);outline:0}
.as-pmenu{display:none;position:relative}
.as-pmenu>summary{list-style:none;cursor:pointer;color:var(--plate-soft);font-size:13.5px;padding:6px 12px;border-radius:var(--pill);background:var(--plate-fill);white-space:nowrap}
.as-pmenu>summary::-webkit-details-marker{display:none}
.as-pmenu>summary::after{content:"";display:inline-block;width:5px;height:5px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg);margin-inline-start:8px}
.as-pmenu[open]>summary{color:var(--plate-ink)}
.as-pmenu-list{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:20;min-width:210px;background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}
.as-pmenu-list a{color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}
.as-pmenu-list a:hover,.as-pmenu-list a:focus-visible{background:var(--brand-wash);color:var(--brand);outline:0}
@media(max-width:1240px) and (min-width:861px){.as-pnav{display:none}.as-pmenu{display:block}}
.as-mtitle,.as-mnew{display:none}
.as-mtitle{flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;color:var(--plate-ink);font:inherit;cursor:pointer;padding:3px 8px;line-height:1.3;border-radius:12px;text-align:center}
.as-mtitle:active{background:var(--plate-fill)}
.as-mtitle b{font-size:15.5px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-mtitle small{font-size:11.5px;color:var(--plate-mute);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-mtitle small:empty{display:none}
.as-mtitle.has-menu b::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:translateY(-3px) rotate(45deg);margin-inline-start:8px;opacity:.75}
.as-mnew{place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:var(--plate-fill);color:#fff;cursor:pointer;flex:none}

/* ── الجدار ── */
.as-wallwrap{flex:1;display:grid;place-items:center;padding:40px 20px}
.as-wall{max-width:520px;text-align:center;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:36px 28px;box-shadow:var(--shadow)}
.as-wall h1{font-size:26px;margin:0 0 10px}
.as-wall p{color:var(--ink-soft);margin:0 0 20px}

/* ── التطبيق ── */
/* صفُّ الشبكة `minmax(0,1fr)` لا `auto`: وإلّا تمدّد بالمحتوى فسال التطبيقُ خارج
   الشاشة وصار المتصفّحُ هو الذي يُمرَّر لا المسار. */
.as-app{flex:1;display:grid;grid-template-columns:272px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}
.as-side{background:var(--surface);border-inline-end:1px solid var(--rule);display:flex;flex-direction:column;min-height:0;padding:14px 12px 12px;gap:12px}
.as-new{width:100%}
.as-new svg{flex:none}
.as-lists{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.as-side-top,.as-pnav-m,.as-me{display:none}
.as-foot{flex:none}
.as-tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:var(--pill)}
.as-tabs a{flex:1;text-align:center;padding:6px 10px;border-radius:var(--pill);text-decoration:none;font-size:13.5px;color:var(--ink-soft)}
.as-tabs a.on{background:var(--surface);color:var(--brand);font-weight:600;box-shadow:var(--shadow)}
.as-convs{flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:2px;margin:0 -4px;padding:0 4px}
.as-convs .cv{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-soft);font-size:14px;border:0;background:none;text-align:start;width:100%}
.as-convs .cv:hover{background:var(--brand-wash);color:var(--brand)}
.as-convs .cv.on{background:var(--brand-wash);color:var(--brand);font-weight:600}
.as-convs .cv .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-convs .cv .x{opacity:0;border:0;background:none;color:var(--ink-mute);cursor:pointer;padding:2px 4px;border-radius:6px;font-size:14px;line-height:1}
.as-convs .cv:hover .x,.as-convs .cv.on .x{opacity:.7}
.as-convs .cv .x:hover{opacity:1;color:var(--brand);background:var(--surface)}
.as-convs .day{font-size:11.5px;color:var(--ink-mute);padding:10px 10px 2px;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.as-convs .day .lnk{margin-inline-start:auto}
.as-convs .empty,.as-projects .empty{color:var(--ink-mute);font-size:13px;padding:8px 10px;margin:0;line-height:1.5}
.as-convs .cv .dot,.as-projects .dot,.as-pchip .dot,.pj-head .dot,.as-modal .dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.as-convs .cv .rn{width:100%;border:1px solid var(--brand);border-radius:6px;padding:2px 6px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink)}
.lnk{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:12.5px;font-family:inherit}
.lnk:hover{text-decoration:underline}
/* البحث والمشاريع في الشريط الجانبيّ */
.as-search{border:1px solid var(--rule);border-radius:var(--pill);padding:7px 14px;font:inherit;font-size:13.5px;background:var(--surface-2);color:var(--ink);width:100%;-webkit-appearance:none}
.as-search:focus{outline:0;border-color:var(--brand);background:var(--surface)}
.as-projects{display:flex;flex-direction:column;gap:2px;max-height:38%;overflow:auto;flex:none;margin:0 -4px;padding:0 4px}
.as-projects .ph{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--ink-mute);padding:6px 10px 2px;text-transform:uppercase;letter-spacing:.02em}
.as-projects .ph .add{border:0;background:none;color:var(--accent);cursor:pointer;font-size:12.5px;padding:0;font-family:inherit}
.as-projects .pj{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-soft);font-size:14px;border:0;background:none;text-align:start;width:100%;font-family:inherit}
.as-projects .pj:hover,.as-projects .pj.on{background:var(--brand-wash);color:var(--brand)}
.as-projects .pj.on{font-weight:600}
.as-projects .pj .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-projects .pj .n{font-size:11.5px;color:var(--ink-mute);font-variant-numeric:tabular-nums}
/* قوائمُ الخيارات والنوافذ */
.as-menu-pop{position:fixed;z-index:30;background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:4px;min-width:170px;display:flex;flex-direction:column}
.as-menu-pop button{border:0;background:none;text-align:start;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:13.5px;color:var(--ink);font-family:inherit}
.as-menu-pop button:hover,.as-menu-pop button:focus{background:var(--brand-wash);color:var(--brand);outline:0}
.as-menu-pop button.danger:hover{color:var(--gold)}
.as-modal{position:fixed;inset:0;background:rgba(25,23,71,.45);z-index:40;display:grid;place-items:center;padding:16px}
.as-modal .card{background:var(--surface);border-radius:var(--r-lg);padding:20px 22px;width:min(520px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.as-modal .card.wide{width:min(720px,100%)}
.as-modal h2{margin:0;font-size:18px}
.as-modal .dim,.pj-sec .dim{color:var(--ink-soft);font-size:13.5px;margin:0}
.as-modal label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft)}
.as-modal input:not([type=color]),.as-modal select,.as-modal textarea{border:1px solid var(--rule-strong);border-radius:8px;padding:7px 10px;font:inherit;background:var(--surface);color:var(--ink);width:100%}
.as-modal input[type=color]{width:48px;height:32px;padding:0;border:1px solid var(--rule-strong);border-radius:6px;background:none}
.as-modal textarea{resize:vertical}
.as-modal .acts{display:flex;gap:8px;margin-top:4px}
.as-modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:8px}
.as-modal details summary{cursor:pointer;color:var(--ink-soft);font-size:13.5px}
.as-modal .list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto}
.as-modal .list .pj{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);background:var(--surface);border-radius:var(--r-sm);padding:9px 12px;cursor:pointer;text-align:start;font:inherit;color:var(--ink)}
.as-modal .list .pj:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:600px){.as-modal .grid{grid-template-columns:1fr}}
/* رقاقةُ المشروع في الصندوق */
.as-pchip{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);padding:2px 6px 0}
.as-pchip .x{border:0;background:none;color:var(--ink-mute);cursor:pointer;padding:0 4px;font-size:15px}
/* لوحةُ المشروع */
.as-proj{padding-bottom:40px}
.pj-head{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin:8px 0 22px}
.pj-head .dot{width:14px;height:14px}
.pj-head h1{margin:0;font-size:26px;letter-spacing:-.01em}
.pj-head .meta{grid-column:2;color:var(--ink-mute);font-size:13.5px}
.pj-head .acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pj-sec{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:14px 18px;margin:0 0 14px}
.pj-sec h2{font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.pj-sec h2 .lnk{margin-inline-start:auto}
.pj-sec h3{font-size:14px;margin:12px 0 6px;color:var(--ink-soft)}
.pj-sec .pre{white-space:pre-wrap;margin:0;color:var(--ink)}
.pj-sec dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}
.pj-sec dt{color:var(--ink-mute)}
.pj-sec dd{margin:0}
.pj-items,.pj-files,.pj-plain,.pj-convs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.pj-items li{display:flex;align-items:flex-start;gap:10px;background:var(--surface-2);border-radius:var(--r-sm);padding:8px 12px}
.pj-items li.done .t b{text-decoration:line-through;color:var(--ink-mute)}
.pj-items li.dropped{opacity:.5}
.pj-items input[type=checkbox]{margin-top:5px;width:16px;height:16px;accent-color:var(--brand)}
.pj-items .t{flex:1;min-width:0}
.pj-items .t b{font-weight:600;display:block}
.pj-items .t i{font-style:normal;color:var(--ink-mute);font-size:12.5px}
.pj-items details{margin-top:4px;font-size:14px}
.pj-items details summary{cursor:pointer;color:var(--accent);font-size:12.5px}
.pj-items .x,.pj-files .x{border:0;background:none;color:var(--ink-mute);cursor:pointer;font-size:16px;padding:0 4px}
.pj-items .x:hover,.pj-files .x:hover{color:var(--gold)}
.pj-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pj-gallery .it{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);font-size:12.5px;border:1px solid var(--rule);border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}
.pj-gallery .it img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.pj-gallery .it .pdf{display:grid;place-items:center;aspect-ratio:1;font-weight:700;color:var(--ink-mute)}
.pj-gallery .it b{font-weight:600;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-gallery .it .ed{color:var(--brand);padding:0 8px 6px}
.pj-files li{display:flex;align-items:center;gap:10px;font-size:14px}
.pj-files li i{font-style:normal;color:var(--ink-mute);font-size:12.5px;flex:1}
.pj-plain li{font-size:14px;padding:4px 0;border-bottom:1px dashed var(--rule)}
.pj-convs li{border-bottom:1px solid var(--rule);padding:6px 0}
.pj-convs li a{font-weight:600;text-decoration:none}
.pj-convs li p{margin:2px 0;color:var(--ink-soft);font-size:13.5px}
.pj-convs li i{font-style:normal;color:var(--ink-mute);font-size:12px}
.as-bal{border-top:1px solid var(--rule);padding-top:12px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:13px}
.as-bal-l{color:var(--ink-mute)}
.as-bal-n{font-size:15px;font-variant-numeric:tabular-nums}
.as-bal .bar{grid-column:1/-1;height:5px;border-radius:3px;background:var(--rule);overflow:hidden}
.as-bal .bar i{display:block;height:100%;background:var(--brand);width:0;transition:width .4s ease}
.as-bal .bar.low i{background:var(--gold)}
.as-bal-unit{grid-column:1/-1;justify-self:start;border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:12.5px}

.as-main{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}
.as-thread{flex:1;overflow:auto;min-height:0;padding:28px 16px 16px}
.as-thread-in,.as-send-in{max-width:820px;margin:0 auto}
.as-hello{text-align:center;padding:48px 8px 24px;color:var(--ink-soft)}
.as-hello h1{font-size:28px;margin:0 0 8px;color:var(--ink);letter-spacing:-.01em}
.as-hello p{margin:0 0 22px;font-size:15px}
.as-starts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;text-align:start}
.as-starts button{border:1px solid var(--rule);background:var(--surface);border-radius:var(--r);padding:12px 14px;text-align:start;cursor:pointer;color:var(--ink);font-size:14px;line-height:1.5}
.as-starts button:hover{border-color:var(--brand);color:var(--brand)}
.as-starts b{display:block;font-size:12px;color:var(--ink-mute);font-weight:400;margin-bottom:2px}

/* ── الرسائل ── */
.msg{margin:0 0 22px;display:flex;flex-direction:column;gap:8px}
.msg.me{align-items:flex-start}
.msg.me .b{background:var(--brand-wash);color:var(--ink);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 6px;padding:11px 16px;max-width:88%;white-space:pre-wrap;word-wrap:break-word}
.msg.ai .b{max-width:100%;min-width:0}
.msg .b :is(h1,h2,h3,h4){margin:1.1em 0 .4em;line-height:1.35;letter-spacing:-.005em}
.msg .b h1{font-size:22px}.msg .b h2{font-size:19px}.msg .b h3{font-size:16.5px}.msg .b h4{font-size:15.5px}
.msg .b p{margin:0 0 .85em}
/* اتجاهٌ على مستوى الفقرة: السطرُ الإنجليزيُّ داخل ردٍّ عربيٍّ ينضبط ولا تنقلب علاماتُه */
.msg .b :is(p,li,h1,h2,h3,h4,td,th,blockquote){unicode-bidi:plaintext}
.msg .b pre[data-incomplete]{border-inline-start:3px solid var(--brand);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{border-color:var(--rule)}}
.msg.me .acts{display:flex;gap:8px;margin-top:-2px}
.msg.me .acts button{border:0;background:none;color:var(--ink-mute);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:6px;opacity:0;transition:opacity .15s;font-family:inherit}
.msg.me:hover .acts button,.msg.me .acts button:focus{opacity:1}
.msg.me .acts button:hover{background:var(--brand-wash);color:var(--brand)}
.msg .sources{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
.msg .sources .l{color:var(--ink-mute)}
.msg .sources a{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rule);border-radius:var(--pill);padding:2px 10px;text-decoration:none;color:var(--ink-soft);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface)}
.msg .sources a:hover{border-color:var(--brand);color:var(--brand)}
.msg .sources img{border-radius:3px}
.msg .foot .why-box{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:8px 10px;margin-top:4px}
.msg .foot .why-box .r{border:1px solid var(--rule-strong);border-radius:var(--pill);padding:2px 10px;font-size:12.5px}
.msg .foot .why-box .r.on{background:var(--brand-wash);color:var(--brand);border-color:var(--brand)}
.msg .foot .why-box input{flex:1;min-width:140px;border:1px solid var(--rule);border-radius:8px;padding:4px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.msg .foot .why-box .btn{min-height:30px;padding:2px 12px;font-size:12.5px}
.msg .b ul,.msg .b ol{margin:0 0 .9em;padding-inline-start:1.4em}
.msg .b li{margin:.2em 0}
.msg .b blockquote{margin:0 0 .9em;padding:4px 14px;border-inline-start:3px solid var(--rule-strong);color:var(--ink-soft)}
.msg .b code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--surface-2);border:1px solid var(--rule);border-radius:5px;padding:1px 5px;direction:ltr;unicode-bidi:embed}
.msg .b pre{background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);padding:12px 14px;overflow:auto;direction:ltr;text-align:left;margin:0 0 .9em}
.msg .b pre code{background:none;border:0;padding:0;font-size:13px}
.msg .b .tbl{overflow-x:auto;margin:0 0 1em}
.msg .b table{border-collapse:collapse;width:100%;font-size:14px}
.msg .b th,.msg .b td{border:1px solid var(--rule);padding:6px 10px;text-align:start;vertical-align:top}
.msg .b th{background:var(--surface-2);font-weight:600}
.msg .b hr{border:0;border-top:1px solid var(--rule);margin:1.2em 0}
.msg .b a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.msg .b .md-img{display:inline-block;max-width:min(100%,420px);margin:4px 6px 4px 0;border-radius:10px;overflow:hidden;border:1px solid var(--rule);vertical-align:top;text-decoration:none}
.msg .b .md-img img{display:block;width:100%;height:auto}
.msg .b .cursor{display:inline-block;width:.55em;height:1.05em;background:var(--brand);vertical-align:-.15em;margin-inline-start:2px;border-radius:2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.msg .foot{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-mute);flex-wrap:wrap}
.msg .foot .cost{font-variant-numeric:tabular-nums}
.msg .foot .cost.has-bd{cursor:help;border-bottom:1px dotted var(--rule-strong)}
.msg .foot button{border:0;background:none;color:var(--ink-mute);cursor:pointer;padding:3px 6px;border-radius:6px;font-size:13px;min-height:32px;font-family:inherit}
.msg .foot button:hover{background:var(--brand-wash);color:var(--brand)}
.msg .foot button.on{color:var(--brand)}
.msg .think{font-size:13px;color:var(--ink-mute);border-inline-start:2px solid var(--rule-strong);padding:2px 12px;white-space:pre-wrap}
.msg .think summary{cursor:pointer;list-style:none;color:var(--ink-mute)}
.msg .think summary::-webkit-details-marker{display:none}

/* بطاقاتُ الأدوات */
.tools{display:flex;flex-direction:column;gap:6px}
.tool{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:8px 12px;font-size:13.5px;color:var(--ink-soft)}
.tool .ic{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--rule-strong);position:relative}
.tool.run .ic{border-color:var(--brand);border-top-color:transparent;animation:spin .9s linear infinite}
.tool.done .ic{border-color:var(--teal);background:var(--teal-wash)}
.tool.done .ic::after{content:"";position:absolute;inset:3px 5px 5px 3px;border:solid var(--teal-ink);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.tool.failed .ic{border-color:var(--gold);background:var(--gold-wash)}
.tool.skipped{opacity:.6}
.tool .l{font-weight:600;color:var(--ink)}
.tool .s{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tool .c{font-variant-numeric:tabular-nums;color:var(--ink-mute);flex:none}
.tool a{flex:none}
.tool{flex-wrap:wrap}
.tool .edit{color:var(--brand);font-weight:600}
.tool .slides{flex-basis:100%;display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px}
.tool .prev{flex-basis:100%;display:block;margin-top:6px;border-radius:8px;overflow:hidden;border:1px solid var(--rule);max-width:360px}
.tool .prev img{display:block;width:100%;height:auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* بطاقةُ الموافقة */
.ask{background:var(--surface);border:1px solid var(--brand);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.ask .h{font-weight:600}
.ask .why{font-size:13.5px;color:var(--ink-soft)}
.ask .est{display:flex;gap:16px;font-size:13.5px;flex-wrap:wrap}
.ask .est b{font-variant-numeric:tabular-nums}
.ask .acts{display:flex;gap:8px;margin-top:4px}
.ask.decided{border-color:var(--rule);opacity:.7}
.notice{background:var(--gold-wash);color:var(--gold);border-radius:var(--r-sm);padding:8px 14px;font-size:13.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.notice.err{background:#fdecef;color:#9b1c31}
.notice.err::before{content:"⚠";font-weight:700}
.tool.failed .ic::after{content:"✕";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;line-height:1;color:var(--gold);border:0;transform:none}
.msg .foot .mode{font-size:11.5px;color:var(--ink-mute);border:1px solid var(--rule);border-radius:var(--pill);padding:0 8px}
.as-older{display:block;margin:0 auto 18px;border:1px solid var(--rule);background:var(--surface);border-radius:var(--pill);padding:5px 14px;font-size:12.5px;color:var(--ink-soft);cursor:pointer;font-family:inherit}
.as-older.done{border:0;background:none;color:var(--ink-mute);cursor:default}
.as-down{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;z-index:3;font-size:16px}
.as-convs .cv .x:focus-visible{opacity:1}
@media(pointer:coarse){.as-convs .cv .x{opacity:.7}}
.notice .btn{min-height:30px;padding:2px 12px;font-size:12.5px}

/* ── الإرسال ── */
.as-send{flex:none;position:relative;padding:8px 16px 14px;background:linear-gradient(180deg,transparent,var(--ground) 30%)}
.as-task{margin:0 auto 6px;max-width:820px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-mute);padding:0 10px;font-variant-numeric:tabular-nums}
.as-task .t{min-width:3.5em}
.as-task .w{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.as-task.live .t,.as-task.live .k{color:var(--ink-soft)}
.as-task.live .w::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-inline-end:6px;animation:blink 1.2s steps(2) infinite}
.as-out{margin:0 auto 8px;max-width:820px;background:var(--surface);border:1px solid var(--gold);color:var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.as-out a,.as-out button{color:var(--brand);font-weight:600}
.as-box{max-width:820px;margin:0 auto;background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-lg);padding:10px 12px 8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.as-box:focus-within{border-color:var(--brand)}
.as-box textarea{border:0;outline:0;resize:none;background:none;color:var(--ink);font:inherit;line-height:1.6;padding:4px 6px;max-height:40vh;overflow:auto;width:100%;unicode-bidi:plaintext;text-align:start}
.as-box textarea::placeholder{color:var(--ink-mute)}
.as-row{display:flex;align-items:center;gap:10px}
.seg{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:var(--pill);padding:3px}
.seg button{border:0;background:none;border-radius:var(--pill);padding:5px 12px;font-size:13px;color:var(--ink-soft);cursor:pointer}
.seg button.on{background:var(--surface);color:var(--brand);font-weight:600;box-shadow:var(--shadow)}
.seg i{font-style:normal;font-size:12px;color:var(--ink-mute);padding:0 8px 0 4px;white-space:nowrap}
.as-live{flex:1;font-size:12.5px;color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.as-go{width:40px;height:40px;border-radius:50%;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:opacity .15s}
.as-go:disabled{opacity:.35;cursor:default}
.as-go.stop{background:var(--gold)}
.as-go.stop svg{display:none}
.as-go.stop::before{content:"";width:12px;height:12px;background:#fff;border-radius:2px}
.as-chips{display:flex;gap:6px;flex-wrap:wrap;padding:2px 4px 4px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--rule);border-radius:10px;padding:5px 10px;font-size:12.5px;max-width:100%}
.chip img{width:34px;height:34px;object-fit:cover;border-radius:6px}
.chip b{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip i{font-style:normal;color:var(--ink-mute)}
.chip .x{border:0;background:none;color:var(--ink-mute);cursor:pointer;padding:0 2px;font-size:15px;line-height:1}
.chip .x:hover{color:var(--brand)}
.msg.me .files{display:flex;gap:6px;flex-wrap:wrap;max-width:88%}
.as-attach{width:36px;height:36px;border-radius:50%;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;flex:none}
.as-attach:hover{border-color:var(--brand);color:var(--brand)}
.as-box.drop{border-color:var(--brand);background:var(--brand-wash)}
.as-hint{text-align:center;font-size:11.5px;color:var(--ink-mute);margin-top:6px}

/* ── الذاكرة ── */
.as-mem{max-width:720px;margin:0 auto;padding:32px 20px}
.as-mem h1{font-size:24px;margin:0 0 6px}
.as-mem-note{color:var(--ink-soft);margin:0 0 20px}
.as-mem-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}
.as-mem-list li{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:10px 14px;display:flex;align-items:center;gap:10px}
.as-mem-list li.off{opacity:.55}
.as-mem-list .t{flex:1}
.as-mem-list .k{font-size:11.5px;color:var(--ink-mute);background:var(--surface-2);border-radius:var(--pill);padding:2px 8px;flex:none}
.as-mem-list button{border:0;background:none;color:var(--ink-mute);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:13px}
.as-mem-list button:hover{color:var(--brand);background:var(--brand-wash)}
.as-mem-add{display:flex;gap:8px}
.as-mem-add input{flex:1;border:1px solid var(--rule-strong);border-radius:var(--pill);padding:9px 16px;font:inherit;background:var(--surface);color:var(--ink)}
.as-mem-add input:focus{outline:0;border-color:var(--brand)}
.as-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.as-scrim{position:fixed;inset:0;background:rgba(20,18,40,.42);z-index:8;opacity:0;pointer-events:none;transition:opacity .25s}
.as-body.side-open .as-scrim{opacity:1;pointer-events:auto}


/* ── الإدارة داخل المنتج ── */
.as-admin{max-width:1100px;margin:0 auto;padding:28px 20px 60px;overflow:auto;height:100%}
.as-admin h1{font-size:24px;margin:0 0 6px}
.ad-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:16px 18px;margin:0 0 16px;box-shadow:var(--shadow)}
.ad-card h2{font-size:17px;margin:0 0 12px}
.ad-card h3{font-size:14.5px;margin:16px 0 8px}
.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.ad-stat{background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px}
.ad-stat b{display:block;font-size:18px;font-variant-numeric:tabular-nums}
.ad-stat span{font-size:12px;color:var(--ink-mute)}
.ad-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}
.ad-row select,.ad-row input,.ad-form input{border:1px solid var(--rule-strong);border-radius:10px;padding:7px 12px;font:inherit;background:var(--surface);color:var(--ink);min-width:220px}
.ad-dim{color:var(--ink-mute);font-size:13px}
.ad-tbl{width:100%;border-collapse:collapse;font-size:13.5px;display:block;overflow-x:auto}
.ad-tbl th,.ad-tbl td{border-bottom:1px solid var(--rule);padding:8px 10px;text-align:start;vertical-align:top}
.ad-tbl th{color:var(--ink-mute);font-weight:600;font-size:12.5px;white-space:nowrap}
.ad-tbl small{color:var(--ink-mute)}
.ad-acts{white-space:nowrap}
.ad-acts button{border:1px solid var(--rule-strong);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer;margin:2px}
.ad-acts button:hover{border-color:var(--brand);color:var(--brand)}
.ad-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 16px}
.ad-form label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink-soft)}
.ad-form input{min-width:0;width:100%}
.ad-form .btn{grid-column:1/-1;justify-self:start}
.ad-empty{color:var(--ink-mute);padding:20px}
.as-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:10px 18px;border-radius:999px;font-size:13.5px;z-index:50;display:flex;gap:14px;align-items:center;max-width:min(92vw,560px)}
.as-toast button{border:0;background:none;color:var(--cyan,#8fd3ff);font-weight:700;cursor:pointer;font-family:inherit;font-size:13.5px}
@media(max-width:860px){.as-admin{padding:16px 12px 40px}}

/* ── محرّر التصميم ── */
/* ── استوديو التصميم: لوحةٌ حيّةٌ تُحرَّر كما في برامج التصميم ── */
.st{height:100%;display:flex;flex-direction:column;min-height:0}
.st-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--rule);background:var(--surface);flex-wrap:wrap}
.st-bar .st-back{flex:none}
.st-title{flex:1 1 180px;min-width:120px;border:1px solid transparent;border-radius:8px;padding:6px 10px;font:inherit;font-weight:700;background:transparent;color:var(--ink)}
.st-title:hover,.st-title:focus{border-color:var(--rule-strong);background:var(--ground);outline:none}
.st-tools{display:flex;align-items:center;gap:2px;background:var(--ground);border:1px solid var(--rule);border-radius:var(--pill);padding:2px 6px}
.st-tools button{border:0;background:none;color:var(--ink-soft);font:inherit;font-size:14px;min-width:30px;height:30px;border-radius:999px;cursor:pointer;padding:0 8px}
.st-tools button:hover{background:var(--surface);color:var(--brand)}
.st-tools button:disabled{opacity:.35;cursor:default}
.st-tools .sep{width:1px;height:18px;background:var(--rule-strong);margin:0 4px}
.st-save{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.st-menu{position:relative}
.st-menu-list{position:absolute;top:calc(100% + 6px);inset-inline-end:0;background:var(--surface);border:1px solid var(--rule);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:6px;min-width:280px;z-index:30;display:flex;flex-direction:column;gap:2px}
.st-menu-list button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;text-align:start;padding:8px 10px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer}
.st-menu-list button:hover{background:var(--brand-wash)}
.st-menu-list button b{font-size:13.5px}
.st-menu-list button small{font-size:11.5px;color:var(--ink-mute)}
.st-menu-list button:disabled{opacity:.5;cursor:progress}
.st-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}
.st-stage{position:relative;overflow:auto;background:var(--ground);background-image:radial-gradient(var(--rule) 1px,transparent 1px);background-size:18px 18px;display:flex;padding:28px;outline:none}
.st-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--brand-wash)}
.st-canvas{position:relative;box-shadow:0 12px 40px rgba(0,0,0,.25);background:#111;flex:none;margin:auto}
.st-canvas iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#111}
.st-overlay{position:absolute;inset:0;cursor:default;touch-action:none;user-select:none}
.st-sel{position:absolute;border:1.5px solid #4a8dff;box-shadow:0 0 0 1px rgba(255,255,255,.6);pointer-events:none}
.st-sel.locked{border-style:dashed}
.st-h{position:absolute;width:11px;height:11px;background:#fff;border:1.5px solid #4a8dff;border-radius:3px;pointer-events:auto;transform:translate(-50%,-50%)}
.st-h.n{cursor:ns-resize}.st-h.s{cursor:ns-resize}.st-h.e{cursor:ew-resize}.st-h.w{cursor:ew-resize}
.st-h.ne{cursor:nesw-resize}.st-h.sw{cursor:nesw-resize}.st-h.nw{cursor:nwse-resize}.st-h.se{cursor:nwse-resize}
.st-h.rot{border-radius:50%;cursor:grab;background:#4a8dff;border-color:#fff}
.st-sel .rot-line{position:absolute;left:50%;top:-22px;width:1px;height:22px;background:#4a8dff}
.st-hover{position:absolute;border:1px dashed rgba(74,141,255,.8);pointer-events:none}
.st-guide{position:absolute;background:#ff3d8f;pointer-events:none}
.st-guide.v{width:1px;top:0;bottom:0}.st-guide.h{height:1px;left:0;right:0}
.st-tag{position:absolute;background:#4a8dff;color:#fff;font-size:11px;line-height:1;padding:3px 6px;border-radius:4px;pointer-events:none;white-space:nowrap;transform:translateY(-100%)}
.st-edit{position:absolute;border:1.5px solid #4a8dff;background:rgba(255,255,255,.96);color:#111;font:inherit;padding:6px 8px;border-radius:6px;resize:none;outline:none;box-shadow:0 8px 24px rgba(0,0,0,.3);direction:rtl;line-height:1.4}
.st-panel{border-inline-start:1px solid var(--rule);background:var(--surface);display:flex;flex-direction:column;min-height:0}
.st-tabs{display:flex;border-bottom:1px solid var(--rule);flex:none}
.st-tabs button{flex:1;border:0;background:none;font:inherit;font-size:13px;padding:10px 4px;color:var(--ink-mute);cursor:pointer;border-bottom:2px solid transparent}
.st-tabs button.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}
.st-tab{overflow:auto;padding:12px 14px 40px;flex:1;min-height:0}
.st-empty{color:var(--ink-mute);font-size:13px;line-height:1.7;padding:8px 2px}
.st-empty kbd{background:var(--ground);border:1px solid var(--rule-strong);border-radius:4px;padding:0 5px;font:inherit;font-size:12px}
.st-sec{margin-bottom:14px}
.st-sec h3{font-size:12.5px;color:var(--ink-mute);margin:0 0 8px;font-weight:600;display:flex;align-items:center;justify-content:space-between}
.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.st-grid .full{grid-column:1/-1}
.st-f{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink-soft);min-width:0}
.st-f>span{display:flex;justify-content:space-between}
.st-f>span b{font-weight:500;color:var(--ink-mute)}
.st-f input[type=text],.st-f input[type=number],.st-f textarea,.st-f select{border:1px solid var(--rule-strong);border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);width:100%;min-width:0}
.st-f textarea{min-height:70px;resize:vertical;line-height:1.5}
.st-f input[type=range]{width:100%;accent-color:var(--brand)}
.st-seg{display:flex;border:1px solid var(--rule-strong);border-radius:8px;overflow:hidden}
.st-seg button{flex:1;border:0;background:none;font:inherit;font-size:12.5px;padding:6px 4px;color:var(--ink-soft);cursor:pointer}
.st-seg button.on{background:var(--brand);color:#fff}
.st-color{display:flex;align-items:center;gap:6px}
.st-color .sw{width:30px;height:30px;border-radius:8px;border:1px solid var(--rule-strong);cursor:pointer;position:relative;overflow:hidden;flex:none;background:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,#fff 25%,#fff 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,5px 5px}
.st-color .sw i{position:absolute;inset:0}
.st-color .sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.st-color input[type=text]{flex:1;font-family:ui-monospace,monospace;font-size:12px;direction:ltr}
.st-color .x{border:0;background:none;color:var(--ink-mute);cursor:pointer;font-size:15px;padding:0 4px}
.st-swatches{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.st-swatches button{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}
.st-swatches button.on{outline:2px solid var(--brand);outline-offset:1px}
.st-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.st-pick button{border:1px solid var(--rule-strong);background:var(--ground);border-radius:8px;padding:8px 4px;font:inherit;font-size:12px;color:var(--ink-soft);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.st-pick button:hover,.st-pick button.on{border-color:var(--brand);color:var(--brand);background:var(--brand-wash)}
.st-pick svg{width:22px;height:22px}
.st-pick .shape{width:24px;height:18px;background:currentColor;opacity:.75}
.st-btn{border:1px solid var(--rule-strong);background:var(--ground);color:var(--ink);border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;cursor:pointer;text-align:start}
.st-btn:hover{border-color:var(--brand);color:var(--brand)}
.st-btn.danger:hover{border-color:#d33;color:#d33}
.st-row{display:flex;gap:6px;flex-wrap:wrap}
.st-row .st-btn{flex:1}
.st-layers{display:flex;flex-direction:column;gap:3px}
.st-layer{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:13px;user-select:none;background:var(--surface)}
.st-layer:hover{background:var(--ground)}
.st-layer.on{border-color:var(--brand);background:var(--brand-wash)}
.st-layer.hidden{opacity:.5}
.st-layer.drop-before{box-shadow:0 -2px 0 var(--brand)}.st-layer.drop-after{box-shadow:0 2px 0 var(--brand)}
.st-layer .ty{width:24px;height:24px;border-radius:6px;background:var(--ground);display:grid;place-items:center;font-size:11px;color:var(--ink-mute);flex:none}
.st-layer .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-layer .ic{border:0;background:none;cursor:pointer;color:var(--ink-mute);padding:2px;font-size:13px;line-height:1;opacity:.6}
.st-layer .ic:hover,.st-layer .ic.on{opacity:1;color:var(--brand)}
.st-layer .grip{cursor:grab;color:var(--ink-mute);opacity:.5;touch-action:none}
.st-issues{display:flex;flex-direction:column;gap:6px}
.st-issue{border:1px solid var(--rule);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.5;cursor:pointer;background:var(--ground)}
.st-issue:hover{border-color:var(--brand)}
.st-issue b{display:block;color:var(--ink)}
.st-issue i{color:var(--ink-mute);font-style:normal}
.st-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.st-thumbs button{border:1px solid var(--rule-strong);border-radius:8px;padding:0;overflow:hidden;aspect-ratio:1;background:var(--ground);cursor:pointer}
.st-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.st-thumbs button:hover{border-color:var(--brand)}
.st-kbd{font-size:11.5px;color:var(--ink-mute);line-height:1.8;margin-top:10px}
.st-kbd kbd{background:var(--ground);border:1px solid var(--rule-strong);border-radius:4px;padding:0 4px;font:inherit;font-size:11px}
@media(max-width:900px){.st-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 44vh}.st-panel{border-inline-start:0;border-top:1px solid var(--rule)}.st-stage{padding:12px}}

/* خطواتٌ تالية بعد الردّ: تُبقي العميلَ ماضياً بلا أن يفكّر في صياغة الطلب */
.msg .foot .as-next{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.msg .foot .as-next button{border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);border-radius:var(--pill);padding:5px 12px;font:inherit;font-size:12.5px;cursor:pointer;line-height:1.5}
.msg .foot .as-next button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-wash)}
.msg .foot .as-next button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* ── بروفايلاتُ الموظّفين: من يعمل الآن؟ ── */
.as-prof{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--ground);cursor:pointer;font-size:13px}
.as-prof:hover{border-color:var(--brand)}
.as-prof .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none}
.as-prof .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.as-prof .nm small{display:block;font-weight:400;color:var(--ink-mute);font-size:11.5px}
.as-prof .ch{color:var(--ink-mute)}
.as-who{position:fixed;inset:0;z-index:40;background:rgba(20,18,40,.55);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.as-who .card{background:var(--surface);color:var(--ink);border-radius:18px;padding:26px 24px;max-width:560px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.as-who h2{margin:0 0 4px;font-size:20px}
.as-who p{margin:0 0 18px;color:var(--ink-mute);font-size:13.5px}
.as-who .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.as-who .p{border:1px solid var(--rule);border-radius:14px;padding:14px 10px;background:var(--ground);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;color:var(--ink);text-align:center;position:relative}
.as-who .p:hover,.as-who .p:focus-visible{border-color:var(--brand);background:var(--brand-wash);outline:none}
.as-who .p .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}
.as-who .p b{font-size:13.5px}
.as-who .p small{color:var(--ink-mute);font-size:11.5px;line-height:1.3}
.as-who .p .ed{position:absolute;top:6px;left:6px;border:0;background:none;color:var(--ink-mute);cursor:pointer;font-size:13px;padding:2px 4px;opacity:0}
.as-who .p:hover .ed{opacity:1}
.as-who .p.add{border-style:dashed;color:var(--brand)}
.as-who form{display:grid;gap:8px;margin-top:14px;border-top:1px solid var(--rule);padding-top:14px}
.as-who form input{border:1px solid var(--rule-strong);border-radius:8px;padding:8px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.as-who .acts{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.as-who .note{font-size:12px;color:var(--ink-mute);margin-top:10px}

.msg .tool .exports{display:inline-flex;gap:6px;margin-inline-start:6px}
.msg .tool .exports a{font-size:11.5px;border:1px solid var(--rule-strong);border-radius:999px;padding:1px 8px;color:var(--ink-soft);text-decoration:none}
.msg .tool .exports a:hover{border-color:var(--brand);color:var(--brand)}

/* بطاقةُ الأداة القابلة للفتح: رأسٌ حيٌّ (ما يجري الآن) وتفاصيلُ ما طُلب وما جرى وما وُجد */
.tool{flex-direction:column;align-items:stretch;gap:0;padding:0;flex-wrap:nowrap}
.tool .hd{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;min-height:38px;border-radius:inherit}
.tool .hd:hover{background:var(--brand-wash)}
.tool .hd:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.tool .tg{flex:none;width:22px;height:22px;display:grid;place-items:center;color:var(--ink-mute);transition:transform .18s}
.tool.open .tg{transform:rotate(180deg)}
.tool .bd{border-top:1px solid var(--rule);padding:8px 12px 10px;padding-inline-start:40px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--ink-soft)}
.tool .bd .k{color:var(--ink-mute);font-size:11.5px;margin-inline-end:6px;flex:none}
.tool .kvs{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.tool .kv{display:inline-flex;gap:5px;align-items:baseline;background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;padding:1px 9px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool .kv b{font-weight:600;color:var(--ink-mute);font-size:11px}
.tool .in{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.tool .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tool .steps:empty{display:none}
.tool .steps li{display:flex;gap:8px;align-items:baseline}
.tool .steps .t{font-variant-numeric:tabular-nums;color:var(--ink-mute);font-size:11px;min-width:36px;flex:none}
.tool .steps li.cur .x{color:var(--brand)}
.tool .out{display:flex;flex-direction:column;gap:5px}
.tool .oh{display:flex;gap:8px;align-items:baseline}
.tool .oh .ms{color:var(--ink-mute);font-size:11px;font-variant-numeric:tabular-nums}
.tool .rows{margin:0;padding:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:3px}
.tool .rows a{color:var(--brand)}
.tool .rows .sub,.tool .rows .num,.tool .more,.tool .nt{color:var(--ink-mute)}
.tool .rows .num{font-variant-numeric:tabular-nums;font-size:11.5px}
.tool .err{color:#9b1c31}
.tool .ex{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 12px 8px}
.tool .ex .prev,.tool .ex .slides{flex-basis:100%}

/* ── قائمةُ الخيارات على الجوال: ورقةٌ من الأسفل بأزرارٍ كبيرة ── */
.as-sheet{position:fixed;inset:0;z-index:45;background:rgba(20,18,40,.42);display:flex;align-items:flex-end;animation:as-fade .16s ease-out}
.as-sheet .card{width:100%;background:var(--surface);color:var(--ink);border-radius:22px 22px 0 0;padding:6px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:2px;box-shadow:0 -10px 40px rgba(20,18,40,.2);animation:as-sheet .24s cubic-bezier(.2,.8,.2,1);max-height:88%;overflow:auto}
.as-sheet .grab{display:block;width:40px;height:4px;border-radius:2px;background:var(--rule-strong);margin:6px auto}
.as-sheet .ttl{font-size:13px;color:var(--ink-mute);padding:2px 14px 8px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-sheet button{border:0;background:none;text-align:start;min-height:50px;padding:12px 16px;border-radius:14px;font:inherit;font-size:16px;color:var(--ink);cursor:pointer}
.as-sheet button:active,.as-sheet button:focus-visible{background:var(--brand-wash);outline:0}
.as-sheet button.danger{color:#b4233c}
.as-sheet .cancel{margin-top:6px;background:var(--surface-2);text-align:center;font-weight:600}
@keyframes as-sheet{from{transform:translateY(28px);opacity:.4}}
@keyframes as-fade{from{opacity:0}}
/* لوحةُ المفاتيح مفتوحة: لا هامشَ سفليَّ لشريط الإيماءات، ولا سطرَ مجاميعَ يأكل المساحة */
html.kb .as-send{padding-bottom:8px}
html.kb .as-task:not(.live){display:none}
/* كلُّ حقلٍ ١٦ بكسل على اللمس: الأصغرُ يجعل آيفون يكبّر الصفحةَ عند الكتابة ثمّ لا يعيدها */
@media(pointer:coarse){.as-box textarea,.as-search,.as-modal input:not([type=color]),.as-modal select,.as-modal textarea,.as-mem-add input,.as-who form input,.as-convs .cv .rn,.msg .foot .why-box input{font-size:16px}}

/* ── الجوال ──
   كتطبيقات المحادثة المتقنة: شريطٌ علويٌّ فيه القائمةُ وعنوانُ المحادثة وزرُّ محادثةٍ جديدة، وقائمةٌ منزلقةٌ
   فيها المحادثاتُ والمشاريعُ وأقسامُ المنصّة والحساب، وصندوقٌ يلتصق بلوحة المفاتيح، ونوافذُ تصعد من الأسفل. */
@media(max-width:860px){
 .as-app{grid-template-columns:1fr}
 .as-plate.chat .as-plate-in{min-height:54px;padding:6px 8px;padding-top:calc(6px + env(safe-area-inset-top,0px));gap:4px}
 .as-plate.chat .mark,.as-plate.chat .corner,.as-plate.chat .as-here,.as-pnav,.as-pmenu{display:none}
 .as-menu{display:flex;justify-content:center;width:42px;height:42px;padding:13px 11px;border-radius:12px;flex:none}
 .as-mtitle{display:flex}
 .as-mnew{display:grid}

 /* القائمةُ المنزلقة */
 .as-side{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(88vw,348px);z-index:9;padding:0;gap:0;border-inline-end:0;
  transform:translateX(104%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
 .as-body.side-open .as-side{transform:none;visibility:visible;box-shadow:-24px 0 60px rgba(20,18,40,.28);transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
 .as-side-top{display:flex;align-items:center;gap:10px;flex:none;padding:10px 12px 12px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,var(--plate),var(--plate-2));color:var(--plate-ink)}
 .as-side-top .mark .n{font-size:19px}
 .as-side-here{font-size:12px;color:var(--plate-soft);background:var(--plate-fill);border-radius:var(--pill);padding:3px 10px;white-space:nowrap}
 .as-side-x{margin-inline-start:auto;width:40px;height:40px;border:0;border-radius:12px;background:var(--plate-fill);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
 .as-side>.as-prof{margin:12px 14px 0;flex:none}
 .as-new{margin:12px 14px 0;width:auto;min-height:46px;font-size:15px;border-radius:14px;flex:none}
 .as-tabs{margin:12px 14px 0;flex:none}
 .as-tabs a{padding:8px 10px;font-size:14.5px}
 .as-search{margin:10px 14px 0;width:auto;flex:none;padding:10px 16px;border-radius:14px}
 .as-lists{flex:1;min-height:0;display:block;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 10px 14px}
 .as-projects{max-height:none;overflow:visible;margin:0 0 4px;padding:0}
 .as-convs{overflow:visible;margin:0;padding:0}
 .as-projects .ph,.as-convs .day{font-size:12px;padding:12px 10px 4px}
 .as-projects .pj,.as-convs .cv{min-height:46px;font-size:15px;padding:9px 12px;border-radius:12px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 .as-convs .cv .x{opacity:.75;width:38px;height:38px;margin:-8px -6px -8px -8px;display:grid;place-items:center;font-size:19px;border-radius:10px}
 .as-projects .ph .add,.as-convs .day .lnk{font-size:13.5px;padding:6px 4px}
 .as-pnav-m{display:block;flex:none;border-top:1px solid var(--rule);padding:10px 0 6px}
 .as-pnav-m .l{display:block;font-size:12px;color:var(--ink-mute);padding:0 16px 6px}
 .as-pnav-m .row{display:flex;gap:6px;overflow-x:auto;padding:0 14px 4px;scrollbar-width:none;overscroll-behavior-x:contain}
 .as-pnav-m .row::-webkit-scrollbar{display:none}
 .as-pnav-m a{flex:none;border:1px solid var(--rule);background:var(--surface-2);color:var(--ink-soft);border-radius:var(--pill);padding:7px 14px;font-size:14px;text-decoration:none;white-space:nowrap}
 .as-pnav-m a:active{border-color:var(--brand);color:var(--brand)}
 .as-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-top:1px solid var(--rule);padding:10px 14px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .as-me{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
 .as-me .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--plate);color:#fff;font-style:normal;font-weight:700;flex:none}
 .as-me span{min-width:0}
 .as-me b{display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .as-me small{display:block;font-size:12px;color:var(--ink-mute)}
 .as-foot .as-bal{border:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:0}
 .as-foot .as-bal-l,.as-foot .as-bal .bar{display:none}
 .as-foot .as-bal-n{font-size:14.5px}
 .as-foot .as-bal-unit{font-size:12px}

 /* المسار */
 .as-thread{padding:14px 14px 10px}
 .as-hello{padding:26px 2px 10px}
 .as-hello h1{font-size:25px}
 .as-hello p{font-size:14.5px;margin-bottom:18px}
 .as-starts{grid-template-columns:1fr;gap:8px}
 .as-starts button{padding:12px 14px;font-size:14.5px;border-radius:16px}
 .msg{margin-bottom:18px}
 .msg.me .b{max-width:90%}
 .msg .foot{gap:2px 6px}
 .msg .foot button{min-height:38px;padding:4px 8px}
 .msg.me .acts button{opacity:1;min-height:34px}
 .msg .b table{font-size:13.5px}
 .msg .b th,.msg .b td{padding:6px 8px}
 .tool .hd{min-height:44px}
 .tool .bd{padding-inline-start:12px}
 .ask .acts .btn{flex:1;min-height:44px}

 /* الصندوق */
 .as-send{padding:6px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .as-box{border-radius:24px;padding:8px 8px 6px 10px}
 .as-box textarea{line-height:1.5;padding:6px 8px;max-height:calc(var(--as-vh,100dvh) * .32)}
 .as-row{gap:6px}
 .seg button{padding:6px 12px;font-size:13.5px;min-height:34px}
 .seg i{display:none}
 .as-go,.as-attach{width:40px;height:40px}
 .as-live{font-size:12px}
 .as-task{font-size:12px;padding:0 8px;margin-bottom:4px}
 .as-out{font-size:13.5px}

 /* النوافذ: تصعد من الأسفل */
 .as-modal{align-items:end;padding:0}
 .as-modal .card,.as-modal .card.wide{width:100%;max-height:88%;border-radius:22px 22px 0 0;padding:18px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:as-sheet .24s cubic-bezier(.2,.8,.2,1)}
 .as-modal .acts .btn{flex:1;min-height:46px}
 .as-who{place-items:end stretch;padding:0}
 .as-who .card{border-radius:22px 22px 0 0;max-height:90%;overflow:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:as-sheet .24s cubic-bezier(.2,.8,.2,1)}
 .as-toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}

 /* لوحةُ المشروع والذاكرة */
 .pj-head{margin:4px 0 16px}
 .pj-head h1{font-size:22px}
 .pj-head .acts .btn{flex:1 1 auto;min-height:42px}
 .pj-sec{padding:12px 14px;border-radius:14px}
 .pj-gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
 .as-mem{padding:20px 14px}
 .as-mem-add{flex-direction:column}
 .as-mem-add .btn{min-height:44px}
}

/* ── «كاتب المحتوى»: منهجيّةٌ يختارها العميل، ومحطّاتُها، وبطاقاتُها ── */
.as-meth{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--pill);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink-soft);font:inherit;font-size:13px;cursor:pointer;flex:none;white-space:nowrap}
.as-meth:hover{border-color:var(--brand);color:var(--brand)}
.as-meth.on{background:var(--brand);border-color:var(--brand);color:#fff}
.as-meth:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.as-mchip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;padding:2px 6px 0}
.as-mchip b{color:var(--brand);font-weight:700}
.as-mchip span{color:var(--ink-mute)}
.as-mchip .x{margin-inline-start:auto;border:0;background:none;color:var(--ink-mute);cursor:pointer;font-size:15px;padding:0 4px;line-height:1}
.as-try{margin:14px auto 0;display:flex;flex-direction:column;gap:2px;align-items:center;border:1px dashed var(--brand);background:var(--brand-wash);color:var(--ink);border-radius:var(--r);padding:12px 16px;cursor:pointer;font:inherit;max-width:520px;width:100%}
.as-try b{color:var(--brand)}
.as-try span{font-size:13px;color:var(--ink-soft)}
.as-try:hover{border-style:solid}

.wstep{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
.wstep li{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--pill);border:1px solid var(--rule);color:var(--ink-mute);background:var(--surface)}
.wstep li i{width:8px;height:8px;border-radius:50%;background:var(--rule-strong);flex:none}
.wstep li.run{color:var(--brand);border-color:var(--brand);background:var(--brand-wash);font-weight:600}
.wstep li.run i{background:var(--brand);animation:blink 1.1s steps(2) infinite}
.wstep li.done{color:var(--teal-ink);border-color:var(--teal);background:var(--teal-wash)}
.wstep li.done i{background:var(--teal)}
.wstep li.wait{color:var(--gold);border-color:var(--gold);background:var(--gold-wash);font-weight:600}
.wstep li.wait i,.wstep li.warn i{background:var(--gold)}
.wstep li.warn{color:var(--gold);border-color:var(--gold)}
.wstep li.skip{opacity:.45}

.wcards{display:flex;flex-direction:column;gap:10px}
.wc{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:14px;min-width:0}
.wc>header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wc>header b{font-weight:700}
.wc>header small{color:var(--ink-mute);font-size:12px}
.wrows{display:flex;flex-direction:column;margin:0}
.wrows>div{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px dashed var(--rule)}
.wrows>div:last-child{border-bottom:0}
.wrows dt{color:var(--ink-mute);font-size:12.5px}
.wrows dd{margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.wrows .src{font-style:normal;font-size:11px;color:var(--ink-mute);background:var(--surface-2);border-radius:var(--pill);padding:0 8px;white-space:nowrap}
.wq{background:var(--gold-wash);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.wq p{margin:0;font-weight:600;color:var(--ink)}
.wassume{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--ink-soft)}
.wassume button,.va button,.heads button{border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink-soft);border-radius:var(--pill);padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.wassume button:hover,.va button:hover,.heads button:hover{border-color:var(--brand);color:var(--brand)}
.wmore summary{cursor:pointer;color:var(--accent);font-size:13px}
.wcrit{margin:8px 0 0;padding-inline-start:18px;display:flex;flex-direction:column;gap:3px;color:var(--ink-soft);font-size:13px}
.wcrit li.warn{color:var(--gold)}
.wmore .wrows{margin-top:8px}
.traits{display:flex;flex-wrap:wrap;gap:6px}
.traits span{background:var(--brand-wash);color:var(--brand);border-radius:var(--pill);padding:2px 10px;font-size:12.5px}
.wex{display:flex;flex-direction:column;gap:6px}
.wex .cap{color:var(--ink-mute);font-size:12px}
.wex blockquote{margin:0;border-inline-start:3px solid var(--rule-strong);padding:4px 12px;color:var(--ink-soft)}
.wex blockquote p{margin:0;white-space:pre-wrap;unicode-bidi:plaintext}
.wex blockquote small{color:var(--ink-mute);font-size:11.5px}
.vlist{display:flex;flex-direction:column;gap:10px}
.v{border:1px solid var(--rule);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--surface);min-width:0}
.v.rec{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.v.bad{border-color:var(--gold)}
.vh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vn{width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink-soft);flex:none}
.v.rec .vn{background:var(--brand);color:#fff}
.vh .ang{font-weight:600;font-size:13.5px}
.vh .badge{font-size:11.5px;color:var(--brand);background:var(--brand-wash);border-radius:var(--pill);padding:1px 8px}
.vh .cnt{margin-inline-start:auto}
.cnt{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-mute)}
.cnt.over{color:#b4233c;font-weight:700}
.vt{white-space:pre-wrap;unicode-bidi:plaintext;line-height:1.75;color:var(--ink);font-size:15px;overflow-wrap:anywhere}
.vbar{position:relative;height:4px;border-radius:2px;background:var(--rule)}
.vbar i{display:block;height:100%;border-radius:2px;background:var(--teal)}
.vbar b{position:absolute;top:-3px;width:2px;height:10px;background:var(--ink-mute);border-radius:1px}
.vparts{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px}
.vparts li{display:flex;flex-direction:column;gap:2px}
.vfields{display:flex;flex-direction:column;gap:6px;margin:0}
.vfields dt{font-size:12px;color:var(--ink-mute)}
.vfields dd{margin:0}
.vw{margin:0;padding-inline-start:18px;font-size:12.5px;color:var(--gold)}
.va{display:flex;flex-wrap:wrap;gap:6px}
.va .pri{background:var(--brand);border-color:var(--brand);color:#fff}
.va .pri:hover{color:#fff;opacity:.9}
.wc .why{margin:0;color:var(--ink-soft);font-size:13.5px}
.heads ol{margin:6px 0 0;padding-inline-start:20px;display:flex;flex-direction:column;gap:4px}
.heads li{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.wc .img{margin:0;font-size:13px;color:var(--ink-soft)}
.wsrc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
.wsrc a{border:1px solid var(--rule);border-radius:var(--pill);padding:1px 10px;color:var(--ink-soft);text-decoration:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsrc a:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:860px){
 .as-meth{width:40px;height:40px;padding:0;justify-content:center}
 .as-meth span{display:none}
 .as-mchip span{display:none}
 .wrows>div{grid-template-columns:78px minmax(0,1fr)}
 .wrows .src{display:none}
 .va button{min-height:36px}
}