/* المزاد العقاري — أنماط الصفحة، كلها مقيدة بالحاوية #auctions مع رموز Theme A معادة التعريف عليها.
   أسماء الكرت pcard/pbadge/pempty لأن .card/.badge لهما معنى آخر في shared.css. يُحرَّر هنا (2026-09-05). */


#auctions{
  --bg:#F4F6FA; --paper:#FFFFFF; --ink:#16213E; --ink2:#55607A; --line:#E3E8F0; --alt:#EEF1F6;
  --drop:#2F7DD9; --drop-bg:rgba(47,125,217,.10);
  --live:#1F7A4D; --live-bg:rgba(31,122,77,.12);
  --accent:#051CC9; --accent-bg:#EEF2FD;
  --warn:#EEF1F6; --warn-fg:#2B3550;
  --radius:12px; --shadow:none;
  --font-primary:"Tajawal","Segoe UI",Tahoma,sans-serif;
  --font-display:"Noto Kufi Arabic","Tajawal",sans-serif;
}
#auctions *{margin:0;padding:0;box-sizing:border-box}
#auctions{color:var(--ink);font-family:var(--font-primary);font-size:14px;line-height:1.55;font-variant-numeric:tabular-nums}
#auctions button, #auctions select, #auctions input{font-family:inherit;font-size:inherit;color:inherit}
#auctions .wrap{max-width:none;margin:0;padding:0}
#auctions .num{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}


#auctions header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 16px;padding-top:22px}
#auctions .masthead h1{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.2}
#auctions .masthead p{color:var(--ink2);font-size:12.5px;margin-top:2px}
#auctions .masthead p b{font-weight:700}
#auctions .masthead p b.live{color:var(--live)}
#auctions .masthead p b.drop{color:var(--drop)}
#auctions .controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#auctions .chip{
  display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;
  transition:border-color .12s,background .12s;
}
#auctions .chip:hover{border-color:var(--ink)}
#auctions .chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#auctions .chips{display:inline-flex;gap:6px;align-items:center}
#auctions .chips.view{padding-inline-end:10px;border-inline-end:1px solid var(--line)}
#auctions .chip[aria-pressed="true"]{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}
#auctions .chip .n{font-size:11px;color:inherit;opacity:.75;font-variant-numeric:tabular-nums}
#auctions .chip .n:empty{display:none}
#auctions select.chip{appearance:none;padding-left:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23111827' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 11px center}
#auctions .search{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:5px 10px;min-width:220px}
#auctions .search svg{flex:none}
#auctions .search input{border:0;outline:0;background:transparent;width:100%;font-size:12.5px}
#auctions .search input::placeholder{color:var(--ink2)}
#auctions .search:focus-within{border-color:var(--accent)}


#auctions .density{
  margin-top:14px;display:flex;align-items:center;gap:8px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px;
}
#auctions .density .d-title{display:flex;flex-direction:column;min-width:130px}
#auctions .density .d-title b{font-size:13px}
#auctions .density .d-title span{color:var(--ink2);font-size:11px}
#auctions .d-strip{display:flex;align-items:flex-end;gap:0;overflow-x:auto;scrollbar-width:none}
#auctions .d-strip::-webkit-scrollbar{display:none}
#auctions .d-day{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;
  width:52px;height:56px;flex:none;border:0;background:transparent;cursor:pointer;border-radius:6px;
}
#auctions .d-day:hover{background:var(--alt)}
#auctions .d-day i{display:block;border-radius:50%;background:var(--accent)}
#auctions .d-day.today i{background:var(--drop)}
#auctions .d-day span{font-size:11px;color:var(--ink2);white-space:nowrap}
#auctions .d-day.today span{color:var(--ink);font-weight:700}
#auctions .d-legend{margin-inline-start:auto;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--ink2);text-align:left;white-space:nowrap}
#auctions .d-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-left:3px}


