:root{
  --ink:#063d2c;--ink-2:#07513a;--ink-3:#0b6b4e;--gold:#c9a24a;--gold-2:#f5d77b;--red:#d71920;--cream:#f4efe6;--paper:#fffdf8;--line:#e7dcc2;--muted:#70788d;--text:#15172b;--danger:#b9443b;--success:#238457;--shadow:0 24px 70px rgba(16,20,38,.18);--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;background:radial-gradient(circle at top left,#fff8e8 0,#f5efe4 34%,#e8dfd2 100%);color:var(--text);height:100vh;display:flex;overflow:hidden}.hidden{display:none!important}
.sidebar{width:440px;background:linear-gradient(180deg,var(--ink),#0c1020);color:#fff;display:flex;flex-direction:column;box-shadow:24px 0 80px rgba(0,0,0,.18);position:relative;z-index:2}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(240,212,135,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.06),transparent 35%);pointer-events:none}.brand{position:relative;padding:24px 22px;display:flex;gap:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon,.verify-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:grid;place-items:center;font-size:25px;box-shadow:0 14px 38px rgba(201,162,74,.28);flex:0 0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.brand h1{font-size:34px;line-height:1;margin:5px 0 4px;font-weight:900}.brand p{margin:0;color:#d9d9e5;font-size:12px;line-height:1.7}.quick-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px 0}.quick-stats div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:16px;padding:12px;text-align:center;backdrop-filter:blur(10px)}.quick-stats strong{display:block;color:var(--gold-2);font-size:18px}.quick-stats span{display:block;color:#d6d8e5;font-size:11px;margin-top:2px}.glass-card,.card{position:relative;margin:16px 18px 0;padding:16px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));border-radius:var(--radius);backdrop-filter:blur(16px)}.status-top{display:flex;justify-content:space-between;align-items:center}.status-top span{color:#d8dbe8;font-size:13px}.status-top strong{color:var(--gold-2);font-size:24px}.bar{height:9px;background:rgba(255,255,255,.12);border-radius:30px;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:.35s ease}.status-card p,.hint{font-size:12px;color:#cfd2df;line-height:1.7;margin:6px 0}.checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.checklist li{font-size:11px;color:#d8dbe8;display:flex;gap:7px;align-items:center}.checklist li:before{content:"○";color:#8990a8}.checklist li.done:before{content:"✓";color:var(--gold-2);font-weight:900}.form-scroll{position:relative;overflow:auto;padding-bottom:24px;scrollbar-width:thin}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:15px;margin:0;color:#fff;font-weight:900}.section-head span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(240,212,135,.14);color:var(--gold-2);font-weight:900;font-size:12px}label{display:block;margin:12px 0 6px;color:#d8dae8;font-size:12px;font-weight:800}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:13px;padding:12px 13px;font-family:Cairo,Arial;font-size:14px;outline:none;transition:.18s ease}input:focus,select:focus,textarea:focus{border-color:rgba(240,212,135,.65);box-shadow:0 0 0 4px rgba(240,212,135,.1);background:rgba(255,255,255,.1)}textarea{min-height:86px;resize:vertical}select option{color:#111}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{background:#fff7df;color:#745802;border:1px solid #ead69c;padding:12px;border-radius:14px;font-size:12px;line-height:1.75;margin-top:12px}.alert{background:rgba(185,68,59,.14);color:#ffd0cb;border:1px solid rgba(185,68,59,.55);padding:12px;border-radius:14px;margin-top:10px;font-size:12px}.success{background:#e9fbf2!important;color:#155d3e!important;border-color:#b9ecd1!important}.warning{background:#fff5e2!important;color:#7b4b00!important;border-color:#f1d196!important}canvas{width:100%;height:154px;background:#fff;border:1px dashed var(--gold);border-radius:16px;touch-action:none;box-shadow:inset 0 0 0 8px #fffaf0}.actions{display:flex;gap:10px;align-items:center;margin-top:12px}.actions.column{flex-direction:column}button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--ink);font-weight:900;font-family:Cairo,Arial;cursor:pointer;padding:12px 17px;width:auto;box-shadow:0 14px 30px rgba(201,162,74,.2);transition:.18s ease}button:hover{transform:translateY(-1px);filter:saturate(1.04)}button.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:none}.danger-btn{background:rgba(185,68,59,.16);color:#ffd1cc;border:1px solid rgba(185,68,59,.45);box-shadow:none}.actions.column button{width:100%}.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{height:66px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;position:relative;z-index:1}.tabs{display:flex;gap:10px}.toolbar button{background:#f5f0e8;border:1px solid var(--line);box-shadow:none;color:var(--text)}.toolbar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.doc-meta{display:flex;gap:8px;min-width:0}.doc-meta span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;color:var(--muted);direction:ltr}.preview-scroll{flex:1;overflow:auto;padding:30px;display:flex;justify-content:center;align-items:flex-start}.paper{width:210mm;min-height:297mm;background:var(--paper);padding:20mm 18mm;font-family:Amiri,serif;font-size:12.2pt;line-height:1.95;box-shadow:var(--shadow);position:relative;border-radius:2px}.paper:before{content:"";position:absolute;inset:10mm;border:1px solid rgba(201,162,74,.28);pointer-events:none}.doc-head{text-align:center;margin-bottom:22px;position:relative}.doc-head h1{font-size:22pt;margin:0;color:#111827}.ornament{color:var(--gold);letter-spacing:8px;margin-bottom:6px}.sub{font-family:Cairo,Arial;color:var(--muted);font-size:10pt}.section-title{font-family:Cairo,Arial;font-weight:900;font-size:12pt;margin:18px 0 8px;color:#111827}.section-title:before{content:'◆';color:var(--gold);margin-left:8px}.table{width:100%;border-collapse:collapse;font-family:Cairo,Arial;font-size:10pt;margin:12px 0;background:#fff}.table th,.table td{border:1px solid var(--line);padding:10px;text-align:right;vertical-align:top}.table th{background:#faf4e6;width:32%;color:#222846}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.sig{text-align:center}.sig-box{height:96px;border:1.5px dashed var(--line);border-radius:10px;margin-top:9px;display:flex;align-items:center;justify-content:center;background:#fffdf7}.sig-box img{max-height:86px;max-width:100%}.stamp{border:2px dashed var(--gold);background:#fff8e5;border-radius:14px;padding:14px;text-align:center;margin-top:25px;font-family:Cairo,Arial;color:#9f7d1f;font-weight:900}.verify-row{display:grid;grid-template-columns:132px 1fr;gap:8px 12px;font-family:Cairo,Arial;font-size:10pt;align-items:start}.qr{width:126px;height:126px;margin:0 auto 18px;padding:3px;background:#fff}.page-break{page-break-before:always;height:1px}.loading{position:fixed;inset:0;background:rgba(16,20,38,.88);z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:var(--gold-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.verify-body{min-height:100vh;height:auto;display:grid;place-items:center;overflow:auto;padding:28px;background:radial-gradient(circle at top,#fff7e5 0,#efe4d3 38%,#d9ccbb 100%)}.verify-card{width:min(620px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow);border:1px solid rgba(201,162,74,.28);text-align:right}.verify-card h1{margin:8px 0 8px;font-size:28px;color:var(--ink);font-weight:900}.verify-card p{color:var(--muted);line-height:1.8}.verify-card input{color:#111;background:#fff;border:1px solid #ddd;margin:10px 0}.verify-result{min-height:48px}.back-link{display:inline-flex;margin-top:16px;color:var(--ink);font-weight:800;text-decoration:none}.verify-logo{margin-bottom:12px}
@media(max-width:1050px){.sidebar{width:390px}.two-cols{grid-template-columns:1fr}.doc-meta{display:none}.paper{transform-origin:top center}}@media(max-width:900px){body{display:block;height:auto;overflow:auto}.sidebar{width:100%;min-height:100vh}.preview-panel{display:block}.preview-scroll{padding:12px;overflow:auto}.paper{width:100%;min-height:auto;padding:24px;font-size:11pt}.paper:before{display:none}.signature-grid{grid-template-columns:1fr}.toolbar{position:sticky;top:0;z-index:5;overflow:auto}.actions{flex-direction:column}.actions button{width:100%}.quick-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.brand{align-items:flex-start}.brand h1{font-size:28px}.quick-stats{grid-template-columns:1fr 1fr 1fr;padding-inline:12px}.glass-card,.card{margin-inline:12px}.toolbar{padding:0 10px}.tabs button{padding:10px 12px}.preview-scroll{padding:8px}.paper{padding:18px}.verify-row{grid-template-columns:1fr}.verify-card{padding:22px;border-radius:20px}}@media print{body{display:block;overflow:visible;background:#fff}.sidebar,.toolbar{display:none!important}.preview-panel,.preview-scroll{display:block;padding:0;overflow:visible}.paper{box-shadow:none;width:auto;min-height:auto;padding:12mm;border-radius:0}.paper:before{display:none}.page-break{page-break-before:always}}

.signature-tabs{display:grid;gap:14px;margin-top:14px}
.signature-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:12px}
.signature-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#fff}
.signature-title strong{font-size:13px;font-weight:900}
.signature-title span{font-size:11px;color:#ffd0cb;background:rgba(185,68,59,.16);border:1px solid rgba(185,68,59,.35);border-radius:999px;padding:5px 10px;font-weight:900}
.signature-title span.ok{color:#d8ffe9;background:rgba(36,150,93,.16);border-color:rgba(36,150,93,.35)}
.signature-card canvas{height:136px}
.empty-signature{font-family:Cairo,Arial;color:#a7abb9;font-size:11px}
.signed-box{position:relative;overflow:hidden}
.signed-box:after{content:"تم اعتماد التوقيع داخل الوثيقة";position:absolute;bottom:4px;left:8px;right:8px;font-family:Cairo,Arial;font-size:8pt;color:#b2933e;opacity:.65;text-align:center;pointer-events:none}
@media(max-width:900px){.signature-card canvas{height:124px}.signature-title{align-items:flex-start;flex-direction:column}}
@media print{.empty-signature{color:#bbb}.signed-box:after{display:none}}
.official-seal{margin:22px auto 0;width:210px;min-height:120px;border:3px double var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a6a18;background:rgba(240,212,135,.08);transform:rotate(-2deg);padding:16px;font-family:Cairo,Arial,sans-serif}
.official-seal strong{font-size:12px;line-height:1.5}.official-seal span{font-size:13px;font-weight:900;margin-top:4px}.official-seal em{font-size:10px;color:#777;margin-top:4px;font-style:normal}.sig small{display:block;color:#666;margin:4px 0 8px;font-size:11px}.quick-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.quick-stats{grid-template-columns:repeat(2,1fr)}.official-seal{width:180px;min-height:105px}.signature-grid{grid-template-columns:1fr!important}}
@media print{.official-seal{break-inside:avoid}.sig small{color:#000}.notice{break-inside:avoid}}

.logo-img{object-fit:contain;background:rgba(255,255,255,.08)!important;padding:3px;border-radius:16px}.official-banner{position:relative;margin:14px 18px 0;padding:12px;border:1px solid rgba(245,215,123,.28);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));backdrop-filter:blur(14px);text-align:center}.official-banner img{max-width:100%;height:auto;max-height:115px;object-fit:contain}.brand h1{color:#ff1717;text-shadow:0 1px 0 rgba(0,0,0,.15)}.paper:after{content:"Watiqa.ma";position:absolute;inset:40% auto auto 50%;transform:translate(-50%,-50%) rotate(-28deg);font-family:Cairo,Arial;font-size:42pt;font-weight:900;color:rgba(7,81,58,.055);pointer-events:none}.doc-head:before{content:"";display:block;width:220px;height:78px;background:url(../img/royaume-logo.png) center/contain no-repeat;margin:0 auto 10px}.doc-head:after{content:"وثيقة • Watiqa.ma";display:block;font-family:Cairo,Arial;color:#07513a;font-weight:900;font-size:10pt;margin-top:4px}
@media(max-width:520px){.official-banner img{max-height:82px}.logo-img{width:64px;height:64px}}
/* ===== Watiqa Fix ===== */

html,
body{
    min-height:100vh;
}

body{
    overflow:auto !important;
}

.sidebar{
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

.form-scroll{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    max-height:none !important;
}

input,
select,
textarea,
button,
canvas{
    pointer-events:auto !important;
}

#contractType,
#contractSearch{
    position:relative;
    z-index:100;
}

@media (max-width:900px){

    body{
        display:block !important;
        overflow:auto !important;
    }

    .sidebar{
        width:100% !important;
        height:auto !important;
        overflow:visible !important;
    }

    .form-scroll{
        overflow:visible !important;
        max-height:none !important;
    }
}