/* SANAD — precision blue institutional interface (sandbox only) */
:root{
  --sn-bg:#f4f7fb;
  --sn-surface:rgba(255,255,255,.86);
  --sn-surface-strong:#ffffff;
  --sn-glass:rgba(255,255,255,.72);
  --sn-ink:#0b1739;
  --sn-text:#17254b;
  --sn-muted:#6f7d99;
  --sn-line:rgba(31,64,122,.11);
  --sn-navy:#0a1430;
  --sn-navy-2:#101f46;
  --sn-blue:#2563eb;
  --sn-blue-2:#3b82f6;
  --sn-sky:#38bdf8;
  --sn-cyan:#06b6d4;
  --sn-indigo:#4f46e5;
  --sn-soft:#eaf2ff;
  --sn-soft-2:#f0f7ff;
  --sn-danger:#c84f5a;
  --sn-shadow:0 24px 70px rgba(31,58,112,.12);
  --sn-shadow-soft:0 10px 30px rgba(31,58,112,.075);
  --sn-radius-xl:26px;
  --sn-radius-lg:20px;
  --sn-radius-md:14px;
}

*{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.24) transparent}
*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:rgba(37,99,235,.22);border-radius:999px}
html,body{background:var(--sn-bg)!important;color:var(--sn-ink)!important}
body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
body::before,body::after{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(2px)}
body::before{width:620px;height:620px;inset:-260px auto auto -190px;background:radial-gradient(circle,rgba(56,189,248,.13),rgba(56,189,248,0) 70%)}
body::after{width:720px;height:720px;inset:auto -220px -310px auto;background:radial-gradient(circle,rgba(79,70,229,.10),rgba(79,70,229,0) 72%)}
html.sanad-lang-switching *,html.sanad-lang-switching *::before,html.sanad-lang-switching *::after{transition:none!important;animation:none!important}

/* App shell */
.app-shell{min-height:100vh!important;display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(238,244,252,.50))!important;direction:rtl!important}
html[dir="ltr"] .app-shell{direction:ltr!important}
.main{min-width:0!important;width:100%!important;max-width:1680px!important;margin:0 auto!important;padding:0!important;overflow:visible!important}

