/* يربط شاشة Datum الإدارية بنفس لغة تصميم مساحة العمل. */
/* يحافظ على زر العين داخل الحقل في الاتجاهين ومع لوحة المفاتيح. */
.password-field{position:relative;width:100%}.password-field input{box-sizing:border-box;padding-inline-end:54px;width:100%}.password-field .password-visibility{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;min-height:42px;margin:0;padding:8px;display:grid;place-items:center;border:0;background:transparent;color:var(--secondary,#12313b);cursor:pointer}.password-visibility:focus-visible{outline:2px solid var(--primary,#087f79);outline-offset:1px}.password-visibility:hover{background:#087f7910}.password-visibility .eye-slash{display:none}.password-visibility[aria-pressed="true"] .eye-slash{display:block}
:root{color-scheme:light}body{background:#f4f6fa}aside{background:var(--secondary,#12313b)}main{max-width:1500px}h1{font-size:27px}.card{border-radius:13px;box-shadow:0 3px 15px #182d3b04;border-color:#e6ebf1}.card h3{font-size:18px}.operation-card{margin-top:22px}#license-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#license-modules{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#license-modules label{display:flex;align-items:center;gap:10px;background:#f7f9fc;padding:12px;border:1px solid #e5ebf1;border-radius:8px}#license-modules input{width:18px;height:18px}#license-form button{max-width:240px}.palette{padding:16px;border-radius:11px;min-width:140px}input,button,select{border-radius:7px;font:inherit}.primary{background:var(--primary,#087f79)}@media(max-width:850px){#license-form{grid-template-columns:1fr}#license-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#license-modules{grid-template-columns:1fr}}