/* Tarkes Helpdesk theme — dark Tarkes-branded chrome, legible light content.
   Loaded after osticket.css/theme.css so these rules win. */
:root{
  --t-bg:#0a0c0f; --t-line:#242b34;
  --t-teal:#14b8a6; --t-teal-d:#0e7c7b; --t-blue:#4f7cff;
}

html, body{ background:#0a0c0f !important; }
#container{ background:transparent !important; box-shadow:none !important; }

/* Dark header band carrying the Tarkes logo */
#header{
  background:linear-gradient(180deg,#11161d,#0b0f14) !important;
  border:1px solid var(--t-line) !important;
  border-radius:16px 16px 0 0 !important;
  padding:16px 22px !important;
}
#header, #header p, #header a{ color:#aab2bc !important; }
#header a:hover{ color:#ffffff !important; }
#header #logo img{ max-height:54px !important; width:auto !important; }

/* Navigation */
#nav{
  background:#0e1319 !important;
  border-left:1px solid var(--t-line) !important;
  border-right:1px solid var(--t-line) !important;
}
#nav li a{ background:transparent !important; color:#aab2bc !important; }
#nav li a.active, #nav li a:hover{
  color:#ffffff !important;
  box-shadow:inset 0 -2px 0 var(--t-teal) !important;
}

/* Content card — kept light so forms, threads and the editor stay legible */
#content{
  background:#ffffff !important;
  color:#1b2330 !important;
  border:1px solid var(--t-line) !important;
  border-top:0 !important;
  border-radius:0 0 16px 16px !important;
  box-shadow:0 30px 70px -34px rgba(0,0,0,.85) !important;
}

/* Links & buttons — Tarkes accent */
#content a{ color:var(--t-teal-d) !important; }
#content a:hover{ color:var(--t-blue) !important; }
.button, input.button, button, input[type=submit],
.green.button, .pending.button, #landing_page .button{
  background:linear-gradient(135deg,var(--t-blue),var(--t-teal)) !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:999px !important;
  text-shadow:none !important;
  box-shadow:0 10px 22px -12px rgba(20,184,166,.55) !important;
}
.button:hover, input.button:hover, button:hover, input[type=submit]:hover{
  filter:brightness(1.08) !important;
}

/* Inputs — legible with teal focus */
input[type=text],input[type=email],input[type=password],input[type=search],
input[type=tel],input[type=number],textarea,select{ border-radius:10px !important; }
input:focus,textarea:focus,select:focus{
  border-color:var(--t-teal) !important;
  box-shadow:0 0 0 3px rgba(20,184,166,.15) !important;
  outline:none !important;
}

/* Search box on landing page */
.search-form input.search{ border-radius:12px !important; }

/* Footer on the dark surface */
#footer{ color:#75808d !important; border-top:0 !important; margin-top:18px !important; }
#footer a{ color:#75808d !important; }
#footer a:hover{ color:var(--t-teal) !important; }