.org-page{margin:0;background:#f3f6fa;color:#153348;font-family:"Tajawal",Tahoma,Arial,sans-serif}.org-page button,.org-page input{font:inherit}.org-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 3vw;background:#fff;border-bottom:1px solid #dce5ed}.org-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.org-brand-icon{display:grid;place-items:center;width:48px;height:48px;background:linear-gradient(135deg,#193f5b,#277d8d);border-radius:15px;color:white;font-size:30px}.org-brand strong{display:block;font-size:19px}.org-brand small{display:block;color:#6b8497;margin-top:4px}.org-header-actions{display:flex;align-items:center;gap:12px}.org-user{color:#617c8e}.org-page button,.org-header-actions a{border:1px solid #dce6ef;border-radius:12px;background:#fff;color:#20455e;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}.org-page button:hover,.org-header-actions a:hover{background:#edf5f8;box-shadow:0 4px 12px #24455f12}.org-page button:focus-visible,.org-page a:focus-visible,.org-viewport:focus-visible{outline:3px solid #329ca8;outline-offset:3px}.org-main{max-width:1800px;margin:auto;padding:30px 3vw}.org-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.org-eyebrow{font-size:12px;letter-spacing:.1em;color:#277d8d;font-weight:800;margin:0 0 8px}.org-intro h1{font-size:clamp(25px,3vw,37px);margin:0 0 8px}.org-subtitle{color:#71879a;margin:0;font-size:16px}.org-stats{display:flex;gap:12px;flex-shrink:0}.org-stat{min-width:88px;padding:12px 18px;border:1px solid #dde7ed;border-radius:16px;background:#fff;text-align:center}.org-stat b{display:block;font-size:25px;color:#1a6a7d}.org-stat span{font-size:12px;color:#708595}.org-workspace{background:#fff;border:1px solid #dbe6ee;border-radius:24px;overflow:hidden;box-shadow:0 12px 45px #233d5510}.org-toolbar{padding:16px 20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid #e5edf2}.org-search{display:flex;align-items:center;gap:8px;min-width:240px;max-width:360px;flex:1;background:#f4f7fa;border:1px solid #e2eaf0;border-radius:12px;padding:0 12px}.org-search span{font-size:26px;color:#7193a7}.org-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;padding:12px 0;color:#1e4055}.org-search:focus-within{outline:2px solid #329ca8}.org-tools{display:flex;gap:8px;align-items:center}.org-zoom{display:flex;align-items:center;direction:ltr;background:#f4f7fa;border-radius:12px}.org-zoom button{background:transparent;border:0;font-size:22px;padding:6px 14px}.org-zoom output{width:52px;text-align:center;font-size:13px}.org-viewport{height:clamp(440px,66vh,900px);position:relative;overflow:hidden;direction:ltr;cursor:grab;touch-action:none;background-color:#f9fbfd;background-image:radial-gradient(#b9cbdc75 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,#deedf780,transparent 65%);background-size:22px 22px,100% 100%}.org-viewport.dragging{cursor:grabbing}.org-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.org-lines{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.org-lines path{fill:none;stroke:#afc5d4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.org-card{position:absolute;box-sizing:border-box;width:250px;height:100px;padding:16px 18px;text-align:start;border-radius:18px;border:1px solid #d6e3eb;background:#fff;box-shadow:0 6px 18px #21435c0a;transition:left .42s ease,top .42s ease,box-shadow .2s,border-color .2s;animation:org-appear .55s both;animation-delay:var(--delay,0ms);overflow:hidden;display:flex;flex-direction:column;justify-content:center;cursor:default}.org-page button.org-card{padding:16px 18px;text-align:start;font-weight:400}.org-card.org-branch{border-top:4px solid var(--branch,#277d8d);cursor:pointer}.org-card.org-leaf{border-inline-start:4px solid var(--branch,#277d8d)}.org-card .org-kind{font-size:11px;font-weight:700;color:#7490a2;margin-bottom:7px}.org-card .org-name{font-size:17px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.org-card.org-root{background:linear-gradient(120deg,#153b57,#24748a);border:0;color:white;box-shadow:0 12px 26px #1b5e7a2c}.org-root .org-kind{color:#b9e4ea}.org-card:hover{box-shadow:0 12px 27px #183e5a20}.org-card.org-found{outline:3px solid #dda740;outline-offset:4px;background:#fffbee}.org-collapse{position:absolute;inset-inline-end:13px;top:12px;border-radius:8px;background:#edf5f8;padding:1px 7px;font-size:12px;color:#2e6c7e}.org-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#658093;text-align:center;padding:30px;pointer-events:none}.org-message a{pointer-events:auto;color:#176f85}.org-message[hidden]{display:none}.org-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px 20px;font-size:12px;color:#6f8799;border-top:1px solid #e5edf2}.org-legend{display:flex;align-items:center;gap:8px}.org-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.org-level-dot{background:#287f8f}.org-cabinet-dot{background:#a6bbcc}@keyframes org-appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:680px){.org-header{padding:14px;align-items:flex-start}.org-header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.org-user{display:none}.org-main{padding:22px 12px}.org-intro{align-items:flex-start;flex-direction:column}.org-stats{width:100%}.org-stat{flex:1}.org-toolbar{padding:12px}.org-tools{flex-wrap:wrap;justify-content:space-between;width:100%}.org-search{max-width:none}.org-tools button{padding:9px 12px}.org-viewport{height:60vh;min-height:420px}}@media(prefers-reduced-motion:reduce){.org-card{animation:none;transition:none}.org-page button{transition:none}}

/* Compact header and readable native scrolling. */
.org-header { padding:8px 2vw; gap:12px; min-height:56px; }
.org-brand { gap:9px; }
.org-brand-icon { width:36px; height:36px; border-radius:11px; font-size:24px; }
.org-brand strong { font-size:16px; line-height:1.2; }
.org-brand small { font-size:11px; line-height:1.2; margin-top:3px; }
.org-header-actions { gap:8px; }
.org-header-actions button, .org-header-actions a { padding:7px 12px; font-size:14px; line-height:1.3; }
.org-main { max-width:none; padding:14px 2vw; }
.org-intro { margin-bottom:12px; gap:12px; }
.org-eyebrow { display:none; }
.org-intro h1 { font-size:25px; line-height:1.3; margin:0 0 4px; }
.org-subtitle { font-size:13px; line-height:1.4; }
.org-stats { gap:8px; }
.org-stat { min-width:68px; padding:7px 12px; border-radius:12px; }
.org-stat b { font-size:20px; line-height:1.3; }
.org-stat span { font-size:11px; line-height:1.3; }
.org-workspace { border-radius:18px; }
.org-toolbar { padding:10px 14px; gap:10px; }
.org-tools button { padding:8px 12px; font-size:14px; line-height:1.4; }
.org-search input { padding:9px 0; font-size:14px; }
.org-viewport { height:calc(100dvh - 240px); min-height:390px; overflow:auto; touch-action:pan-x pan-y; scrollbar-gutter:stable; overscroll-behavior:contain; }
.org-canvas { position:relative; min-width:100%; min-height:100%; overflow:hidden; }
.org-stage { transition:none; }
.org-card .org-name { font-size:18px; line-height:1.45; }
.org-card .org-kind { display:none; }
.org-footer { padding:8px 14px; }
@media(max-width:680px) {
 .org-header { padding:8px 12px; }
 .org-main { padding:12px 10px; }
 .org-intro { flex-direction:row; align-items:center; }
 .org-intro h1 { font-size:22px; }
 .org-subtitle { display:none; }
 .org-stats { width:auto; flex-shrink:0; }
 .org-stat { min-width:50px; padding:5px 8px; }
 .org-toolbar { padding:8px; }
 .org-viewport { height:calc(100dvh - 255px); min-height:360px; }
 .org-header-actions { gap:6px; }
}