/* ===== شاشة الدخول — نفس تقسيمة النسخة التجريبية بألوان الهوية ===== */ .login-wrap{position:fixed;inset:0;display:flex;z-index:100;background:var(--bg)} .login-logoside{flex:1.1;display:grid;place-items:center;background:linear-gradient(150deg,#E6F2EF,#D8EAE5 55%,#CBE2DC);position:relative} .login-logoside::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:linear-gradient(90deg,var(--brass),var(--primary))} .login-logoside .lg-box{text-align:center} .login-logoside img.lg{max-width:290px;max-height:290px;border-radius:20px;box-shadow:0 18px 50px rgba(20,60,55,.18);background:#fff;padding:14px} .login-logoside .lg-fallback{width:180px;height:180px;border-radius:26px;background:linear-gradient(135deg,var(--primary),#1D8A7A);color:#fff;display:grid;place-items:center;font-weight:700;font-size:84px;margin:0 auto;box-shadow:0 18px 50px rgba(20,60,55,.22)} .login-logoside h2{margin-top:20px;font-size:24px;color:#1E4B45;font-weight:700} .login-logoside p{font-size:13px;color:#3E6B64;margin-top:5px} .login-formside{flex:1;display:grid;place-items:center;background:var(--surface);border-right:1px solid var(--line)} .login-card{width:min(380px,90vw);padding:10px} .login-card .welcome{font-size:22px;font-weight:700;color:var(--ink);margin-bottom:4px} .login-card .sub{font-size:12.5px;color:var(--ink-2);margin-bottom:22px} .login-card label{display:block;font-size:13px;color:var(--primary-dark);margin-bottom:7px;font-weight:700} .login-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:14px;margin-bottom:15px} .login-card input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(185,138,68,.22);background:#fff} @media(max-width:900px){.login-logoside{display:none}} /* ===== الليترهيد — رأس وتذييل كل المطبوعات ===== */ .lh-preview{background:#fff;border:1px solid var(--line);border-radius:10px;margin:16px;overflow:hidden;box-shadow:var(--shadow)} .err-box{display:none;background:var(--bad-soft);border:1px solid #EFC9C9;color:#8E3030;border-radius:9px;padding:9px 12px;font-size:12.5px;margin-bottom:12px} .err-box.show{display:block} .btn-block{width:100%;justify-content:center;padding:11px} .spin{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px} @keyframes sp{to{transform:rotate(360deg)}} .toast{position:fixed;bottom:22px;right:290px;background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:200;display:none} .toast.show{display:block} .toast.ok{background:var(--ok)} .toast.bad{background:var(--bad)} .soon-badge{font-size:9px;background:var(--brass-soft);color:var(--brass);border-radius:8px;padding:1px 7px;margin-inline-start:auto;font-weight:700} .empty{padding:34px;text-align:center;color:var(--ink-3);font-size:13px} .diffbox{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px} .diffbox>div{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:11.5px} .diffbox h5{font-size:11px;color:var(--ink-2);margin-bottom:7px} .diffbox .k{color:var(--ink-3)} .diffbox .chg{background:var(--warn-soft);border-radius:4px;padding:1px 4px} .matrix td{text-align:center} .matrix td:first-child{text-align:right}
س

سامي مودرن

منصة إدارة المعرض والتصنيع