#auctions .board-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:12px;color:var(--ink2)}
#auctions .board-head .arrows{display:flex;gap:6px}
#auctions .arrows button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;display:inline-grid;place-items:center;padding:0;box-shadow:var(--shadow)}
#auctions .arrows button:hover{border-color:var(--accent);color:var(--accent)}
#auctions .arrows button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#auctions .board{
  display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding:6px 2px 18px;margin-top:6px;
  scroll-snap-type:x proximity;scrollbar-color:#C7CBD1 transparent;
}
#auctions .col{flex:none;width:232px;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start}
#auctions .col-head{display:flex;flex-direction:column;gap:1px;border-top:3px solid var(--ink);padding-top:8px;border-radius:0 0 var(--radius) var(--radius)}
#auctions .col-head.today{border-top-color:var(--drop);background:var(--accent-bg);padding:8px 8px}
#auctions .col-head .ch-row{display:flex;justify-content:space-between;align-items:baseline}
#auctions .col-head b{font-size:18px}
#auctions .col-head .count{font-size:11.5px;font-weight:600;color:var(--paper);background:var(--ink);border-radius:999px;padding:1px 9px}
#auctions .col-head.today .count{background:var(--drop)}
#auctions .col-head .ch-sub{font-size:11.5px;color:var(--ink2)}
#auctions .col-head .ch-sub b{font-size:11.5px;color:var(--ink)}
#auctions .col-head.today .ch-sub b{color:var(--drop)}
#auctions .col.past .col-head{border-top-color:var(--ink2)}
#auctions .col.flash .col-head{outline:2px solid var(--accent);outline-offset:2px}

#auctions .pcard{
  display:flex;flex-direction:column;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:10px 12px;cursor:pointer;transition:border-color .12s,transform .12s;
}
#auctions .pcard:hover{border-color:var(--ink);transform:translateY(-1px)}
#auctions .pcard:focus-visible, #auctions .d-day:focus-visible, #auctions .chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#auctions .pcard.gone{opacity:.62}

#auctions .c-id{display:flex;flex-direction:column;gap:1px}
#auctions .c-id b{font-size:14px;font-weight:700;line-height:1.35}
#auctions .c-id span{font-size:11px;color:var(--accent);font-weight:500}
#auctions .c-id span .num{color:inherit}
#auctions .c-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
#auctions .c-now{font-weight:700;font-size:19px;line-height:1.2}
#auctions .c-now small{font-size:11px;font-weight:500;color:var(--ink2);margin-inline-start:2px}
#auctions .c-none{font-size:12.5px;color:var(--ink2);font-weight:500}
#auctions .c-was{font-size:11px;color:var(--ink2);flex-basis:100%}
#auctions .c-was s{text-decoration-color:var(--ink2)}
#auctions .c-src{color:var(--accent)}
#auctions .pbadge{display:inline-block;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600;white-space:nowrap}
#auctions .pbadge.drop{background:var(--drop-bg);color:var(--drop)}
#auctions .pbadge.first{background:var(--accent-bg);color:var(--accent)}
#auctions .pbadge.flat{color:var(--ink2);font-weight:500;padding:0}
#auctions .pbadge.sold{background:var(--live);color:#fff}
#auctions .pbadge.nobid{background:var(--alt);color:var(--ink2)}
#auctions .c-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}
#auctions .c-facts div{display:flex;flex-direction:column;min-width:0;padding-inline-end:6px}
#auctions .c-facts div+div{border-inline-start:1px solid var(--line);padding-inline-start:8px}
#auctions .c-facts i{font-style:normal;font-size:10.5px;color:var(--accent);font-weight:600}
#auctions .c-facts b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#auctions .c-facts b small{font-size:10px;font-weight:500;color:var(--ink2)}
#auctions .share-band{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;background:var(--warn);color:var(--warn-fg)}
#auctions .c-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--ink2)}
#auctions .c-foot svg{vertical-align:-2px}
#auctions .dots{display:inline-flex;gap:2px;vertical-align:middle;margin-left:3px}
#auctions .dots i{width:5px;height:5px;border-radius:50%;background:var(--line);display:inline-block}
#auctions .dots i.on{background:var(--ink)}

#auctions .pcard.is-sold{border-top:3px solid var(--live);opacity:1}
#auctions .pcard.is-sold .c-now{color:var(--live)}
#auctions .pempty{color:var(--ink2);padding:60px 0;font-size:14px;text-align:center;width:100%}


#auctions footer{color:var(--ink2);font-size:11.5px;padding:14px 0 40px}


