:root{--gold:#e0b35f;--gold2:#f2cf8d;--deep:#8b570b;--ink:#090604;--panel:rgba(24,17,10,.74);--panel2:rgba(35,25,15,.88);--line:rgba(239,196,112,.25);--cream:#fff3dc;--muted:rgba(255,243,220,.72);--danger:#a92e2e;--ok:#248856}*{box-sizing:border-box}html{background:#070503;scroll-behavior:smooth}body{margin:0;background:#070503;color:var(--cream);font-family:'Tajawal',Tahoma,Arial,sans-serif;direction:rtl;overflow-x:hidden}button,input,textarea{font-family:inherit}button{border:0;cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{width:min(100%,430px);min-height:100vh;margin:auto;background:#080503;position:relative;overflow:hidden;box-shadow:0 0 100px rgba(0,0,0,.78)}.hero-screen{min-height:1180px;position:relative;background:url('assets/heritage-bg.png?v=gold-2100') center top/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(1,2,4,.12) 0%,rgba(4,3,2,.18) 26%,rgba(6,4,2,.58) 51%,#080503 80%),radial-gradient(circle at 50% 18%,rgba(248,190,98,.18),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.50),transparent 45%,rgba(0,0,0,.42));pointer-events:none}.app-top{position:relative;z-index:4;display:flex;justify-content:space-between;padding:24px 22px}.round-btn{width:56px;height:56px;border-radius:50%;background:rgba(15,10,6,.72);color:var(--gold2);font-size:25px;border:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.36),inset 0 0 22px rgba(255,255,255,.035);backdrop-filter:blur(7px)}.brand-block{position:relative;z-index:3;text-align:center;margin:4px 22px 0;text-shadow:0 14px 28px rgba(0,0,0,.8)}.brand-logo{width:92px;height:92px;object-fit:contain;margin:auto;display:block;filter:drop-shadow(0 10px 15px rgba(0,0,0,.62))}.brand-logo.small{width:80px;height:80px}.brand-block h1{font-size:43px;line-height:1.05;margin:4px 0 8px;color:var(--gold2);font-weight:900;letter-spacing:.2px}.brand-block p{font-size:17px;margin:0;color:#fff;font-weight:700}.join-main{position:relative;z-index:4;display:block;margin:24px auto 0;background:linear-gradient(135deg,#b98222,#754503);color:#fff;border:1px solid rgba(255,221,154,.24);padding:15px 28px;border-radius:19px;font-size:16px;font-weight:900;box-shadow:0 18px 38px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.16)}.home-content{position:relative;z-index:3;margin:270px 20px 0;padding-bottom:120px}.search-box{height:66px;border-radius:35px;background:rgba(31,23,15,.80);border:1px solid rgba(255,225,168,.24);display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:0 14px 34px rgba(0,0,0,.35),inset 0 0 20px rgba(255,255,255,.035);backdrop-filter:blur(8px)}.search-box span{font-size:33px;color:#fff}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:16px;text-align:right}.search-box input::placeholder{color:rgba(255,255,255,.68)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}.category{min-height:112px;border-radius:18px;background:rgba(24,18,12,.82);border:1px solid var(--line);color:#fff;padding:12px 6px;box-shadow:0 15px 34px rgba(0,0,0,.30),inset 0 0 18px rgba(255,255,255,.035);backdrop-filter:blur(6px)}.category b{display:block;font-size:29px;color:var(--gold);margin-bottom:8px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}.category strong{display:block;font-size:14px;color:#fff;line-height:1.25}.category small{display:block;margin-top:6px;font-size:11px;color:var(--muted);line-height:1.4}.section-title{text-align:center;color:var(--gold);font-size:21px;margin:28px 0 18px;font-weight:900}.section-title:after{content:'◆';display:block;font-size:11px;margin-top:8px;color:var(--gold)}.cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-card{overflow:hidden;border-radius:20px;background:rgba(20,14,8,.80);border:1px solid var(--line);box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 0 20px rgba(255,255,255,.025)}.media-thumb{height:118px;background:#543819 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:38px;position:relative}.media-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.42))}.content-card h3{margin:12px 12px 5px;color:var(--gold2);font-size:16px;line-height:1.5}.content-card p{margin:0 12px 13px;color:var(--muted);font-size:12px;line-height:1.65}.open-btn{display:inline-block;margin:0 12px 14px;background:rgba(217,168,90,.17);border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--gold2);font-size:12px;font-weight:800}.welcome-card,.list-item,.member-item,.file-item,.msg-item{background:rgba(22,16,10,.78);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 14px 34px rgba(0,0,0,.28)}.welcome-card{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px}.welcome-card h3{margin:0 0 7px;color:#fff;font-size:17px}.welcome-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.welcome-card span{font-size:26px;color:var(--gold)}.list-stack{display:grid;gap:10px}.list-item b{color:var(--gold2)}.list-item p{margin:6px 0 0;color:var(--muted);font-size:13px}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(92%,400px);height:76px;background:rgba(24,17,10,.86);border:1px solid var(--line);border-radius:25px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:0 18px 40px rgba(0,0,0,.46),inset 0 0 24px rgba(255,255,255,.025);backdrop-filter:blur(12px)}.bottom-nav button{background:transparent;color:rgba(255,255,255,.78);font-size:23px;font-weight:800}.bottom-nav small{display:block;font-size:11px;margin-top:4px}.bottom-nav .home{width:88px;height:88px;border-radius:50%;margin:-28px auto 0;background:linear-gradient(135deg,#b88423,#684006);border:1px solid rgba(255,221,154,.22);color:#fff;box-shadow:0 18px 34px rgba(0,0,0,.45)}.modal{border:0;padding:0;background:transparent;max-width:min(92vw,430px);width:100%}.modal::backdrop{background:rgba(0,0,0,.55);backdrop-filter:none}.modal-card{background:#fff7ec;color:#130d08;border-radius:28px;padding:24px;box-shadow:0 28px 70px rgba(0,0,0,.55);border:1px solid rgba(120,75,10,.14)}.small-modal .modal-card{max-width:360px;margin:auto}.modal-card h2{margin:0 0 20px;text-align:center;font-size:28px}.modal-card input,.modal-card textarea,.admin-login-card input{width:100%;border:1px solid #dccdb6;background:#fff;border-radius:14px;padding:14px;margin:7px 0;font-size:15px;color:#1b1209;outline:0;text-align:right}.modal-card textarea,.admin-login-card textarea{min-height:100px}.primary,.light,.ok,.danger,.dark{border-radius:14px;padding:13px 16px;font-weight:900;font-size:15px}.primary{background:linear-gradient(135deg,#9b650d,#704100);color:#fff;width:100%;margin-top:10px}.light{background:#ecdfca;color:#7a4a09;width:100%;margin-top:10px}.close{background:#7c4a05;color:#fff;border-radius:13px;padding:10px 18px;font-weight:900}.section-card{max-height:84vh;overflow:auto}.toast{position:fixed;left:50%;bottom:106px;transform:translate(-50%,16px);background:rgba(14,10,7,.92);color:#fff;border:1px solid var(--line);padding:12px 18px;border-radius:16px;z-index:99;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;color:var(--muted);padding:24px}.upload-form{display:grid;gap:8px;margin-bottom:18px}.admin-grid{display:grid;gap:12px;margin-top:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ok{background:var(--ok);color:#fff}.danger{background:var(--danger);color:#fff}.dark{background:#202020;color:#fff}.status{display:inline-block;padding:7px 12px;border-radius:20px;background:#eee;color:#222;font-weight:800}.status.approved{background:#d8f7df;color:#136932}.status.pending{background:#fff1c4;color:#8b570b}.status.rejected{background:#ffd9d9;color:#9c2222}.admin-page{min-height:100vh;background:url('assets/heritage-bg.png?v=gold-2100') center/cover fixed no-repeat}.admin-page:before{content:'';position:fixed;inset:0;background:rgba(5,3,2,.72);z-index:-1}.admin-shell{width:min(1120px,94vw);margin:0 auto;padding:34px 0}.admin-login-card,.admin-dashboard{background:rgba(255,247,236,.96);color:#130d08;border-radius:30px;padding:26px;border:1px solid rgba(224,179,95,.28);box-shadow:0 30px 80px rgba(0,0,0,.55)}.admin-login-card{max-width:390px;margin:8vh auto;text-align:center}.admin-login-card h1{margin:8px 0 8px}.admin-login-card p{color:#6f5a3d}.back-link{display:block;margin-top:14px;color:#7d4c07;font-weight:800}.admin-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.admin-head h1{margin:0;color:#111}.admin-head p{margin:8px 0 0;color:#604a2f}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.tab{background:#ecdfca;color:#4f3207;border-radius:14px;padding:12px 18px;font-weight:900}.tab.active{background:#895307;color:#fff}
.brand-block h1,.section-title,.modal-card h2,.admin-head h1,.admin-login-card h1,.tab,.primary,.join-main,.category strong{font-family:'Changa','Tajawal',Tahoma,Arial,sans-serif;letter-spacing:.1px}
.brand-block h1{font-weight:800;text-shadow:0 10px 24px rgba(0,0,0,.72),0 0 18px rgba(224,179,95,.22)}
.lux-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#b98222,#704100);color:#fff;border:1px solid rgba(255,221,154,.30);border-radius:17px;padding:11px 18px;font-family:'Changa','Tajawal',sans-serif;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-head h2{margin:0}.section-card>.close{display:none}
@media(max-width:460px){.hero-screen{min-height:1120px}.brand-block h1{font-size:38px}.brand-logo{width:76px;height:76px}.home-content{margin-top:230px}.category-grid{grid-template-columns:repeat(2,1fr)}.cards-row{grid-template-columns:1fr}.admin-head{display:block}.admin-shell{padding:18px 0}.modal-card{padding:20px}.bottom-nav{height:72px}.bottom-nav .home{width:82px;height:82px}}

.video-modal{max-width:min(96vw,430px)}
.video-card{background:#080503;color:#fff;border:1px solid var(--line);padding:14px;border-radius:24px}
.video-card h2{font-family:'Changa','Tajawal',sans-serif;color:var(--gold2);font-size:18px;margin:12px 4px 12px;text-align:center}
.video-card video{width:100%;max-height:72vh;background:#000;border-radius:18px;display:block;border:1px solid rgba(224,179,95,.22)}
.video-back{width:100%;margin-bottom:8px}
.content-card.video-card-item .media-thumb:before{content:'▶';position:absolute;z-index:2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,5,3,.72);border:1px solid rgba(242,207,141,.35);color:var(--gold2);font-size:22px;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.content-card.video-card-item .media-thumb{background-color:#1d1309}


/* العرض الداخلي للصور والوثائق مع زر رجوع ذهبي ثابت */
.media-modal,.video-modal{padding:0}
.media-view-card{background:#080503;color:#fff;border:1px solid var(--line);padding:14px;border-radius:24px;max-width:min(96vw,430px);width:min(96vw,430px)}
.media-view-card h2{font-family:'Changa','Tajawal',sans-serif;color:var(--gold2);font-size:18px;margin:12px 4px 12px;text-align:center}
.media-back,.video-back{position:sticky;top:0;z-index:10;width:100%;margin-bottom:8px}
.media-viewer-body{min-height:220px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.media-view-img{max-width:100%;max-height:76vh;border-radius:18px;border:1px solid rgba(224,179,95,.28);box-shadow:0 20px 55px rgba(0,0,0,.45);object-fit:contain;background:#000}
.media-view-frame{width:100%;height:72vh;border:1px solid rgba(224,179,95,.28);border-radius:18px;background:#fff}
.open-external{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:15px;background:rgba(224,179,95,.12);border:1px solid rgba(224,179,95,.25);color:var(--gold2);font-weight:800}
.content-card,.category,.bottom-nav button,.open-btn,.lux-back{cursor:pointer}
@media (hover:hover){.content-card:hover,.category:hover,.open-btn:hover,.lux-back:hover{filter:brightness(1.08);transform:translateY(-1px)}}


/* Watermark protection layer - display only, does not alter original files */
.video-card,.watermark-wrap{position:relative;overflow:hidden}
.viewer-watermark{position:absolute;right:14px;bottom:14px;z-index:20;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(224,179,95,.28);backdrop-filter:blur(8px);opacity:.58;pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.viewer-watermark img{width:30px;height:30px;border-radius:9px;object-fit:cover}
.viewer-watermark span{font-family:'Changa','Tajawal',sans-serif;font-weight:800;color:#f2cf8d;font-size:12px;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.7);white-space:nowrap}
.viewer-watermark small{font-family:'Tajawal',sans-serif;font-weight:700;font-size:9px;color:rgba(255,243,220,.82)}
.watermark-wrap.document-wrap{width:100%}
.subscription-card{background:linear-gradient(145deg,rgba(35,25,15,.92),rgba(12,8,5,.86));border:1px solid rgba(224,179,95,.35);border-radius:22px;padding:18px;color:var(--cream);box-shadow:0 18px 45px rgba(0,0,0,.35);text-align:center}
.subscription-card h3{font-family:'Changa','Tajawal',sans-serif;color:var(--gold2);font-size:24px;margin:0 0 12px}
.subscription-card p{margin:8px 0;color:var(--muted)}
.pay-phone{font-family:'Changa','Tajawal',sans-serif;font-size:28px;font-weight:800;letter-spacing:1px;color:#15100a;background:linear-gradient(90deg,#d9a94f,#f3d18d);border-radius:16px;padding:10px;margin:12px auto;max-width:210px;box-shadow:0 10px 28px rgba(224,179,95,.25)}
.subscription-card small{display:block;color:rgba(255,243,220,.7);line-height:1.7}
@media(max-width:480px){.viewer-watermark{right:10px;bottom:10px;transform:scale(.88);transform-origin:bottom right}}
/* V3: personal member watermark + subscription helpers */
.sub-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 10px}
.sub-actions .open-btn,.whatsapp-btn{text-decoration:none;min-width:120px;text-align:center}
.soft-line{border:0;border-top:1px solid rgba(224,179,95,.18);margin:18px 0}
.subscription-card h4{margin:8px 0 6px;color:#f2cf8d;font-family:'Changa','Tajawal',sans-serif;font-size:20px}
.mini-note{font-size:13px;color:rgba(255,243,220,.78);margin:0 0 10px}
.member-mark-input{width:100%;box-sizing:border-box;margin:8px 0 12px;padding:13px 16px;border-radius:16px;border:1px solid rgba(224,179,95,.28);background:rgba(255,255,255,.08);color:#fff;font-family:'Tajawal',sans-serif;font-weight:700;text-align:center;outline:none}
.member-mark-input::placeholder{color:rgba(255,243,220,.55)}
.viewer-watermark small{letter-spacing:.4px}


/* قسم الصحف القديمة */
.newspaper-card .media-thumb,
.category[data-open="newspapers"]{
  background:
    radial-gradient(circle at 50% 20%, rgba(242,207,141,.16), transparent 45%),
    linear-gradient(145deg, rgba(56,38,20,.92), rgba(16,10,5,.86));
}
.newspaper-admin-item small{
  display:block;
  margin:8px 0 2px;
  color:var(--gold2);
  font-weight:800;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:420px){
  .form-row{grid-template-columns:1fr;}
}
.news-meta{display:block;color:var(--gold2);font-size:12px;font-weight:800;margin:0 12px 6px;}


/* V4.1 تحسين الصحف وآخر المشاركات */
.latest-click{
  width:100%;
  text-align:right;
  cursor:pointer;
  border:1px solid rgba(224,179,95,.18);
  background:linear-gradient(145deg,rgba(31,21,12,.80),rgba(12,8,5,.74));
  color:inherit;
  font-family:inherit;
}
.latest-click small{
  display:inline-flex;
  margin-top:6px;
  padding:3px 9px;
  border-radius:999px;
  color:var(--gold2);
  background:rgba(224,179,95,.10);
  font-weight:800;
  font-size:11px;
}
.latest-click:hover{
  border-color:rgba(224,179,95,.36);
  transform:translateY(-1px);
}
.newspaper-card .viewer-watermark,
.media-view-card .viewer-watermark{
  opacity:.62;
}


/* V5: Special Requests professional service cards */
.services-intro,.service-order-panel,.service-group{background:linear-gradient(145deg,rgba(35,25,15,.92),rgba(12,8,5,.86));border:1px solid rgba(224,179,95,.35);border-radius:22px;padding:16px;margin-bottom:14px;color:var(--cream);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.services-intro h3,.service-order-panel h3,.service-group h3{font-family:'Changa','Tajawal',sans-serif;color:var(--gold2);margin:0 0 10px;font-size:22px;text-align:center}.services-intro p{margin:0;color:var(--muted);text-align:center;line-height:1.8}.service-grid{display:grid;grid-template-columns:1fr;gap:10px}.service-card{width:100%;text-align:right;background:rgba(255,243,220,.06);border:1px solid rgba(224,179,95,.25);border-radius:18px;padding:14px;color:var(--cream);box-shadow:inset 0 0 18px rgba(255,255,255,.02)}.service-card strong{display:block;color:#fff;font-size:15px;line-height:1.45}.service-card span{display:inline-block;margin:8px 0 6px;background:rgba(224,179,95,.18);border:1px solid rgba(224,179,95,.34);color:var(--gold2);border-radius:20px;padding:5px 11px;font-weight:900}.service-card small{display:block;color:var(--muted);line-height:1.65}.service-price-note{color:var(--gold2)!important;font-weight:900;text-align:center}.service-admin-head{background:#fff3dc;border:1px solid #e2c797;border-radius:18px;padding:14px;margin-bottom:12px}.service-admin-head h3{margin:0;color:#4f3207}.service-admin-head p{margin:6px 0 0;color:#735634}.service-request-item small{display:inline-block;margin:6px 0;color:#7a4a09;font-weight:900}

/* V6 interface polish: richer thumbnails, badges, views, likes, search results */
.pro-card{position:relative;overflow:hidden;border-color:rgba(224,179,95,.32)!important;background:linear-gradient(145deg,rgba(38,25,14,.88),rgba(12,8,5,.80))!important}
.pro-card .pro-thumb{min-height:132px;background-size:cover;background-position:center;border-radius:18px;margin:10px 10px 12px;box-shadow:inset 0 -55px 70px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.22)}
.type-badge{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(15,9,4,.68);border:1px solid rgba(224,179,95,.34);color:#f2cf8d;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}
.card-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 12px 10px;color:rgba(255,243,220,.78);font-size:12px;font-weight:800}
.like-btn{border:1px solid rgba(224,179,95,.26);background:rgba(224,179,95,.10);color:#ffd98f;border-radius:999px;padding:5px 10px;font-family:'Tajawal',sans-serif;font-weight:900;cursor:pointer}
.like-btn:hover{filter:brightness(1.12)}
.latest-pro{display:flex!important;align-items:center;gap:12px;padding:11px!important;min-height:88px}
.latest-mini-thumb{width:78px;height:64px;flex:0 0 78px;border-radius:16px;background:rgba(224,179,95,.10);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:26px;border:1px solid rgba(224,179,95,.24);box-shadow:inset 0 -26px 35px rgba(0,0,0,.24)}
.latest-info{display:block;min-width:0;flex:1}.latest-info b{display:block}.latest-info p{margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-info small{margin-top:3px!important}.search-box input:focus{outline:none}.search-box:focus-within{border-color:rgba(224,179,95,.45);box-shadow:0 0 0 3px rgba(224,179,95,.10)}
@media(min-width:700px){.cards-row{grid-template-columns:repeat(3,minmax(0,1fr));}.pro-card .pro-thumb{min-height:150px}}
@media(max-width:430px){.pro-card .pro-thumb{min-height:118px}.latest-mini-thumb{width:66px;height:58px;flex-basis:66px}.type-badge{font-size:10px;padding:4px 8px}}

/* V7: Member login correction */
.hidden-menu{visibility:hidden;pointer-events:none}
.member-hero-actions{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px}
.member-hero-actions .join-main{margin:0}
.member-login-main{background:rgba(20,13,7,.78);color:var(--gold2);border:1px solid rgba(224,179,95,.32);padding:13px 24px;border-radius:18px;font-size:15px;font-weight:900;box-shadow:0 14px 32px rgba(0,0,0,.35),inset 0 0 18px rgba(255,255,255,.035)}
.member-status-pill{min-width:92px;text-align:center;padding:7px 13px;border-radius:999px;background:rgba(255,243,220,.10);border:1px solid rgba(224,179,95,.22);color:rgba(255,243,220,.78);font-size:12px;font-weight:900;backdrop-filter:blur(8px)}
.member-status-pill.active{background:rgba(36,136,86,.18);border-color:rgba(67,203,126,.42);color:#d8f7df}
.member-login-card .member-login-note{margin:-10px 0 12px;text-align:center;color:#6f5a3d;line-height:1.8;font-size:14px}

/* V7.1: Active unified search */
.search-button{width:44px;height:44px;border-radius:50%;background:transparent;color:#fff;font-size:33px;display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.search-button:active{transform:scale(.96);background:rgba(224,179,95,.14)}
.search-hint{grid-column:1/-1;text-align:center;color:rgba(255,243,220,.78);font-size:13px;border:1px solid rgba(224,179,95,.20);border-radius:16px;padding:10px;background:rgba(20,14,8,.55)}

/* V8: admin edit + clearer service requests + clickable media */
.actions .edit, button.edit{background:#b98116!important;color:#fff!important;border:0;border-radius:14px;padding:10px 16px;font-weight:900;box-shadow:0 8px 18px rgba(185,129,22,.22)}
.upload-form.edit-mode{border:2px solid rgba(185,129,22,.55);box-shadow:0 16px 38px rgba(185,129,22,.18)}
.edit-note{background:#fff7e8;color:#61400b;border:1px solid #e2c58b;border-radius:14px;padding:10px 12px;margin-bottom:10px;font-weight:800;line-height:1.7}
.clickable-media,.clickable-title{cursor:pointer}.clickable-media:hover{transform:scale(1.015);filter:saturate(1.08);box-shadow:0 16px 35px rgba(224,179,95,.18)}.clickable-title:hover{color:#ffd37a;text-decoration:underline;text-underline-offset:5px}
.clear-service-card{background:#fffaf0!important;color:#1b1309!important;border:1px solid #d9bc7d!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important;opacity:1!important}.clear-service-card b,.clear-service-card p,.clear-service-card small{color:#1b1309!important}.service-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.service-title-row b{font-size:20px}.service-title-row small{background:#f0d595;border:1px solid #d3ae5b;border-radius:999px;padding:7px 13px;font-weight:900;color:#4d3006!important}.service-customer,.service-details-text{background:#fff;border:1px solid #ead8b4;border-radius:14px;padding:12px 14px;line-height:1.9;margin:10px 0!important}.service-details-text{white-space:pre-wrap}.service-admin-grid{gap:16px}.clear-service-card .actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.clear-service-card .status{display:inline-block;margin:6px 0 8px}
.service-submit-status{margin:10px 0;padding:12px;border-radius:14px;background:rgba(168,120,22,.22);border:1px solid rgba(224,179,95,.42);color:#ffe0a0;font-weight:900;text-align:center;line-height:1.8}


/* V8.1: إصلاح تبويب الطلبات الخاصة في لوحة الإدارة */
.admin-page #adminBody .service-admin-head-fixed{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(135deg,#fff8ec,#f3dfbd)!important;
  border:1px solid #d4ad63!important;
  border-radius:22px!important;
  padding:18px 20px!important;
  margin:18px 0!important;
  color:#251608!important;
  box-shadow:0 14px 32px rgba(0,0,0,.12)!important;
}
.admin-page #adminBody .service-admin-head-fixed h3{
  margin:0 0 6px!important;
  color:#2b1909!important;
  font-size:24px!important;
  font-weight:900!important;
}
.admin-page #adminBody .service-admin-head-fixed p{
  margin:0!important;
  color:#5f4524!important;
  font-weight:700!important;
  line-height:1.8!important;
}
.admin-page #adminBody .service-admin-list{
  display:grid!important;
  gap:16px!important;
  margin-top:14px!important;
}
.admin-page #adminBody .service-request-card{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(135deg,#fffaf1,#efe0c7)!important;
  color:#1b1208!important;
  border:1px solid #d3af6a!important;
  border-radius:24px!important;
  padding:20px!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18)!important;
  min-height:190px!important;
  overflow:visible!important;
}
.admin-page #adminBody .service-card-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
.admin-page #adminBody .service-card-top h3{
  color:#1c1208!important;
  margin:0 0 8px!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.5!important;
}
.admin-page #adminBody .service-card-price{
  display:inline-block!important;
  margin:0!important;
  background:#7b4b09!important;
  color:#fff5dc!important;
  border-radius:999px!important;
  padding:7px 13px!important;
  font-weight:900!important;
}
.admin-page #adminBody .service-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:88px!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-weight:900!important;
  background:#fff1c4!important;
  color:#7b4b09!important;
  border:1px solid #d0aa60!important;
  white-space:nowrap!important;
}
.admin-page #adminBody .service-status-pill.approved{background:#d8f7df!important;color:#136932!important;border-color:#9bd8aa!important}
.admin-page #adminBody .service-status-pill.working{background:#e6e0ff!important;color:#4836a3!important;border-color:#b8acef!important}
.admin-page #adminBody .service-status-pill.done{background:#d6f3ff!important;color:#096075!important;border-color:#98d5e6!important}
.admin-page #adminBody .service-status-pill.rejected{background:#ffd9d9!important;color:#9c2222!important;border-color:#e4a0a0!important}
.admin-page #adminBody .service-info-box,
.admin-page #adminBody .service-details-box{
  background:#fffdf8!important;
  color:#211509!important;
  border:1px solid #e1c999!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  margin:12px 0!important;
}
.admin-page #adminBody .service-info-box p,
.admin-page #adminBody .service-details-box p{
  margin:6px 0!important;
  color:#211509!important;
  font-weight:700!important;
  line-height:1.8!important;
}
.admin-page #adminBody .service-info-box b,
.admin-page #adminBody .service-details-box b{
  color:#6f4308!important;
  font-weight:900!important;
}
.admin-page #adminBody .service-actions-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:16px!important;
  align-items:center!important;
}
.admin-page #adminBody .service-actions-row button,
.admin-page #adminBody .service-actions-row a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:14px!important;
  font-weight:900!important;
  color:#fff!important;
  border:0!important;
  opacity:1!important;
}
.admin-page #adminBody .service-actions-row .ok{background:#258a59!important}
.admin-page #adminBody .service-actions-row .danger{background:#b83535!important}
.admin-page #adminBody .service-actions-row .dark{background:#2b241d!important}
.admin-page #adminBody .service-empty{
  background:#fff8ec!important;
  color:#4f3207!important;
  border:1px solid #d4ad63!important;
  border-radius:20px!important;
  font-weight:900!important;
}
@media(max-width:760px){
  .admin-page #adminBody .service-admin-head-fixed,
  .admin-page #adminBody .service-card-top{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .admin-page #adminBody .service-actions-row button,
  .admin-page #adminBody .service-actions-row a{
    flex:1 1 130px!important;
  }
}


/* v10 Secure Release: subscriber-only content gate */
.locked-card .media-thumb,
.locked-card .clickable-title{
  cursor:pointer;
}
.locked-card{
  position:relative;
}
.locked-card:after{
  content:'للمشتركين';
  position:absolute;
  top:12px;
  left:12px;
  background:rgba(15,10,5,.82);
  color:#f2cf82;
  border:1px solid rgba(242,207,130,.45);
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  pointer-events:none;
}
.locked-btn{
  background:linear-gradient(135deg,#b98222,#754503)!important;
}
.locked-content{
  text-align:center;
  padding:18px 10px 8px;
  color:#fff;
}
.locked-content img{
  width:86px;
  height:86px;
  object-fit:contain;
  display:block;
  margin:0 auto 10px;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));
}
.locked-content h3{
  color:#f2cf82;
  font-size:24px;
  margin:8px 0 10px;
  font-weight:900;
}
.locked-content p{
  color:rgba(255,255,255,.86);
  line-height:1.8;
  margin:0 auto 12px;
  max-width:520px;
}
.locked-price{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(242,207,130,.28);
  border-radius:16px;
  padding:12px;
  margin:12px auto;
  max-width:360px;
  color:#fff;
}


/* v11: خلفية جانبية تراثية للحواسيب بدل السواد + تحسين عرض المصغرات */
html, body{
  background:#120c06 !important;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg, rgba(8,5,2,.92), rgba(42,27,12,.70), rgba(8,5,2,.92)),
    url('assets/heritage-bg.png?v=v11-side') center/cover no-repeat;
  filter:blur(2px) saturate(.95);
  transform:scale(1.03);
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 18%, rgba(224,179,95,.16), transparent 34%), rgba(0,0,0,.38);
  pointer-events:none;
}
.app-shell{
  background:rgba(8,5,3,.94) !important;
  box-shadow:0 0 70px rgba(224,179,95,.16), 0 0 120px rgba(0,0,0,.62) !important;
}
@media(min-width:700px){
  .app-shell{border-left:1px solid rgba(224,179,95,.22);border-right:1px solid rgba(224,179,95,.22)}
}
.media-thumb{overflow:hidden}
.media-thumb .thumb-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:translateZ(0);
  background:#2c1d10;
}
.media-thumb .thumb-img + .thumb-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.42));
  pointer-events:none;
}
.media-thumb:has(.thumb-img)::after{display:none}