/* Daleelk Online Consultations — isolated production module */
.consult-nav-action{
  color:#fff!important;
  background:linear-gradient(135deg,#0b8f79,#27b99d)!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(25,169,142,.18);
}
.consult-nav-action svg{width:17px;height:17px;}
.consult-section{
  position:relative;overflow:hidden;
  overflow:clip;
  width:min(1240px,calc(100% - 32px));margin:34px auto;padding:0!important;
  background:
    radial-gradient(circle at 8% 0,rgba(69,204,169,.14),transparent 36%),
    linear-gradient(145deg,#fff,#f0fbf7);
  border:1px solid #c9e9df;border-radius:28px;
  box-shadow:0 22px 60px rgba(18,116,95,.1);
}
.consult-section::after{
  content:"";position:absolute;left:-130px;bottom:-180px;width:310px;height:310px;border-radius:50%;
  border:1px solid rgba(20,151,124,.12);box-shadow:0 0 0 42px rgba(25,169,142,.025);
  pointer-events:none;
}
.consult-section-head{
  position:relative;z-index:1;padding:30px 30px 20px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
}
.consult-section-copy{max-width:720px;}
.consult-section-kicker{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;
  color:#0d8d79;font-size:.66rem;font-weight:900;
}
.consult-section-kicker svg{width:16px;height:16px;}
.consult-section h2{font:900 clamp(1.35rem,2.5vw,2rem)/1.4 "Alexandria",sans-serif;color:#092f44;margin:0 0 6px;}
.consult-section h2 span{color:#159c84;}
.consult-section-copy>p{color:#58756f;font-size:.78rem;line-height:1.85;margin:0;}
.consult-safety{
  flex:0 0 auto;max-width:330px;padding:11px 13px;display:flex;gap:9px;align-items:flex-start;
  color:#8b4b18;background:#fff9ef;border:1px solid #eed9b7;border-radius:14px;
  font-size:.63rem;line-height:1.65;
}
.consult-safety svg{flex:0 0 17px;width:17px;height:17px;margin-top:1px;color:#b66425;}
.consult-safety a{color:#9c4514;font-weight:900;text-underline-offset:2px;}
.consult-availability{
  position:relative;z-index:1;margin:0 30px 9px;color:#607a73;font-size:.6rem;
}
.consult-availability strong{color:#0d8d79;font-size:.72rem;}
.consult-doctors-grid{
  position:relative;z-index:1;padding:4px 30px 28px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,360px));justify-content:center;gap:16px;
}
.consult-doctor-card{
  position:relative;padding:18px;display:flex;flex-direction:column;gap:13px;
  background:#fff;border:1px solid #d3ebe4;border-radius:21px;
  box-shadow:0 10px 30px rgba(18,116,95,.065);
  transition:transform .2s ease,box-shadow .2s ease;
}
.consult-doctor-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(18,116,95,.11);}
.consult-card-head{display:flex;align-items:center;gap:11px;}
.consult-avatar{
  flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,#0c8e78,#39b99e);border-radius:15px;
  box-shadow:0 9px 22px rgba(25,169,142,.18);
}
.consult-avatar svg{width:26px;height:26px;}
.consult-card-title{min-width:0;display:flex;flex-direction:column;flex:1;}
.consult-card-title>small{min-height:18px;margin-bottom:1px;}
.consult-card-title strong{font:800 .86rem/1.45 "Alexandria",sans-serif;color:#0a3448;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.consult-card-title>span{color:#6b817b;font-size:.61rem;}
.consult-live,.consult-scheduled{display:inline-flex!important;align-items:center;gap:5px;color:#0c8d77;font-size:.56rem!important;font-weight:800;}
.consult-live i{width:7px;height:7px;border-radius:50%;background:#18aa69;box-shadow:0 0 0 4px rgba(24,170,105,.12);}
.consult-scheduled svg{width:12px;height:12px;}
.consult-verified{
  align-self:flex-start;padding:4px 7px;display:flex;align-items:center;gap:3px;
  color:#0b8b76;background:#edf9f5;border:1px solid #cce9e1;border-radius:999px;
  font-size:.53rem;font-weight:800;
}
.consult-verified svg{width:12px;height:12px;}
.consult-card-location{display:flex;align-items:flex-start;gap:6px;color:#607a73;font-size:.64rem;line-height:1.6;}
.consult-card-location svg{flex:0 0 14px;width:14px;height:14px;margin-top:2px;color:#169b83;}
.consult-modes{display:flex;gap:6px;flex-wrap:wrap;}
.consult-modes span{
  padding:5px 7px;display:flex;align-items:center;gap:4px;
  color:#385f57;background:#f3faf8;border:1px solid #d9eee8;border-radius:999px;font-size:.55rem;
}
.consult-modes svg{width:12px;height:12px;color:#14977f;}
.consult-card-meta{
  padding:9px 10px;display:flex;justify-content:space-between;gap:10px;
  color:#5d7770;background:#f8fbfa;border-radius:11px;font-size:.6rem;
}
.consult-card-meta b{color:#0b795f;font-size:.72rem;}
.consult-start{
  min-height:45px;margin-top:auto;padding:10px 14px;border:0;border-radius:13px;
  display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  color:#fff;background:linear-gradient(135deg,#0c8e78,#29b99d);
  box-shadow:0 10px 24px rgba(25,169,142,.2);font:800 .69rem "Alexandria",sans-serif;
}
.consult-start:hover{filter:brightness(.97);transform:translateY(-1px);}
.consult-start svg{width:16px;height:16px;}
.consult-response{display:flex;align-items:center;justify-content:center;gap:4px;color:#758a84;font-size:.53rem;}
.consult-response svg{width:11px;height:11px;}
.consult-empty{grid-column:1/-1;padding:30px;text-align:center;}
.consult-empty svg{width:38px;height:38px;color:#159c84;margin-bottom:8px;}
.consult-empty h3{color:#0a3448;font-size:1rem;}
.consult-empty p{color:#6c817b;font-size:.69rem;}

.consult-modal-open{overflow:hidden;}
.consult-modal-overlay{
  position:fixed;z-index:3100;inset:0;padding:16px;display:none;align-items:center;justify-content:center;
  background:rgba(4,20,33,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.consult-modal-overlay.open{display:flex;}
.consult-modal{
  width:min(760px,100%);max-height:92vh;overflow:auto;padding:0;
  color:#0b3448;background:#fff;border:1px solid #d7e8e3;border-radius:28px;
  box-shadow:0 38px 100px rgba(0,16,32,.38);animation:consultRise .24s ease;
}
@keyframes consultRise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.consult-modal-bar{
  position:sticky;z-index:4;top:0;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:rgba(255,255,255,.95);border-bottom:1px solid #deece8;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.consult-modal-kicker{display:block;color:#118b75;font-size:.58rem;font-weight:900;margin-bottom:2px;}
.consult-modal-bar h2{font:900 1.08rem "Alexandria",sans-serif;margin:0;color:#092f44;}
.consult-close{
  flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:#49655f;background:#f2f7f5;border:1px solid #d9e8e4;border-radius:11px;cursor:pointer;
}
.consult-close svg{width:17px;height:17px;}
#consultWizard{padding:20px 22px 22px;}
.consult-selected-doctor{
  margin-bottom:15px;padding:11px 13px;display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#f4fbf8,#e9f8f3);border:1px solid #d0ebe3;border-radius:15px;
}
.consult-selected-doctor>span:first-child{
  flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,#0d8f79,#38b99e);border-radius:12px;
}
.selected-doctor-icon{width:21px;height:21px;}
.consult-selected-doctor>span:last-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;}
.consult-selected-doctor small{grid-column:1/3;color:#698078;font-size:.54rem;}
.consult-selected-doctor strong{color:#0a3a4c;font:800 .75rem "Alexandria",sans-serif;}
.consult-selected-doctor em{color:#178a75;font-size:.58rem;font-style:normal;}
.consult-stepper{margin:0 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.consult-stepper span{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:#82938e;font-size:.53rem;}
.consult-stepper span::before{
  content:"";position:absolute;z-index:-1;top:14px;right:-50%;left:50%;height:2px;background:#e3ece9;
}
.consult-stepper span:first-child::before{display:none;}
.consult-stepper b{
  width:29px;height:29px;display:flex;align-items:center;justify-content:center;
  color:#77908a;background:#f3f7f6;border:1px solid #dce9e5;border-radius:50%;font-size:.64rem;
}
.consult-stepper .active b,.consult-stepper .done b{color:#fff;background:#159b83;border-color:#159b83;}
.consult-stepper .active small,.consult-stepper .done small{color:#0c7f6c;font-weight:800;}
.consult-step-panel{
  padding:20px;background:#f8fbfa;border:1px solid #deece8;border-radius:19px;
}
.consult-step-copy{margin-bottom:17px;}
.consult-step-copy h3{font:900 1rem "Alexandria",sans-serif;color:#0a3448;margin:0 0 4px;}
.consult-step-copy p{color:#657c75;font-size:.66rem;line-height:1.7;margin:0;}
.consult-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.consult-mode{
  min-height:150px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  color:#49665f;background:#fff;border:1px solid #d7e7e2;border-radius:16px;cursor:pointer;text-align:center;
}
.consult-mode:hover,.consult-mode.selected{border-color:#42bda2;background:#effaf6;box-shadow:0 9px 24px rgba(18,132,109,.08);}
.consult-mode.selected{box-shadow:0 0 0 2px rgba(25,169,142,.12),0 9px 24px rgba(18,132,109,.08);}
.consult-mode-icon{width:28px;height:28px;color:#159b83;}
.consult-mode strong{color:#0b3c4e;font:800 .72rem "Alexandria",sans-serif;}
.consult-mode span{font-size:.56rem;line-height:1.55;}
.consult-mode i{color:#0f8d77;background:#e5f7f1;border-radius:999px;padding:3px 7px;font-size:.52rem;font-style:normal;}
.consult-privacy-note,.consult-transport{
  margin-top:13px;padding:9px 11px;display:flex;align-items:center;gap:6px;
  color:#4e7168;background:#edf8f5;border:1px solid #d1eae3;border-radius:11px;font-size:.58rem;
}
.consult-privacy-note svg,.consult-transport svg{flex:0 0 14px;width:14px;height:14px;color:#138f78;}
.consult-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.consult-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;color:#3f5e57;font-size:.63rem;font-weight:800;}
.consult-field.wide{grid-column:1/-1;}
.consult-field input,.consult-field select,.consult-field textarea{
  width:100%;min-height:48px;padding:10px 12px;outline:0;resize:vertical;
  color:#123d4d;background:#fff;border:1px solid #d4e5e0;border-radius:12px;
  font:600 .7rem "IBM Plex Sans Arabic","Alexandria",sans-serif;
}
.consult-field textarea{min-height:112px;line-height:1.75;}
.consult-field input:focus,.consult-field select:focus,.consult-field textarea:focus{border-color:#40b99f;box-shadow:0 0 0 3px rgba(25,169,142,.1);}
.consult-field .invalid{border-color:#cf4d52!important;box-shadow:0 0 0 3px rgba(207,77,82,.1)!important;}
.consult-field>small{color:#84958f;font-size:.52rem;font-weight:500;}
.consult-red-flags{margin:6px 0 14px;padding:14px;border:1px solid #ead7bf;border-radius:14px;background:#fffaf3;}
.consult-red-flags legend{padding:0 6px;display:flex;align-items:center;gap:5px;color:#8d4c1c;font-size:.67rem;font-weight:900;}
.consult-red-flags legend svg{width:15px;height:15px;}
.consult-red-flags>p{margin:0 0 9px;color:#8b674b;font-size:.56rem;line-height:1.55;}
.consult-red-flags label,.consult-consents label{display:flex;align-items:flex-start;gap:8px;margin:7px 0;color:#5a4b3f;font-size:.6rem;line-height:1.55;cursor:pointer;}
.consult-red-flags input,.consult-consents input{flex:0 0 17px;width:17px;height:17px;margin-top:1px;accent-color:#159b83;}
.consult-upload{
  padding:14px;display:flex;align-items:center;gap:11px;cursor:pointer;
  color:#4c6b63;background:#fff;border:1px dashed #a9d9cc;border-radius:14px;
}
.consult-upload:hover{background:#f2faf7;}
.consult-upload-icon{flex:0 0 27px;width:27px;height:27px;color:#159b83;}
.consult-upload>span{display:flex;flex-direction:column;}
.consult-upload strong{color:#0a4855;font-size:.67rem;}
.consult-upload small{font-size:.52rem;line-height:1.55;}
.consult-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.consult-file-list{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;}
.consult-file-list>span{padding:5px 7px;display:flex;align-items:center;gap:4px;color:#49665f;background:#fff;border:1px solid #d9e9e4;border-radius:8px;font-size:.52rem;}
.consult-file-list svg{width:12px;height:12px;color:#159b83;}
.consult-file-list b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.consult-file-list small{color:#879790;}
.consult-summary{margin:5px 0 14px;padding:13px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #d5e7e1;border-radius:15px;}
.consult-summary>span{flex:0 0 43px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#0d8f79,#36b99e);border-radius:13px;}
.summary-icon{width:23px;height:23px;}
.consult-summary>div{display:flex;flex-direction:column;}
.consult-summary small{color:#728780;font-size:.52rem;}
.consult-summary strong{font:800 .73rem "Alexandria",sans-serif;color:#0a3c4c;}
.consult-summary p{margin:0;color:#5f7b73;font-size:.57rem;}
.consult-consents{padding:11px 13px;background:#fff;border:1px solid #dceae6;border-radius:14px;}
.consult-consents label{color:#4f6862;}
.consult-wizard-actions{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.consult-wizard-actions button{min-height:45px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;cursor:pointer;font:800 .67rem "Alexandria",sans-serif;}
.consult-wizard-actions svg{width:15px;height:15px;}
.consult-back{color:#47675f;background:#fff;border:1px solid #d6e6e1;}
.consult-back svg{transform:rotate(180deg);}
.consult-next{min-width:180px;color:#fff;background:linear-gradient(135deg,#0d8f79,#29b99d);border:0;box-shadow:0 9px 22px rgba(25,169,142,.18);}
.consult-next:disabled{opacity:.6;cursor:wait;}
.consult-emergency,.consult-success{padding:34px 20px;text-align:center;}
.consult-emergency-icon,.consult-success>span{
  width:62px;height:62px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:20px;
}
.consult-emergency-icon{color:#fff;background:linear-gradient(135deg,#bf3e44,#e45b60);box-shadow:0 13px 30px rgba(196,62,68,.22);}
.emergency-dialog-icon,.success-dialog-icon{width:33px;height:33px;}
.consult-emergency h3,.consult-success h3{font:900 1.15rem "Alexandria",sans-serif;color:#713238;margin-bottom:7px;}
.consult-emergency p,.consult-success p{max-width:490px;margin:0 auto 16px;color:#6f625c;font-size:.69rem;line-height:1.8;}
.consult-emergency a{
  min-height:48px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  color:#fff;background:linear-gradient(135deg,#bd3c43,#e45c61);border-radius:13px;text-decoration:none;font-weight:900;
}
.consult-emergency a svg{width:18px;height:18px;}
.consult-emergency button{display:block;margin:13px auto 0;color:#6f7774;background:transparent;border:0;cursor:pointer;font-size:.62rem;text-decoration:underline;}
.consult-success>span{color:#fff;background:linear-gradient(135deg,#0d8f79,#39b99e);box-shadow:0 13px 30px rgba(25,169,142,.2);}
.consult-success h3{color:#0a4855;}
.consult-success>div{width:max-content;max-width:100%;margin:0 auto 14px;padding:9px 14px;display:flex;flex-direction:column;background:#f1f9f6;border:1px solid #d2e9e2;border-radius:12px;}
.consult-success>div small{color:#6f837d;font-size:.52rem;}
.consult-success>div strong{color:#0b7e69;font-size:.9rem;letter-spacing:.08em;}
.consult-success>button{min-width:130px;min-height:43px;color:#fff;background:#128f79;border:0;border-radius:12px;cursor:pointer;font-weight:800;}
.consult-attachment-reminder{padding:8px 11px!important;color:#785827!important;background:#fff9eb;border:1px solid #efdfb9;border-radius:10px;}
.consult-modal-cta{color:#fff!important;background:linear-gradient(135deg,#0c8f79,#28b99d)!important;box-shadow:0 9px 22px rgba(25,169,142,.18);}

@media(max-width:900px){
  .consult-section-head{align-items:flex-start;flex-direction:column;}
  .consult-safety{max-width:none;}
}
@media(max-width:720px){
  .consult-nav-action{display:none!important;}
  .consult-section{width:calc(100% - 20px);margin:18px auto;border-radius:22px;}
  .consult-section-head{padding:22px 17px 15px;gap:13px;}
  .consult-availability{margin-inline:17px;}
  .consult-doctors-grid{padding:3px 14px 18px;grid-template-columns:1fr;}
  .consult-section h2{font-size:1.32rem;}
  .consult-modal-overlay{padding:0;align-items:flex-end;}
  .consult-modal{max-height:96vh;border-radius:25px 25px 0 0;}
  .consult-modal-bar{padding:15px 16px;}
  #consultWizard{padding:15px 14px 20px;}
  .consult-step-panel{padding:16px 13px;}
  .consult-mode-grid{grid-template-columns:1fr;}
  .consult-mode{min-height:95px;display:grid;grid-template-columns:42px 1fr auto;text-align:right;justify-items:start;column-gap:10px;}
  .consult-mode-icon{grid-row:1/4;width:27px;height:27px;align-self:center;}
  .consult-mode strong,.consult-mode span{grid-column:2;}
  .consult-mode i{grid-column:3;grid-row:1/4;align-self:center;}
  .consult-form-grid{grid-template-columns:1fr;}
  .consult-field.wide{grid-column:auto;}
  .consult-wizard-actions{position:sticky;bottom:-20px;padding:10px 0 2px;background:linear-gradient(0deg,#fff 70%,rgba(255,255,255,0));}
  .consult-next{min-width:150px;}
  .mobile-dock{grid-template-columns:repeat(5,1fr)!important;}
  .mobile-dock .dock-item small{font-size:.49rem;}
}
@media(max-width:390px){
  .consult-card-head{align-items:flex-start;}
  .consult-verified{position:absolute;top:12px;left:12px;}
  .consult-next{min-width:135px;padding-inline:11px;}
}
@media(prefers-reduced-motion:reduce){
  .consult-modal,.consult-doctor-card,.consult-start{animation:none!important;transition:none!important;}
}