/* Navigation */
.sidebar{position:sticky!important;top:18px!important;height:calc(100vh - 36px)!important;padding:15px!important;display:flex!important;flex-direction:column!important;gap:13px!important;overflow:hidden!important;isolation:isolate!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:26px!important;background:
  radial-gradient(circle at 86% 2%,rgba(56,189,248,.20),transparent 26%),
  radial-gradient(circle at 7% 88%,rgba(79,70,229,.20),transparent 28%),
  linear-gradient(160deg,#0a1430 0%,#0d1a3b 54%,#101f46 100%)!important;
  box-shadow:0 24px 65px rgba(10,20,48,.22)!important}
.sidebar::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-115px;bottom:88px;background:rgba(255,255,255,.035);z-index:-1}
.brand{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:7px 5px 17px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.brand-mark,.login-brand .brand-mark{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#4fa9ff,#3157e8)!important;color:#fff!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 11px 26px rgba(37,99,235,.30)!important;overflow:hidden!important}
.brand-mark svg,.login-brand .brand-mark svg{width:25px;height:25px;display:block}
.brand-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0}
.brand-copy strong,.brand>div>strong{color:#fff!important;font-size:17px!important;font-weight:850!important;letter-spacing:.1px!important}
.brand-copy span,.brand>div>span,.brand>div>div{color:rgba(228,239,255,.62)!important;font-size:9.5px!important;line-height:1.45!important}
.nav{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:1px!important}
.nav button{position:relative!important;width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:rgba(236,243,255,.74)!important;font-size:11.5px!important;font-weight:650!important;text-align:start!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.nav button .sn-nav-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(255,255,255,.055);color:rgba(229,240,255,.72)}
.nav button .sn-nav-icon svg{width:15px;height:15px}
.nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateY(-1px)!important}
.nav button.active{background:linear-gradient(135deg,rgba(67,139,255,.24),rgba(79,70,229,.14))!important;border-color:rgba(113,171,255,.19)!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important}
.nav button.active .sn-nav-icon{background:linear-gradient(145deg,#4fbaff,#4461ee)!important;color:#fff!important;box-shadow:0 8px 18px rgba(44,104,239,.28)!important}
.nav button.active::after{content:"";position:absolute;inset-block:10px;inset-inline-end:-16px;width:3px;border-radius:999px;background:linear-gradient(#62c9ff,#5a62f3)}
html[dir="ltr"] .nav button.active::after{inset-inline-end:auto;inset-inline-start:-16px}
.sidebar .ndr-language-toggle{width:100%!important;height:39px!important;min-height:39px!important;contain:layout!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important;color:#eef5ff!important;font-size:10px!important;font-weight:700!important}
.profile-card{margin-top:auto!important;padding:11px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.065)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
.profile-row{gap:9px!important}.avatar{width:35px!important;height:35px!important;border-radius:11px!important;background:linear-gradient(145deg,#4fabff,#4c55e8)!important;color:#fff!important;font-weight:800!important}
.profile-text strong{color:#fff!important;font-size:11px!important}.profile-text span{color:rgba(229,239,255,.60)!important;font-size:9px!important}
.profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}
.profile-actions button,.sidebar button:not(.nav button):not(.ndr-language-toggle){min-height:34px!important;padding:6px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#edf4ff!important;font-size:8.5px!important;transition:.16s ease!important}
.profile-actions button:hover,.sidebar button:not(.nav button):not(.ndr-language-toggle):hover{background:rgba(255,255,255,.11)!important}

/* Header */
.top{max-width:none!important;min-height:78px!important;margin:0 0 12px!important;padding:14px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid rgba(255,255,255,.80)!important;border-radius:22px!important;background:rgba(255,255,255,.74)!important;backdrop-filter:blur(24px) saturate(125%)!important;box-shadow:var(--sn-shadow-soft)!important;position:relative!important;overflow:hidden!important}
.top::before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;inset:-130px auto auto 13%;background:radial-gradient(circle,rgba(56,189,248,.13),transparent 68%)}
.top h1{position:relative!important;margin:0!important;color:var(--sn-ink)!important;font-size:25px!important;line-height:1.18!important;font-weight:850!important;letter-spacing:-.45px!important}
.top h1::before{content:"SANAD • SMART WORKSPACE";display:block;margin-bottom:5px;color:var(--sn-blue)!important;font-size:7.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:1.45px!important;direction:ltr!important;text-align:inherit!important}
html[lang="ar"] .top h1::before{content:"SANAD • مساحة العمل الذكية";letter-spacing:.1px!important}
.top small{display:block!important;margin-top:6px!important;color:var(--sn-muted)!important;font-size:9.5px!important;font-weight:500!important}
.top .pill,.main>.pill{position:relative!important;padding:6px 10px!important;border:1px solid rgba(37,99,235,.12)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(234,242,255,.95),rgba(241,246,255,.78))!important;color:#2358ca!important;font-size:8.5px!important;font-weight:800!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important}
.top [data-sanad-preview],.top [data-rifd-preview]{background:rgba(11,23,57,.055)!important;color:#66738e!important;border-color:rgba(11,23,57,.075)!important}
.notice{max-width:none!important;margin:0 0 12px!important;padding:8px 13px!important;border:1px solid rgba(37,99,235,.09)!important;border-radius:13px!important;background:linear-gradient(90deg,rgba(235,243,255,.82),rgba(255,255,255,.68))!important;color:#687690!important;font-size:9px!important;box-shadow:none!important}

/* Workspace */
.layout{max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:13px!important;align-items:stretch!important}
.panel{border:1px solid rgba(255,255,255,.82)!important;border-radius:24px!important;background:rgba(255,255,255,.80)!important;backdrop-filter:blur(22px) saturate(120%)!important;box-shadow:var(--sn-shadow)!important}
.assistant{min-height:calc(100vh - 150px)!important;overflow:hidden!important;position:relative!important}
.assistant::before{content:"";position:absolute;z-index:0;width:540px;height:540px;border-radius:50%;inset:-310px auto auto -230px;background:radial-gradient(circle,rgba(56,189,248,.095),transparent 68%);pointer-events:none}
.assistant-head{position:relative;z-index:2;min-height:60px!important;padding:13px 17px!important;border-bottom:1px solid rgba(31,64,122,.075)!important;background:rgba(255,255,255,.46)!important;backdrop-filter:blur(12px)!important}
.assistant-head strong{font-size:12.5px!important;font-weight:800!important;color:var(--sn-ink)!important}.assistant-head span{font-size:8.8px!important;color:#7d89a1!important;margin-top:3px!important}
.assistant-head .pill{border:1px solid rgba(37,99,235,.10)!important;background:#edf4ff!important;color:#3563ca!important;font-size:8px!important}
.danger{border:1px solid rgba(200,79,90,.17)!important;background:rgba(255,255,255,.78)!important;color:#ac4650!important;border-radius:10px!important;padding:7px 9px!important;font-size:8.5px!important}
.messages{position:relative;z-index:1;padding:22px 24px 112px!important;gap:12px!important;background:transparent!important}
.msg{position:relative!important;max-width:min(78%,760px)!important;padding:12px 15px!important;border-radius:17px!important;line-height:1.72!important;font-size:11.5px!important;box-shadow:none!important}
.msg.user{background:linear-gradient(135deg,#e8f1ff,#eef5ff)!important;border:1px solid #dce9ff!important;color:#183662!important}
.msg.ai{background:rgba(255,255,255,.92)!important;border:1px solid rgba(47,91,165,.10)!important;color:#172b50!important;box-shadow:0 8px 24px rgba(36,64,112,.045)!important}
.msg.ai.ai-generated,.ai-generated-content{border-color:rgba(79,70,229,.18)!important;background:linear-gradient(135deg,rgba(247,247,255,.98),rgba(240,245,255,.96))!important;color:#3e3aa2!important}
.source-actions a,.library-actions a,.library-open,.primary{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#2563eb,#3558df)!important;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.18)!important;font-weight:750!important}
.outline,.source-open:not(.primary){border:1px solid rgba(37,99,235,.15)!important;background:#fff!important;color:#2453b7!important;border-radius:10px!important}

/* Assistant welcome */
.sn-welcome{width:min(720px,92%);margin:auto;text-align:center;padding:38px 16px 26px;display:flex;flex-direction:column;align-items:center;gap:11px}
.sn-ai-orb{width:70px;height:70px;display:grid;place-items:center;position:relative;border-radius:22px;color:#fff;background:linear-gradient(145deg,#2698ff,#4656e8);box-shadow:0 20px 48px rgba(44,93,224,.25),inset 0 0 0 1px rgba(255,255,255,.25)}
.sn-ai-orb::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(37,99,235,.14);border-radius:28px;box-shadow:0 0 0 9px rgba(56,189,248,.025)}
.sn-ai-orb svg{width:29px;height:29px}.sn-welcome-kicker{font-size:8.5px;font-weight:850;color:var(--sn-blue);letter-spacing:1.35px;direction:ltr}.sn-welcome h2{margin:2px 0 0;color:var(--sn-ink);font-size:27px;line-height:1.22;letter-spacing:-.65px}.sn-welcome p{margin:0;max-width:570px;color:var(--sn-muted);font-size:10.5px;line-height:1.8}.sn-welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:8px}.sn-welcome-card{padding:12px 11px;text-align:start;border:1px solid var(--sn-line);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 8px 18px rgba(32,62,111,.035)}.sn-welcome-card b{display:block;margin-bottom:4px;color:#20355f;font-size:9.8px}.sn-welcome-card span{color:#7c88a0;font-size:8.4px;line-height:1.45}

/* Composer */
.composer{position:absolute!important;z-index:5;inset-inline:16px!important;bottom:15px!important;padding:9px!important;border:1px solid rgba(40,88,170,.11)!important;border-radius:18px!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(22px) saturate(130%)!important;box-shadow:0 18px 44px rgba(25,55,108,.14)!important}
.ask-box{padding:5px!important;border:1px solid rgba(35,80,154,.11)!important;border-radius:13px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(247,250,255,.95)!important}
.ask-box input{min-height:35px!important;padding:7px 9px!important;color:#18315d!important;font-size:10.5px!important}.ask-box input::placeholder{color:#98a3b6!important}
.ask-box .primary,#sendQuestion{min-width:72px!important;padding:8px 13px!important;border-radius:10px!important}
.quick{margin-top:7px!important;gap:5px!important}.quick button{padding:5px 9px!important;border:1px solid rgba(37,99,235,.10)!important;border-radius:999px!important;background:#f7faff!important;color:#60718f!important;font-size:8px!important;transition:.15s ease!important}.quick button:hover{border-color:rgba(37,99,235,.22)!important;background:#eef4ff!important;color:#2c58bb!important}

/* Sources */
.sources{padding:15px!important;overflow:auto!important}.sources h2{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 11px!important;color:#1d3158!important;font-size:11.5px!important}.sn-section-badge{padding:4px 7px;border-radius:999px;background:#edf4ff;color:#3e67c8;font-size:7px;font-weight:750}.source-card{padding:10px 0!important;border-bottom:1px solid rgba(32,70,130,.075)!important}.source-card strong{color:#2450a7!important;font-size:10.5px!important}.source-card span{margin-top:3px!important;color:#7a879f!important;font-size:8.5px!important;line-height:1.45!important}.source-card small{margin-top:5px!important;padding:3px 6px!important;background:#edf4ff!important;color:#5572ad!important;font-size:7px!important}

/* Libraries: use the screen, not a narrow document column */
.library-page,.library-toolbar{max-width:none!important;width:100%!important}
.library-page{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.library-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:12px!important;padding:15px 17px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:20px!important;background:rgba(255,255,255,.80)!important;backdrop-filter:blur(20px)!important;box-shadow:var(--sn-shadow-soft)!important}
.library-toolbar h2{margin:0!important;color:var(--sn-ink)!important;font-size:19px!important}.library-toolbar p{margin:4px 0 0!important;color:#7a879f!important;font-size:9px!important}.library-search{display:flex!important;flex-direction:row!important;gap:7px!important;min-width:min(520px,46vw)!important}.library-search input,.library-search select{height:38px!important;border:1px solid rgba(40,83,156,.12)!important;border-radius:11px!important;background:#fff!important;color:#263b65!important;font-size:9.5px!important;outline:none!important}.library-search input:focus,.library-search select:focus{border-color:rgba(37,99,235,.38)!important;box-shadow:0 0 0 3px rgba(37,99,235,.07)!important}
.library-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.library-card{min-width:0!important;padding:15px!important;border:1px solid rgba(37,74,139,.10)!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 8px 24px rgba(31,58,112,.045)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.library-card:hover{transform:translateY(-2px)!important;border-color:rgba(37,99,235,.19)!important;box-shadow:0 14px 32px rgba(31,58,112,.075)!important}.library-code{color:#2361d6!important;font-size:9px!important;font-weight:850!important}.library-card h3{margin:6px 0 4px!important;color:#172a50!important;font-size:11.5px!important;line-height:1.55!important}.library-card small{color:#8490a5!important;font-size:8px!important}.procedure-note,.ndr-official-source-note{color:#7a879c!important;font-size:8.7px!important;line-height:1.55!important}.library-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:10px!important}.library-actions a,.library-actions button{min-height:34px!important;padding:7px 10px!important;font-size:8.5px!important}

/* Admin */
.ndr-admin-panel,.ndr-admin-detail{max-width:none!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:22px!important;background:rgba(255,255,255,.82)!important;box-shadow:var(--sn-shadow-soft)!important}.ndr-admin-panel input,.ndr-admin-panel select,.ndr-admin-detail input,.ndr-admin-detail select,.ndr-admin-detail textarea{border-color:rgba(37,78,146,.13)!important;border-radius:10px!important}.ndr-admin-panel table{border-collapse:separate!important;border-spacing:0 5px!important}.ndr-admin-panel th{color:#78859c!important;font-size:8.5px!important}.ndr-admin-panel td{background:rgba(248,251,255,.90)!important;border-block:1px solid rgba(39,75,138,.07)!important}

/* Login */
.login{min-height:100vh!important;width:min(1500px,100%)!important;margin:0 auto!important;padding:clamp(38px,6vw,92px)!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr)!important;align-items:center!important;gap:clamp(48px,6vw,96px)!important;position:relative!important}
.login::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;border-radius:50%;inset:7% auto auto -11%;background:radial-gradient(circle,rgba(56,189,248,.13),transparent 67%)}
.login-card{width:100%!important;max-width:440px!important;justify-self:center!important;padding:27px!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:25px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(26px) saturate(120%)!important;box-shadow:0 28px 85px rgba(26,55,107,.13)!important}
.login-brand{margin-bottom:22px!important}.login-card h1{margin:0 0 7px!important;color:var(--sn-ink)!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.45px!important}.login-card p{color:#78859d!important;font-size:9.8px!important;line-height:1.7!important}.field{gap:6px!important;margin-top:13px!important}.field label{color:#596986!important;font-size:9px!important;font-weight:650!important}.field input,.field select,.field textarea{min-height:43px!important;padding:10px 12px!important;border:1px solid rgba(38,78,149,.13)!important;border-radius:11px!important;background:rgba(255,255,255,.94)!important;color:#1d315c!important;outline:none!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(37,99,235,.40)!important;box-shadow:0 0 0 4px rgba(37,99,235,.075)!important}.login-card .primary{width:100%!important;min-height:43px!important;margin-top:15px!important}
.sn-login-hero{max-width:720px;justify-self:center;padding:28px 8px;display:flex;flex-direction:column;align-items:flex-start;text-align:start}.sn-hero-mark{width:66px;height:66px;display:grid;place-items:center;margin-bottom:24px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#2698ff,#4d55df);box-shadow:0 18px 45px rgba(42,94,224,.25)}.sn-hero-mark svg{width:29px;height:29px}.sn-kicker{margin-bottom:14px;color:#2861d4;font-size:8.8px;font-weight:850;letter-spacing:2px;direction:ltr}.sn-login-hero h2{max-width:680px;margin:0;color:#0b1739;font-size:clamp(42px,4.4vw,68px);font-weight:850;line-height:1.02;letter-spacing:-2px}.sn-login-hero p{max-width:600px;margin:17px 0 0;color:#72809a;font-size:11px;line-height:1.9}.sn-login-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.sn-login-points span{padding:7px 11px;border:1px solid rgba(37,99,235,.10);border-radius:999px;background:rgba(255,255,255,.70);color:#597098;font-size:8.2px;font-weight:700}

@media(min-width:1450px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.layout{grid-template-columns:minmax(0,1fr) 315px!important}}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)!important;padding:12px!important;gap:12px!important}.sidebar{top:12px!important;height:calc(100vh - 24px)!important}.layout{grid-template-columns:1fr!important}.sources{max-height:240px!important}.login{grid-template-columns:1fr 390px!important;padding:36px!important;gap:36px!important}.sn-login-hero h2{font-size:42px}.library-search{min-width:430px!important}}
@media(max-width:820px){.app-shell{display:block!important;padding:0!important}.sidebar{position:relative!important;top:0!important;height:auto!important;border-radius:0 0 22px 22px!important}.nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-card{margin-top:0!important}.main{padding:12px!important}.top{border-radius:18px!important}.assistant{min-height:680px!important}.login{display:flex!important;flex-direction:column!important;padding:30px 18px!important}.sn-login-hero{order:-1!important;text-align:center!important;align-items:center!important;padding-bottom:8px!important}.sn-login-hero h2{font-size:38px!important}.login-card{max-width:480px!important}.library-toolbar{align-items:stretch!important;flex-direction:column!important}.library-search{min-width:0!important;width:100%!important}.library-grid{grid-template-columns:1fr!important}}