#auctions .veil{position:fixed;inset:0;background:rgba(17,24,39,.45);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5vh 16px 40px;z-index:50}
#auctions .veil.open{display:flex}
#auctions .sheet{background:var(--paper);border:1px solid var(--line);border-radius:12px;max-width:680px;width:100%;box-shadow:0 24px 60px rgba(17,24,39,.25);padding:26px 26px 24px;position:relative}
#auctions .sheet-close{position:absolute;top:14px;left:14px;border:1px solid var(--line);background:var(--paper);width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer}
#auctions .sheet-close:hover{border-color:var(--ink)}
#auctions .sheet h2{font-size:22px;font-weight:700;line-height:1.3}
#auctions .s-sub{color:var(--ink2);font-size:12.5px;margin-bottom:14px}
#auctions .s-price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 10px}
#auctions .s-price-row .c-now{font-size:30px}
#auctions .old-price{color:var(--ink2);text-decoration:line-through;font-size:14px}
#auctions .s-when{font-size:12.5px;font-weight:600;color:var(--live);background:var(--live-bg);border-radius:6px;padding:2px 9px}
#auctions .s-when.soon{color:var(--drop);background:var(--drop-bg)}
#auctions .s-when.gone{color:var(--ink2);background:var(--alt)}
#auctions .s-review{background:var(--live-bg);border-radius:var(--radius);padding:10px 13px;font-size:12px;line-height:1.8;color:#166534;margin:10px 0}
#auctions .s-review.warn{background:var(--warn);color:var(--warn-fg)}
#auctions .s-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;margin:14px 0;border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}
#auctions .s-facts span{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}
#auctions .s-facts i{font-style:normal;color:var(--ink2)}
#auctions .s-facts b{font-weight:600;text-align:left}
#auctions .s-desc{font-size:12.5px;background:var(--alt);border-radius:var(--radius);padding:11px 14px;line-height:1.9;margin-bottom:14px}
#auctions .desc-note{display:block;margin-top:6px;color:var(--ink2);font-size:10.5px;font-weight:400}
#auctions .s-h{font-size:12px;font-weight:700;color:var(--ink2);margin:16px 0 8px;letter-spacing:.03em}
#auctions .tl{position:relative;padding-right:18px;border-right:2px solid var(--line);display:flex;flex-direction:column;gap:14px;margin-right:6px}
#auctions .tl-item{position:relative}
#auctions .tl-item::before{content:"";position:absolute;right:-24.5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--ink2);border:2px solid var(--paper)}
#auctions .tl-item.now::before{background:var(--live)}
#auctions .tl-when{font-size:11px;color:var(--ink2)}
#auctions .tl-line{font-size:13px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
#auctions .tl-line b{font-size:15px}
#auctions .tl-line .old-price{font-size:12px}
#auctions .tl-fate{font-size:11.5px;font-weight:600}
#auctions .tl-fate.unsold{color:var(--drop)}
#auctions .tl-fate.next{color:var(--live)}
#auctions .tl-fate.ended{color:var(--ink2)}
#auctions .tl-src a{color:var(--accent);font-weight:600;font-size:11.5px;text-decoration:none;border-bottom:1px dashed var(--accent)}
#auctions .s-predict{margin-top:14px;background:var(--accent-bg);border-radius:var(--radius);padding:11px 14px;font-size:12.5px;color:#1E3A8A}
#auctions .s-predict b{color:var(--accent)}


@media (max-width:760px){
  #auctions .wrap{padding:0 14px}
  #auctions header{padding-top:14px}
  #auctions .masthead h1{font-size:20px}
  #auctions .search{min-width:0;width:100%}
  #auctions .density{padding:6px 8px}
  #auctions .density .d-title{display:none}
  #auctions .d-legend{display:none}
  #auctions .d-day{width:40px;height:48px}
  #auctions .board-head .arrows{display:none}
  #auctions .board{flex-direction:column;overflow:visible;gap:18px}
  #auctions .col{width:100%}
  #auctions .col-head{position:sticky;top:0;background:var(--bg);z-index:2}
  #auctions .s-facts{grid-template-columns:1fr}
}



