@import url('/_shared/fonts/almarai.css');
/* Arab Board — modern theme v5 (council colors), self-hosted Almarai font. */
:root{
  --teal:#156b68; --teal-d:#0f4f4c; --teal-l:#1c8a86; --gold:#caa453; --gold-d:#b08f3e;
  --bg:#eaf1f0; --ink:#21302e; --line:#dde6e4; --radius:12px;
}
*{box-sizing:border-box}
body, body *{ font-family:'Almarai','Segoe UI',Tahoma,Arial,sans-serif !important; }
body{
  background:linear-gradient(180deg,#eef4f3,#e3edeb) !important; background-attachment:fixed !important;
  color:var(--ink) !important; line-height:1.8; margin:0; padding:18px;
}
a{color:var(--teal); text-decoration:none; transition:color .15s}
a:hover{color:var(--gold-d)}
h1,h2,h3,h4,strong,b{color:var(--teal-d)}

/* header banner */
img[src*="gifHead"],img[src*="Head"]{
  display:block; margin:0 auto 14px; max-width:100%; height:auto;
  border-radius:var(--radius); box-shadow:0 6px 22px rgba(21,107,104,.22);
}

/* recolor legacy header bars / table-bg -> council teal */
[bgcolor="#FFD2A6"],[bgcolor="#FFCC99"],[bgcolor="#0061B0"],[bgcolor="#0061b0"]{
  background:linear-gradient(90deg,var(--teal),var(--teal-l)) !important;
}
[bgcolor="#FFD2A6"] *,[bgcolor="#FFCC99"] *,[bgcolor="#0061B0"] *,[bgcolor="#0061b0"] *{ color:#fff !important; }

/* zebra DATA rows: light background AND dark text (fixes white-on-white in doctor lists) */
[bgcolor="#FFFAF4"]{background:#ffffff !important}
[bgcolor="#FFEAD5"]{background:#f3f8f7 !important}
[bgcolor="#FFFAF4"],[bgcolor="#FFEAD5"],
[bgcolor="#FFFAF4"] *,[bgcolor="#FFEAD5"] *,
[bgcolor="#FFFAF4"] font,[bgcolor="#FFEAD5"] font{ color:var(--ink) !important; }

/* data tables polish */
table[border="1"]{
  border-collapse:separate !important; border-spacing:0; background:#fff;
  box-shadow:0 4px 18px rgba(20,50,48,.10); margin:14px auto; border:0 !important;
  border-radius:var(--radius) !important; overflow:hidden;
}
table[border="1"] td, table[border="1"] th{
  border:0 !important; border-bottom:1px solid var(--line) !important; padding:10px 12px !important;
}
table[border="1"] tr:hover td{ background:rgba(21,107,104,.045) !important; }

/* forms */
input,select,textarea{
  font-family:inherit; padding:9px 11px; border:1px solid #c6d0ce; border-radius:9px;
  background:#fff; color:var(--ink); transition:border-color .15s, box-shadow .15s;
}
input:focus,select:focus,textarea:focus{
  outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(21,107,104,.15);
}
input[type=submit],input[type=button],button{
  background:linear-gradient(180deg,var(--teal-l),var(--teal)) !important; color:#fff !important;
  border:0 !important; padding:10px 24px !important; border-radius:10px !important; cursor:pointer;
  font-weight:700; box-shadow:0 4px 12px rgba(21,107,104,.28);
  transition:transform .12s, box-shadow .12s, background .15s;
}
input[type=submit]:hover,input[type=button]:hover,button:hover{
  background:var(--teal-d) !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(21,107,104,.34);
}

/* pager */
.pager .cur{background:var(--teal) !important; border-color:var(--teal) !important; color:#fff !important}
.pager a{color:var(--teal) !important; transition:background .15s}
.pager a:hover{background:#e7f3f1 !important; text-decoration:none}