/* i House — سلة التصميم */
/* box-sizing مقصور على عناصر الإضافة بس — عشان ما نلمسش ستايل الثيم */
.ihdc-modal,.ihdc-modal *,.ihdc-actions,.ihdc-actions *,.ihdc-back,.ihdc-back *,
.ihdc-fab,.ihdc-fab *,.ihdc-toasts,.ihdc-toasts *{box-sizing:border-box}
.ihdc-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.ihdc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;
  border-radius:8px;border:1px solid transparent;font:700 15px/1 inherit;font-family:inherit;cursor:pointer;
  text-decoration:none;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s,border-color .15s,color .15s}
.ihdc-btn:hover{transform:translateY(-2px)}
.ihdc-btn:active{transform:translateY(0)}
.ihdc-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ihdc-btn--add{background:#D7622C;color:#fff}
.ihdc-btn--add:hover{background:#E17742}
.ihdc-btn--add.is-in{background:#23755B}
.ihdc-btn--consult{background:#0B2D42;color:#F8F5EE}
.ihdc-btn--consult:hover{background:#153E54}
.ihdc-btn--ghost{background:transparent;color:#0B2D42;border-color:rgba(11,45,66,.28)}
.ihdc-btn--ghost:hover{border-color:#0B2D42}
.ihdc-wide{width:100%;margin-top:6px}
.ihdc-btn[disabled]{opacity:.6;pointer-events:none}

/* أزرار الرجوع */
.ihdc-back{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}
.ihdc-back-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:8px;
  background:rgba(11,45,66,.06);border:1px solid rgba(11,45,66,.14);color:#0B2D42;
  font:700 13.5px/1 inherit;text-decoration:none;transition:.15s}
.ihdc-back-btn:hover{background:#0B2D42;color:#F8F5EE;border-color:#0B2D42}
.ihdc-back-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ihdc-back-btn--lift{background:rgba(215,98,44,.1);border-color:rgba(215,98,44,.3);color:#A9481C}
.ihdc-back-btn--lift:hover{background:#D7622C;color:#fff;border-color:#D7622C}

/* الزر العائم */
.ihdc-fab{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:900;width:56px;height:56px;border:none;
  border-radius:16px;cursor:pointer;background:#0B2D42;display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(6,27,41,.34);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.ihdc-fab:hover{transform:scale(1.06)}
.ihdc-fab svg{width:24px;height:24px;fill:none;stroke:#F8F5EE;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ihdc-fab-count{position:absolute;top:-6px;inset-inline-end:-6px;min-width:24px;height:24px;padding:0 6px;
  border-radius:999px;background:#D7622C;color:#fff;font:700 12px/24px inherit;text-align:center;
  box-shadow:0 3px 10px rgba(215,98,44,.5)}
.ihdc-fab[hidden]{display:none}

/* النوافذ */
.ihdc-modal{position:fixed;inset:0;z-index:980;display:none;place-items:center;padding:20px;
  background:rgba(6,27,41,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ihdc-modal.is-on{display:grid}
/* نافذة السبب لازم تعلو على السلة لما تتفتح من جواها */
#ihdcNote{z-index:990}
.ihdc-box{position:relative;width:100%;max-width:620px;max-height:88vh;overflow:auto;background:#fff;
  border-radius:20px;padding:28px 26px;box-shadow:0 24px 80px rgba(6,27,41,.4);
  font-family:"Tajawal","Segoe UI",Tahoma,sans-serif;color:#10222D;text-align:start}
.ihdc-box--sm{max-width:460px}
.ihdc-box h3{font-size:20px;font-weight:700;margin:0 0 8px;line-height:1.4}
.ihdc-box h4{font-size:16px;font-weight:700;margin:0 0 6px}
.ihdc-x{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border-radius:6px;
  border:1px solid rgba(11,45,66,.16);background:#fff;cursor:pointer;font-size:21px;line-height:1;color:#667780}
.ihdc-x:hover{border-color:#0B2D42;color:#0B2D42}
.ihdc-sub{font-size:13.5px;line-height:1.85;color:#667780;margin:0 0 14px}
.ihdc-badge{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;
  background:#F6DED2;color:#D7622C;font:700 12px/1 inherit;vertical-align:middle}
.ihdc-inp{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(11,45,66,.2);border-radius:8px;
  font:500 14.5px/1.6 inherit;font-family:inherit;color:#10222D;background:#fff;box-sizing:border-box}
textarea.ihdc-inp{min-height:76px;resize:vertical}
.ihdc-inp:focus{outline:none;border-color:#D7622C;box-shadow:0 0 0 3px rgba(215,98,44,.13)}
.ihdc-err{display:none;margin-top:6px;font:700 12px/1.5 inherit;color:#A53A35}
.ihdc-err.is-on{display:block}
.ihdc-acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.ihdc-note{margin-top:14px;padding:11px 13px;border-radius:8px;background:#F1ECE2;
  border-inline-start:3px solid #D7622C;font-size:12.5px;line-height:1.8;color:#667780}

/* قائمة السلة */
.ihdc-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 22px}
.ihdc-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;
  background:#F8F5EE;border:1px solid rgba(11,45,66,.1)}
.ihdc-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#E9DFCC}
.ihdc-item-b{flex:1;min-width:0}
.ihdc-item-b strong{display:block;font-size:14.5px;font-weight:700;line-height:1.4}
.ihdc-meta{display:block;font:600 10.5px/1.6 "IBM Plex Mono",monospace;color:#5F7886;margin-top:2px;direction:ltr}
.ihdc-why{display:block;margin-top:7px;padding:8px 10px;border-radius:6px;background:#fff;
  border:1px dashed rgba(11,45,66,.2);font-size:12.5px;line-height:1.7;color:#10222D}
.ihdc-why em{color:#A53A35;font-style:normal;font-weight:700}
.ihdc-item-a{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.ihdc-mini{border:1px solid rgba(11,45,66,.18);background:#fff;border-radius:6px;cursor:pointer;
  font:700 11.5px/1 inherit;font-family:inherit;padding:7px 10px;color:#0B2D42;white-space:nowrap}
.ihdc-mini:hover{border-color:#0B2D42}
.ihdc-mini--del{color:#A53A35}
.ihdc-mini--del:hover{border-color:#A53A35;background:#fdf3f3}
.ihdc-empty{padding:30px 20px;text-align:center;border:1px dashed rgba(11,45,66,.24);border-radius:12px;
  font-size:14px;line-height:1.9;color:#667780}

/* الفورم */
.ihdc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.ihdc-grid{grid-template-columns:1fr}}
.ihdc-grid label{display:flex;flex-direction:column;gap:5px;font:700 12.5px/1.5 inherit}
.ihdc-full{grid-column:1/-1}
.ihdc-check{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13.5px;cursor:pointer}
.ihdc-check input{width:17px;height:17px;accent-color:#D7622C}
.ihdc-formwrap{padding-top:20px;border-top:1px solid rgba(11,45,66,.12)}
.ihdc-formwrap[hidden],.ihdc-done[hidden]{display:none}

/* شاشة النجاح */
.ihdc-done{text-align:center;padding:24px 10px}
.ihdc-done-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:#23755B;margin-bottom:14px}
.ihdc-done-ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ihdc-done h4{font-size:16px;line-height:1.7;margin-bottom:12px}
.ihdc-ref{margin-bottom:16px;font:600 13.5px/1.7 "Tajawal",sans-serif;color:#5F7886}
.ihdc-ref:empty{display:none}
.ihdc-ref b{display:inline-block;margin-inline-start:6px;padding:3px 10px;border-radius:8px;
  background:rgba(11,45,66,.07);color:#0B2D42;font-family:"IBM Plex Mono",ui-monospace,monospace;direction:ltr}
.ihdc-done .ihdc-btn--add{text-decoration:none;margin-bottom:8px}
.ihdc-done .ihdc-btn--add[hidden]{display:none}
.ihdc-done .ihdc-note[hidden]{display:none}
/* في شاشة النجاح السطر ده تعليق، مش تنبيه — نشيل شكل الصندوق */
.ihdc-done .ihdc-note{background:none;border:0;padding:0;margin:0 0 14px;
  font:400 12.5px/1.7 "Tajawal",sans-serif;color:#5F7886;text-align:center}

/* التنبيهات */
.ihdc-toasts{position:fixed;inset-block-start:20px;inset-inline-end:20px;z-index:1000;display:flex;
  flex-direction:column;gap:8px;max-width:330px;pointer-events:none}
.ihdc-toast{padding:13px 16px;border-radius:8px;background:#F8F5EE;border:1px solid rgba(11,45,66,.14);
  border-inline-start:4px solid #D7622C;box-shadow:0 14px 44px rgba(6,27,41,.14);
  font:700 13px/1.6 "Tajawal",sans-serif;color:#0B2D42;animation:ihdcIn .2s ease}
.ihdc-toast--err{border-inline-start-color:#A53A35}
@keyframes ihdcIn{from{opacity:0;transform:translateY(-8px)}}

@media(prefers-reduced-motion:reduce){
  .ihdc-btn,.ihdc-fab,.ihdc-back-btn{transition:none}
  .ihdc-toast{animation:none}
}

/* ============ لوحة تصميمي — الدور 05 ============ */
.ihdc-board{direction:rtl;text-align:right;font-family:"Tajawal",sans-serif;color:#0B2D42}
.ihdc-board *,.ihdc-board *::before,.ihdc-board *::after{box-sizing:border-box}
.ihdc-board [hidden]{display:none !important}

.ihdc-board-load{display:flex;align-items:center;gap:10px;padding:26px;justify-content:center;
  color:#5F7886;font:600 14px/1.6 "Tajawal",sans-serif}
.ihdc-spin{width:16px;height:16px;border:2px solid rgba(95,120,134,.3);border-top-color:#D7622C;
  border-radius:50%;animation:ihdcSpin .7s linear infinite}
@keyframes ihdcSpin{to{transform:rotate(360deg)}}

.ihdc-board-empty{text-align:center;padding:34px 20px;background:rgba(255,255,255,.6);
  border:1px dashed rgba(11,45,66,.22);border-radius:18px}
.ihdc-board-ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;
  border-radius:16px;background:rgba(11,45,66,.06);color:#5F7886}
.ihdc-board-ic svg{width:28px;height:28px}
.ihdc-board-empty p{margin:0 0 18px;color:#5F7886;font-size:14.5px;line-height:1.8;max-width:46ch;
  margin-inline:auto;margin-bottom:18px}
.ihdc-board-empty .ihdc-btn{text-decoration:none}

.ihdc-board-full{background:rgba(255,255,255,.6);border:1px solid rgba(11,45,66,.13);
  border-radius:18px;padding:18px}
.ihdc-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(11,45,66,.1)}
.ihdc-board-head strong{font-size:15.5px;font-weight:800}
.ihdc-board-add{font:700 13.5px/1 "Tajawal",sans-serif;color:#D7622C;text-decoration:none}
.ihdc-board-add:hover{color:#B94F1F;text-decoration:underline}
.ihdc-board .ihdc-list{max-height:none;margin-bottom:16px}
.ihdc-board .ihdc-note{margin-top:10px;text-align:center}

/* فشل تحميل اللوحة — لازم يبان، مش يفضل بيلف */
.ihdc-board-load.is-fail{flex-direction:column;gap:12px;color:#A53A35;
  border:1px dashed rgba(165,58,53,.35);border-radius:14px;background:rgba(165,58,53,.04)}
.ihdc-board-fail-t{margin:0;font:700 14px/1.7 "Tajawal",sans-serif}

@media(max-width:560px){
  .ihdc-board-full{padding:14px 12px}
  .ihdc-board-empty{padding:26px 14px}
}

/* ============================================================
 * العميل المعروف — بالكوكيز من غير تسجيل دخول
 * ============================================================ */

/* [hidden] لازم تكسب أي display بنحطه إحنا — وإلا العنصر يفضل ظاهر. */
.ihdc-hi[hidden],
.ihdc-choose[hidden],
.ihdc-mine[hidden],
.ihdc-pick[hidden]{display:none !important}

.ihdc-hi{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	background:#F8F5EE;
	border:1px solid rgba(11,45,66,.12);
	border-radius:12px;
	padding:10px 14px;
	margin:0 0 14px;
}
.ihdc-hi-t{margin:0;font-weight:600;font-size:14px;color:#0B2D42}
.ihdc-hi-x{
	background:none;
	border:0;
	color:#5F7886;
	font:inherit;
	font-size:12.5px;
	cursor:pointer;
	text-decoration:underline;
	padding:0;
}
.ihdc-hi-x:hover{color:#D7622C}

.ihdc-choose{
	background:#fff;
	border:1px solid rgba(215,98,44,.35);
	border-radius:14px;
	padding:14px 16px;
	margin:0 0 16px;
}
.ihdc-choose-t{margin:0 0 10px;font-weight:700;font-size:14.5px;color:#0B2D42}

.ihdc-pick{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:10px 12px;
	border:1px solid rgba(11,45,66,.12);
	border-radius:11px;
	cursor:pointer;
	margin-bottom:8px;
	transition:border-color .15s,background .15s;
}
.ihdc-pick:last-child{margin-bottom:0}
.ihdc-pick:hover{border-color:#5F7886}
.ihdc-pick input{margin:3px 0 0;width:17px;height:17px;accent-color:#D7622C;flex:0 0 17px}
.ihdc-pick input:checked ~ span strong{color:#D7622C}
.ihdc-pick:has(input:checked){border-color:#D7622C;background:#FDF5F1}
.ihdc-pick span{display:block}
.ihdc-pick strong{display:block;font-size:14px;color:#0B2D42}
.ihdc-pick em{display:block;font-style:normal;font-size:12.5px;color:#5F7886;margin-top:2px}

.ihdc-mine{
	background:#F8F5EE;
	border:1px solid rgba(11,45,66,.10);
	border-radius:12px;
	padding:12px 15px;
	margin:0 0 16px;
}
.ihdc-mine-t{margin:0 0 8px;font-size:13px;font-weight:700;color:#5F7886}
.ihdc-mine-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.ihdc-mine-l li{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}
.ihdc-mine-l code{
	background:#fff;
	border:1px solid rgba(11,45,66,.12);
	border-radius:7px;
	padding:1px 8px;
	font-size:11.5px;
	color:#D7622C;
	direction:ltr;
}
.ihdc-mine-l span{color:#5F7886}
.ihdc-mine-s{
	margin-inline-start:auto;
	font-style:normal;
	font-size:11.5px;
	font-weight:700;
	border-radius:20px;
	padding:2px 10px;
	background:#eee;
	color:#8a8a8a;
}
.ihdc-mine-s.is-open{background:#e9f6ef;color:#1f7a55}

.ihdc-board-empty .ihdc-mine{margin:20px auto 0;max-width:420px;text-align:right}