#auctions h1, #auctions .col-head b, #auctions .c-now, #auctions .sheet h2, #auctions .stat .v, #auctions .count{font-family:var(--font-display);letter-spacing:0}
#auctions .chip{border-color:var(--line);font-weight:600}
#auctions .chip.on{background:var(--accent);border-color:var(--accent)}
#auctions .pbadge.drop{background:var(--drop-bg);color:var(--drop)}
#auctions .pbadge.sold{background:var(--live);color:#fff}
#auctions .pbadge.first{background:var(--accent-bg);color:var(--accent)}
#auctions .pcard:hover{border-color:#CBD3E0;box-shadow:var(--shadow)}
#auctions .col-head{border-top-color:var(--accent)}
#auctions .col-head.today{border-top-color:#D93A5C;background:var(--accent-bg)}
#auctions .col-head .count{background:var(--accent)}
#auctions .col-head.today .count{background:#D93A5C}
#auctions .col-head.today .ch-sub b{color:#D93A5C}
#auctions .d-day i{background:var(--accent)}
#auctions .d-day.today i{background:#D93A5C}
#auctions .s-when{color:var(--accent);background:var(--accent-bg)}
#auctions .s-when.soon{color:#D93A5C;background:rgba(217,58,92,.10)}
#auctions .tl-fate.unsold{color:var(--drop)}
#auctions .s-predict{background:var(--accent-bg);color:#0B1440}
#auctions .s-predict b{color:var(--accent)}
#auctions .s-review{background:var(--live-bg);color:#1F7A4D}
#auctions .s-review.warn{background:rgba(179,65,63,.12);color:#B3413F}

/* card 21: server-rendered summary (visible until the app renders, always visible to non-JS readers) */
#auctions .ssr-summary { margin: 14px 0 18px; padding: 14px 16px; background: #fff; border: 1px solid #E3E8F0; border-radius: 12px; }
#auctions .ssr-summary[hidden] { display: none; }
#auctions .ssr-lede { margin: 0 0 10px; font-size: 14.5px; line-height: 1.7; color: #2B3550; }
#auctions .ssr-tablewrap { overflow-x: auto; }
#auctions .ssr-table { width: 100%; border-collapse: collapse; font-size: 13px; }
#auctions .ssr-table th, #auctions .ssr-table td { padding: 6px 8px; border-bottom: 1px solid #EEF1F6; text-align: right; white-space: nowrap; vertical-align: top; }
#auctions .ssr-table th { color: #6B7690; font-weight: 600; }
#auctions .ssr-table small { color: #6B7690; }
#auctions .ssr-more { margin: 8px 0 0; font-size: 12.5px; color: #6B7690; }

/* الجدول الزمني (2026-09-07): أعمدة النتائج الماضية */
#auctions .col.sold-col .col-head{border-top-color:var(--live);background:var(--live-bg);padding:8px 8px}
#auctions .col.sold-col .col-head .count{background:var(--live)}
#auctions .col.sold-col .col-head .ch-sub b.ok{color:var(--live)}
#auctions .col.unsold-col .col-head{border-top-color:#B9C0D0;background:var(--alt);padding:8px 8px}
#auctions .col.unsold-col .col-head .count{background:#8A93AD}
#auctions .col.unsold-col .pcard{opacity:.72}
#auctions .col.sold-col .pcard.is-sold{opacity:1;background:#FBFDFC}
#auctions .unsold-fold{margin-top:4px}
#auctions .unsold-fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px dashed #B9C0D0;border-radius:10px;background:var(--alt);color:var(--ink2);font-size:12.5px}
#auctions .unsold-fold summary::-webkit-details-marker{display:none}
#auctions .unsold-fold summary span{font-weight:700;color:var(--ink)}
#auctions .unsold-fold summary small{font-size:11px}
#auctions .unsold-fold summary:hover{border-color:var(--ink2)}
#auctions .unsold-fold[open] summary{margin-bottom:8px}
#auctions .unsold-fold[open] summary small::after{content:" · إخفاء"}
#auctions .unsold-fold .pcard{opacity:.72}
#auctions .board .gap{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding:0 6px}
#auctions .board .gap span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;color:var(--ink2);border-inline-start:2px dotted #B9C0D0;padding:10px 4px;white-space:nowrap}
#auctions .pcard .c-prov{color:#8A5A00;background:#FFF4DB;border-radius:6px;padding:1px 6px;font-size:11px}