:root{--bg:#f5f7f5;--ink:#233633;--muted:#617572;--line:#dbe5e0;--primary:#176355;--deep:#11483e;--light:#e4f0eb;--white:#fff;--warn:#fff3d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.85}.shell{max-width:890px;margin:auto;padding:20px}.narrow{max-width:580px}.hero{background:linear-gradient(122deg,#174e49,#1c7464);color:white;border-radius:21px;padding:30px 32px;margin-bottom:18px;box-shadow:0 12px 25px #164a4030}.eyebrow{color:#c8e4db;font-weight:bold;font-size:13px;letter-spacing:.01em}.hero h1{font-size:30px;line-height:1.5;margin:4px 0 8px}.hero p{max-width:690px;font-size:15px;margin:0 0 15px}.hero-note{border-right:3px solid #c8e4db;background:#ffffff12;padding:10px 13px;font-size:13px;border-radius:6px}.panel{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:26px;margin:16px 0;box-shadow:0 3px 16px #3350470b}.panel h1,.panel h2{line-height:1.55;margin:0 0 5px}.panel h1{font-size:25px}.panel h2{font-size:22px}.panel h3{font-size:17px;margin:5px 0 10px}.section-top{margin-bottom:24px}.section-top p{margin:5px 0}.stage{display:inline-flex;background:var(--light);color:var(--deep);border-radius:100px;padding:3px 11px;font-size:12px;font-weight:bold;margin-bottom:8px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.stack{display:grid;gap:16px}label{display:block;font-weight:700;font-size:14px}label em{color:#b32828;font-style:normal}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbdad4;border-radius:10px;padding:10px 12px;margin-top:6px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #17635520}textarea{resize:vertical;min-height:98px;line-height:1.9}input[type=file]{font-size:13px}.muted{color:var(--muted);font-weight:400}.small{font-size:12px}.subtle{background:#f6faf8;border-right:3px solid #c5ded2;padding:12px 15px;border-radius:8px;margin-top:23px;color:#556d66;font-size:13px}.notice{background:var(--warn);border:1px solid #e7cc90;padding:13px 17px;border-radius:10px;font-size:13px}.progress{display:flex;align-items:center;gap:14px;margin:14px 0 18px}.progress>div:first-child{display:flex;flex-direction:column;min-width:160px}.progress strong{font-size:14px}.progress .muted{font-size:12px}.track{background:#dce7df;flex:1;border-radius:100px;height:9px;overflow:hidden}.track>div{height:100%;width:0%;background:#237c67;transition:width .2s}button,.btn{display:inline-block;text-decoration:none;cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:white;border-radius:10px;padding:10px 18px;font:700 14px Tahoma,Arial,sans-serif;text-align:center}button:hover,.btn:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:not-allowed}.outline,button.outline{background:white;color:var(--primary);border-color:#a8c3b9}.nav-buttons{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:21px 0}.footer{font-size:12px;color:#6d817a;margin:24px 0 16px;text-align:center}.qa{border-top:1px solid #e7eeea;padding:21px 0}.qa:first-child{border-top:0;padding-top:0}.qa label{font-size:14px;line-height:1.9}.qa-index{color:var(--primary);font-weight:bold}.qa-sub{font-size:12px;color:#81928b}.review-summary{display:grid;gap:9px}.review-item{padding:11px 15px;border:1px solid var(--line);background:#fbfdfa;border-radius:10px}.review-item b{font-size:14px}.review-item p{margin:3px 0 0;white-space:pre-wrap;font-size:13px;color:#576a61;max-height:130px;overflow:auto}.review-item .muted{display:block}.stats-info{margin:15px 0 25px;background:#f1f8f3;border-radius:10px;padding:12px 16px;font-size:13px}.upload-box{border:1px dashed #91b9ab;padding:17px;border-radius:12px;background:#fcfefc;margin-top:20px}.upload-box p{margin:0 0 10px}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-weight:400;font-size:13px;cursor:pointer}.consent input{margin-top:7px;accent-color:var(--primary);height:19px;width:19px;flex-shrink:0}.error{background:#fff0ef;border:1px solid #f0c1be;color:#922e2c;padding:11px 14px;border-radius:10px;margin:12px 0}.success{background:#e7f5ec;color:#195f38;border:1px solid #b7dac3;border-radius:10px;padding:11px 14px;margin:12px 0}.success-page{text-align:center;padding:48px 22px}.success-icon{display:grid;place-items:center;border-radius:50%;background:#dff3e5;color:#167343;font-size:40px;width:68px;height:68px;margin:0 auto 16px}.receipt{background:#f1f7f4;border-radius:9px;padding:13px;margin:15px auto;max-width:360px;direction:ltr;font-size:14px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-head h1{font-size:24px;margin:0}.admin-head p{margin:0}.toolbar{display:flex;gap:9px;margin:16px 0;flex-wrap:wrap}.toolbar .btn{font-size:12px;padding:9px 12px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.metrics>div{background:white;border:1px solid var(--line);border-radius:11px;padding:12px;font-size:12px;min-width:0}.metrics strong{display:block;font-size:23px;color:var(--primary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:12px;border-bottom:1px solid #e5eee9;font-size:13px}th{background:#f7faf8;color:#586f65}a{color:#176355}.spread{display:flex;justify-content:space-between;gap:10px;align-items:center}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;background:#f8faf8;border-radius:11px;font-size:13px}.review-section{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.review-section h3{color:var(--primary)}.answer{padding:10px 0;border-bottom:1px dashed var(--line)}.answer .question{font-weight:bold;font-size:13px}.answer .answer-text{font-size:14px;white-space:normal;margin:6px 0;color:#46564f}.file-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:640px){.shell{padding:10px}.hero{padding:23px 20px}.hero h1{font-size:24px}.panel{padding:20px 16px}.cols,.data-grid{grid-template-columns:1fr}.progress{gap:8px}.progress>div:first-child{min-width:126px}.nav-buttons button{padding:11px 10px;font-size:12px;flex:1}.nav-buttons button:nth-child(2){flex:1.2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head{align-items:flex-start}.admin-head h1{font-size:20px}.spread{align-items:flex-start}}

#new-biography{border-style:dashed}.qa-sub{color:#687a73;font-weight:400;font-size:12px;line-height:1.7;margin:4px 0 7px;padding:4px 8px;background:#f6faf8;border-radius:6px}

/* Version 4: resumable biographies and searchable person directory */
.draft-panel{border-color:#8cb9a9;background:#f5fbf7}.draft-panel h3{margin:0}.draft-panel label{font-size:13px}.draft-panel input{direction:ltr;text-align:left}.viewbar{display:flex;gap:18px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin:14px 0}.viewbar>label{flex:1;min-width:240px}.viewbar .toolbar{margin:0}.person-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;margin-top:16px}.person-card{border:1px solid var(--line);padding:18px;border-radius:13px;background:#fcfefd}.person-card h3{margin:0 0 6px}.person-card p{margin:4px 0 8px;color:var(--muted);font-size:13px}.person-card .btn{margin-top:7px}button[aria-pressed="true"]{background:var(--primary);color:white}

/* نسخة جمع السيرة الأدبية والكتاب */
.narrative-box{background:#f7faf8;border:1px solid #b7d3c6;border-radius:13px;padding:17px;margin-top:20px}.narrative-box h3{margin:0 0 7px}
.literary-preview{background:#fff;border:1px solid #d6e5dc;border-radius:10px;white-space:pre-wrap;padding:18px 22px;line-height:2.2;margin:16px 0;font:16px/2.2 Georgia,'Times New Roman',serif;max-height:750px;overflow:auto}
.narrative-box label{margin-top:12px}.book-status{padding:14px;background:#f4f8f5;border:1px solid #dce9e0;border-radius:12px}.book-toolbar{display:flex;flex-wrap:wrap;gap:12px}.candidate{border-bottom:1px solid #e1ebe3;padding:12px 0}.candidate p{margin:4px 0}.book-chapter{line-height:2.2;white-space:pre-wrap;font-family:'Times New Roman',serif;font-size:18px;direction:rtl}

/* اختيارات واضحة بدل القوائم المنسدلة */
.choice-field{border:1px solid var(--line);padding:12px 14px;border-radius:11px;min-width:0;margin:0}.choice-field legend{font-weight:700;font-size:14px;padding:0 6px}.choice-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.choice-list label{display:flex;align-items:center;gap:8px;border:1px solid #cbdcd3;border-radius:9px;background:#f8fbf9;padding:8px 14px;cursor:pointer;flex:1;min-width:110px;font-weight:500}.choice-list input{width:17px;height:17px;padding:0;margin:0;display:inline-block;accent-color:#176355}.choice-list label:has(input:checked){border-color:#176355;background:#e8f5ed;color:#105546}

/* الإصدار السابع: طابع تراثي هادئ مع قابلية القراءة على الهاتف والطباعة */
:root{--bg:#f8f5ee;--ink:#27332c;--muted:#64736b;--line:#e7dfd1;--primary:#275e4b;--deep:#183d34;--light:#f3eddf;--white:#fffefa;--gold:#a78043;--warn:#fff5df}
body{background:radial-gradient(circle at 90% 0,#e9e6d9,transparent 360px),var(--bg)}
.shell{max-width:920px}.hero{background:linear-gradient(132deg,#153c33,#245d4c 62%,#3b755d);border-radius:23px;padding:38px 39px;position:relative;overflow:hidden;box-shadow:0 17px 36px #1a453327}
.hero:before{content:'✦';position:absolute;left:24px;top:-53px;font-size:225px;color:#f6e2b7;opacity:.08;line-height:1;pointer-events:none}
.hero .eyebrow{color:#f1d6a4;letter-spacing:.04em}.hero-mark{color:#d3ad70}.hero h1{font-size:31px;max-width:720px;font-weight:800;line-height:1.6}.hero-note{background:#ffffff12;border-right:3px solid #d1ab71;line-height:1.9}
.panel{border:1px solid #e8dfd2;border-radius:20px;box-shadow:0 12px 35px #50452d0a}.panel h2{color:#234a3c}
.stage{background:#f3ebd9;color:#6c552e}.progress{padding:12px 16px;border:1px solid #e7dfd0;border-radius:14px;background:#fffdf8}.track{background:#eee9de;height:10px}.track>div{background:linear-gradient(90deg,#c19958,#27634e)}
input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #d9d5c9;background:#fffefa;border-radius:12px;transition:border .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:#b2945a;box-shadow:0 0 0 4px #b2945a23}
.qa{border-bottom:1px solid #f0ebdf;border-top:0;margin-bottom:8px;padding:23px 5px}.qa:last-child{border-bottom:0}
.qa label{font-size:15px}.qa-index{background:#e8f2ea;color:#245c47;padding:3px 10px;border-radius:9px;margin-left:7px}
.qa-sub{background:#f8f5eb;color:#806948;border-right:2px solid #d3bd8d;padding:8px 11px}
button,.btn{background:#225e4a;border-color:#225e4a;border-radius:11px;transition:transform .1s,filter .15s}button:active{transform:translateY(1px)}
.outline,button.outline{background:#fffefa;border-color:#c6bdac;color:#315b48}.outline:hover{background:#f6f0e4}
.choice-field{border-color:#e1dacb;background:#fffdfa}.choice-list label{border-color:#e3d9ca;background:#faf7ef}.choice-list label:has(input:checked){border-color:#a9874f;background:#fbf2df;color:#5d471f}
.narrative-box{background:linear-gradient(160deg,#fffdf8,#f5f0e6);border:1px solid #d7c4a5}.narrative-box h3{color:#715425}
.literary-preview{font-family:'Traditional Arabic','Times New Roman',serif;font-size:21px;line-height:2.1;background:#fffefa;border-color:#e7d9c4;box-shadow:inset 5px 0 0 #ead7b7}
.success-actions{display:flex;gap:10px;justify-content:center;margin:18px auto;flex-wrap:wrap}
.footer{border-top:1px solid #e2d9c8;padding-top:18px;line-height:2.2}
.print-only{display:none}
@media(max-width:640px){.hero{padding:28px 21px}.hero h1{font-size:25px}.shell{padding:11px}.progress{padding:9px}.panel{padding:20px 16px}.nav-buttons{justify-content:center}.nav-buttons button{min-width:40%;flex:1}}
@media print{
 @page{size:A4;margin:18mm}
 body{background:white!important;font-family:'Times New Roman',serif;color:black;line-height:1.85;font-size:12pt}
 .shell{display:none!important}
 #print-sheet{display:block!important;max-width:100%;margin:0 auto}
 #print-sheet .print-brand{text-align:center;color:#315741;font-size:13pt;margin:0 0 10mm;border-bottom:2px solid #b69c66;padding-bottom:3mm}
 #print-sheet h1{text-align:center;color:#2e503e;font-size:25pt;margin-bottom:14mm}
 #print-sheet h2{color:#315741;font-size:17pt;margin-top:10mm;border-bottom:1px solid #d4c19b;padding-bottom:3mm;break-after:avoid}
 #print-sheet h3{font-size:12pt;margin:6mm 0 2mm;break-after:avoid}
 #print-sheet p{white-space:pre-wrap;text-align:justify;orphans:3;widows:3}
 #print-sheet .print-literary{font-size:15pt;white-space:pre-wrap;line-height:2.1;text-align:justify}
 #print-sheet .print-explainer{font-size:10pt;color:#666}
}

/* صلاحيات التحرير المفصلة للمدير */
.admin-edit-details{background:#fffefa;border:1px solid #d9c6a5;border-radius:14px;margin-top:24px;padding:17px}
.admin-edit-details summary{cursor:pointer;font-size:17px;font-weight:700;color:#365e4b;padding:6px}
.admin-edit-details[open] summary{border-bottom:1px solid #e4d8bf;margin-bottom:15px}
.admin-edit-details textarea{min-height:130px}
.admin-edit-group{margin:15px 0 0;padding:9px 13px;background:#f5f0e3;border-radius:9px;color:#745e39}

/* v8: show print/download exclusively in the final review; new person only after completion. */
.review-export-actions{margin:22px 0 15px;padding:15px 18px;border:1px solid #e0d1b7;border-radius:13px;background:#fffaf0}
.review-export-actions p{margin:0 0 12px;line-height:1.8}
.review-export-buttons{display:flex;gap:10px;flex-wrap:wrap}
.review-export-buttons button{flex:1;min-width:190px}
@media(max-width:640px){.review-export-buttons{flex-direction:column}.review-export-buttons button{width:100%;min-width:0}.nav-buttons{justify-content:space-between}.nav-buttons button{min-width:unset;flex:1}.nav-buttons #save-draft{flex:1.4}}

/* v9: administrative selection, bulk review and sortable profile list */
.admin-controlbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:11px;margin:14px 0}
.admin-controlbar label,.admin-bulkbar label{font-size:13px;font-weight:600}
.admin-controlbar input,.admin-controlbar select,.admin-bulkbar select,.admin-bulkbar input[type=text],.admin-bulkbar input:not([type]){width:100%;min-height:40px;box-sizing:border-box}
.admin-bulkbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#f7f3e8;border:1px solid #e4d7bc;padding:13px 15px;border-radius:12px;margin:12px 0}
.admin-bulkbar label{min-width:170px;flex:1}.admin-bulkbar #branch-value{width:200px;max-width:100%;height:41px}
.small-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.small-check input,.person-checkbox{width:18px!important;height:18px!important;min-width:18px;accent-color:#275e4b}
.admin-people-table{width:100%;border-collapse:collapse;min-width:1020px}
.admin-people-table th,.admin-people-table td{padding:10px;text-align:right;border-bottom:1px solid #ebe5d8;white-space:normal;vertical-align:middle}
.admin-people-table th{font-size:13px;background:#f4f0e7}
.admin-people-table tr:hover{background:#fcf8ee}
.admin-people-table td:first-child,.admin-people-table th:first-child{text-align:center;width:50px}
.admin-people-table a{font-weight:700}
#person-cards .small-check{margin-top:10px}

/* v10: site publishing, editable welcome, announcement, optional verification */
.public-announcement{background:#fff4db;border:1px solid #ccaf72;border-right:5px solid #a47b33;border-radius:12px;padding:16px 21px;margin:0 0 16px;line-height:1.9;white-space:normal;color:#544522;font-weight:650}
.close-notice{background:#fff0e7;border:1px solid #ddac8b;border-radius:12px;padding:13px;margin:16px 0;color:#843a26}
.site-welcome{max-width:850px;margin:8vh auto}.site-welcome .hero .welcome-text{color:#f8f2e6;font-size:19px;line-height:2.1;margin:25px 0}.site-welcome .hero .btn{background:#fff4d9;color:#275644;padding:14px 26px;text-decoration:none;display:inline-block;font-weight:700}
.auth-panel{margin:15px 0}.auth-panel label{display:block;margin:13px 0}.auth-panel button{margin:8px 4px}.auth-panel #verify-email-status{min-height:24px}.auth-panel h2{margin:0}

/* الإصدار 11: طباعة فصل أدبي منسق، مع عرض الشعر بشطرين متقابلين. */
.literary-preview,.print-literary{white-space:normal!important;max-height:none;overflow:visible}
.sira-paragraph{text-align:justify;text-justify:inter-word;line-height:2.15;margin:0 0 1.1em;white-space:normal;overflow-wrap:anywhere}
.sira-heading{color:#315942;font-size:1.13em;margin:1.75em 0 .7em;border-bottom:1px solid #e3dac4;padding-bottom:.32em;break-after:avoid}
.sira-poetry{margin:1.5em auto;padding:1em .75em;border-block:1px solid #e6d4ae;background:#fcf9f3;max-width:95%;break-inside:avoid-page;text-align:center}
.sira-verse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5em;align-items:start;line-height:2.1;margin:.2em 0;break-inside:avoid-page}
.sira-hemistich{text-align:center;white-space:normal;overflow-wrap:break-word}
.sira-verse:has(.sira-hemistich:only-child){grid-template-columns:1fr}
.sira-list{padding-inline-start:1.8em;line-height:2.05}
#print-sheet{font-family:'Traditional Arabic','Times New Roman',serif;font-size:20px}
@media(max-width:540px){.sira-poetry{padding:.7em .4em}.sira-verse{gap:.8em;font-size:.86em}}
@media print{
 #print-sheet .print-literary{font:15pt/1.95 'Traditional Arabic','Times New Roman',serif;text-align:initial}
 #print-sheet .sira-paragraph{font-size:15pt;line-height:1.9;white-space:normal;text-align:justify}
 #print-sheet .sira-heading{font-size:18pt;color:#315942;break-after:avoid}
 #print-sheet .sira-verse{display:grid;grid-template-columns:1fr 1fr;font-size:15pt;gap:10mm;break-inside:avoid}
 #print-sheet .sira-poetry{background:transparent;border-block:1px solid #d8c49f;break-inside:avoid}
}

/* صورة داخل السرد مع المحافظة على شكل الصفحة في الطباعة */
.sira-photo{max-width:100%;width:min(100%,560px);margin:22px auto;text-align:center;break-inside:avoid;page-break-inside:avoid;clear:both}
.sira-photo img{display:block;width:auto;max-width:100%;max-height:430px;height:auto;object-fit:contain;border-radius:10px;margin:auto;border:1px solid #e7dfca}
.sira-photo figcaption{margin-top:7px;color:#59645e;font-size:.88em;line-height:1.7}
.attachment-details{display:grid;gap:9px;margin-top:12px}.attachment-note{border:1px solid #dfdccf;border-radius:10px;padding:12px}
.attachment-note input,.attachment-note select{display:block;width:100%;margin:7px 0;padding:9px;font:inherit;box-sizing:border-box}
.media-thumb{max-width:140px;max-height:100px;object-fit:contain;display:block;border-radius:5px}
@media print{.sira-photo{max-width:100%}.sira-photo img{max-height:110mm}}