/* المشروع المشترك: بيت الفرد بالأخضر الهادئ، والمكتب بالتيراكوتا، والجسر بينهما */
:root{--lk-h:#5A7A6A;--lk-hbg:#E6EEE9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lk-h:#9DC0AE;--lk-hbg:#1F2A25}}
:root[data-theme="dark"]{--lk-h:#9DC0AE;--lk-hbg:#1F2A25}

.lk-main{padding-block:28px 64px}
.lk-main>.wrap{display:grid;gap:18px}
.lk-hero{display:grid;gap:6px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.lk-kick{font-size:13px;font-weight:700;color:var(--terra);letter-spacing:.02em}
.lk-hero h1{font-size:clamp(28px,4.2vw,42px);line-height:1.3;text-wrap:balance}
.lk-sub{font-size:17px;color:var(--ink-2);max-width:66ch;line-height:1.85}
#lkApp{display:grid;gap:18px}
.lk-card .card-b{display:grid;gap:12px}
.lk-note{font-size:13.5px;color:var(--ink-2);line-height:1.8}
.lk-back{font-size:14px}
.lk-plat{margin:0 0 -8px;font-size:14px}.lk-plat a{color:var(--ink-2);text-decoration:none}.lk-plat a:hover{color:var(--terra)}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}
.pill.t{border-color:var(--terra);color:var(--terra)}
.pill.g{border-color:var(--ok);color:var(--ok)}
.pill.w{border-color:var(--major);color:var(--major)}

/* الدعوات */
.lk-inv{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.lk-invrow{display:grid;gap:10px;padding-block:6px}
.lk-invrow+.lk-invrow{border-top:1px solid var(--line);padding-top:14px}
.lk-invt{display:grid;gap:4px}
.lk-invt b{font-size:16.5px}
.lk-invt span{font-size:14.5px;color:var(--ink-2);line-height:1.85}
.lk-what{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lk-what div{display:grid;gap:4px;align-content:start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.lk-what b{font-size:14.5px;color:var(--terra)}
.lk-what span{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.lk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:end}
.lk-form>.row,.lk-form>.msg{grid-column:1/-1}
.lk-form .f:has(textarea),.lk-form .f:has(input[type=file]){grid-column:1/-1}
.lk-sent{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.lk-sent:last-child{border-bottom:0}
.lk-sent b{font-size:14px;unicode-bidi:isolate}
.lk-hist{font-size:14px}
.lk-hist summary{cursor:pointer;color:var(--ink-2);padding:6px 0}

/* بيوت عملائي */
.lk-homes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lk-home{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line-2);border-top:3px solid var(--terra);border-radius:14px;background:var(--sheet);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.lk-home:hover{transform:translateY(-2px);box-shadow:0 16px 30px -24px rgba(31,26,23,.5)}
.lk-home b{font-size:16.5px}
.lk-home>span{font-size:13.5px;color:var(--ink-2)}

/* الرأس: الطرفان والجسر */
.lk-head{display:grid;gap:12px;padding:18px;border:1px solid var(--line-2);border-radius:18px;background:var(--sheet)}
.lk-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,1.2fr) minmax(0,1fr);align-items:center;gap:10px}
.lk-party{display:grid;gap:2px;padding:12px 14px;border-radius:14px;min-width:0}
.lk-party span{font-size:12.5px;font-weight:700}
.lk-party b{font-size:16px;overflow-wrap:anywhere}
.lk-party.h{background:var(--lk-hbg);border:1px solid var(--lk-h)}
.lk-party.h span{color:var(--lk-h)}
.lk-party.o{background:color-mix(in srgb,var(--terra) 10%,var(--sheet));border:1px solid var(--terra)}
.lk-party.o span{color:var(--terra)}
.lk-bridge{position:relative;height:8px;border-radius:3px;background:var(--line);overflow:hidden}
.lk-bridge.on i{position:absolute;inset:0;background:linear-gradient(to left,var(--lk-h),var(--terra));transform-origin:right;animation:lkBridge 1.1s cubic-bezier(.65,0,.35,1) .2s both}
.lk-bridge.on::after{content:"";position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(to left,transparent,rgba(255,255,255,.55),transparent);animation:lkFlow 2.8s ease-in-out 1.4s infinite}
@keyframes lkBridge{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lkFlow{from{right:-30%}to{right:100%}}
.lk-hstat{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;min-height:28px}
.lk-pres{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--lk-h)}
.lk-pres .dot{width:9px;height:9px;border-radius:50%;background:var(--lk-h);position:relative}
.lk-pres .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--lk-h);opacity:0;animation:lkPulse 1.8s ease-out infinite}
@keyframes lkPulse{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.lk-unlink{margin-inline-start:auto}

/* المراحل */
.lk-stages{display:grid;gap:10px}
.lk-stages h2{font-size:18px}
.lk-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lk-tl li{display:grid;gap:6px;font-size:13px;color:var(--ink-2);text-align:center}
.lk-tl li i{height:7px;border-radius:4px;background:var(--line);transition:background .5s}
.lk-tl li.d i{background:var(--lk-h)}
.lk-tl li.c i{background:var(--terra)}
.lk-tl li.c{color:var(--ink);font-weight:700}
.lk-tl.moved li.c i{animation:lkGrow .7s cubic-bezier(.34,1.56,.64,1)}
@keyframes lkGrow{0%{transform:scaleY(.4)}60%{transform:scaleY(2)}100%{transform:scaleY(1)}}
.lk-tl.mini{gap:3px}.lk-tl.mini li{font-size:11px}.lk-tl.mini li i{height:5px}.lk-tl.mini li span{display:none}.lk-tl.mini li.c span{display:block}
.lk-st{font:inherit;font-size:13px;background:none;border:1px solid transparent;border-radius:8px;padding:6px 4px;min-height:40px;color:inherit;cursor:pointer}
.lk-st:hover{border-color:var(--line-2)}
.lk-st:focus-visible{outline:2px solid var(--terra);outline-offset:2px}

.lk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.lk-col{display:grid;gap:18px;min-width:0}

/* نسخ المخطط */
.lk-plans{display:grid;gap:10px}
.lk-plan{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.lk-plan.wait{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra);background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.lk-ph{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.lk-pn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:15px;border:2px solid var(--terra);color:var(--terra);background:var(--sheet)}
.lk-ph div{display:grid}
.lk-ph b{font-size:15.5px}
.lk-pnote,.lk-dnote{font-size:14px;line-height:1.85}
.lk-dnote{padding:8px 12px;border-inline-start:3px solid var(--major);background:var(--sheet)}
.lk-files{display:flex;gap:6px;flex-wrap:wrap}
.lk-file{unicode-bidi:plaintext;font:inherit;font-size:13px;padding:7px 12px;min-height:40px;border:1px solid var(--line-2);border-radius:10px;background:var(--sheet);color:var(--ink);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-file:hover{border-color:var(--terra);color:var(--terra)}
.lk-decide{display:grid;gap:8px;padding-top:10px;border-top:1px dashed var(--line-2)}
.lk-decide textarea{font:inherit;font-size:14.5px;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink);resize:vertical;width:100%}
.lk-up{border:1px dashed var(--line-2);border-radius:12px;padding:10px 14px}
.lk-up summary{cursor:pointer;font-weight:700;color:var(--terra);font-size:14.5px;padding:4px 0}
.lk-up[open] summary{margin-bottom:10px}

.lk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-2);border-radius:12px;background:var(--paper)}
.lk-kpis>div{padding:12px 14px;display:grid;gap:2px;min-width:0}
.lk-kpis>div+div{border-inline-start:1px solid var(--line)}
.lk-kpis span{font-size:12.5px;color:var(--ink-2)}
.lk-kpis b{font-size:17px;font-variant-numeric:tabular-nums}
.lk-tools{list-style:none;margin:0;padding:0;display:grid}
.lk-tools li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.lk-tools li:last-child{border-bottom:0}
.lk-tools span{color:var(--ink-2)}

.lk-fahs{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.lk-vd{display:grid;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2)}
.lk-vd b{font-size:16px}.lk-vd span{font-size:12.5px;color:var(--ink-2)}
.lk-vd.ready{border-color:var(--ok)}.lk-vd.ready b{color:var(--ok)}
.lk-vd.fix{border-color:var(--major)}.lk-vd.fix b{color:var(--major)}
.lk-vd.redesign{border-color:var(--stop)}.lk-vd.redesign b{color:var(--stop)}
.lk-sum{font-size:14.5px;line-height:1.9}
.lk-ifada{font-size:14px}
.lk-ifada a{font-family:var(--mono);color:var(--terra)}

.lk-chips{display:flex;gap:6px;flex-wrap:wrap}
.lk-chip{font:inherit;font-size:13.5px;padding:7px 12px;min-height:40px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.lk-chip[aria-pressed="true"]{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 12%,var(--sheet));color:var(--ink);font-weight:700}
.lk-chip[aria-pressed="true"]::before{content:"✓";color:var(--terra)}

/* السجل */
.lk-feed{list-style:none;margin:0;padding:0;display:grid;max-height:560px;overflow:auto}
.lk-ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 4px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.75;border-radius:8px}
.lk-ev:last-child{border-bottom:0}
.lk-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--terra)}
.lk-ev.h .lk-av{background:var(--lk-h)}
.lk-ev time{font-size:12px;color:var(--ink-2);white-space:nowrap}
.lk-ev.new{animation:lkNew 3.4s ease-out .4s both}
@keyframes lkNew{0%,30%{background:color-mix(in srgb,var(--major) 18%,transparent)}100%{background:transparent}}
.lk-newp{margin-inline-start:auto}

.lk-toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translate(50%,20px);z-index:80;max-width:min(92vw,460px);padding:10px 16px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.lk-toast.on{opacity:1;transform:translate(50%,0)}

@media (max-width:900px){.lk-grid{grid-template-columns:1fr}.lk-what{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lk-form{grid-template-columns:1fr}.lk-what{grid-template-columns:1fr}.lk-parties{grid-template-columns:1fr;gap:6px}.lk-bridge{height:22px;width:6px;justify-self:center}.lk-bridge.on i{transform-origin:top;animation-name:lkBridgeV}.lk-bridge.on::after{display:none}.lk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-kpis>div:nth-child(3){border-inline-start:0}.lk-kpis>div:nth-child(n+3){border-top:1px solid var(--line)}.lk-tl li{font-size:11.5px}}
@keyframes lkBridgeV{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.lk-bridge.on i,.lk-bridge.on::after,.lk-pres .dot::after,.lk-ev.new,.lk-tl.moved li.c i{animation:none}.lk-home{transition:none}.lk-toast{transition:none}}
.lk-legal{padding:10px 12px;border:1px dashed var(--line-2);border-radius:10px;font-size:12.5px}
.lk-iplan{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.lk-iplan .lk-note{flex:1;min-width:200px}