/* Sai Neelkanth Hospital | Brochure-inspired palette, October 2026.
   Source: hospital's printed brochure (dark evergreen + natural warm white).
   Green is intentionally lifted ~one step for a clearer, calmer digital experience.
   This is a colour-only layer. It must not affect photographs or page geometry. */
:root{
 --brochure-forest:#1D472F;        /* darkest evergreen for headings and hover */
 --brochure-green:#2D6143;         /* lightened brochure green for accessible CTAs */
 --brochure-leaf:#386F4E;          /* supporting colour / highlights */
 --brochure-muted:#567661;         /* secondary text (not on dark surfaces) */
 --brochure-sage:#9DAF9F;          /* soft botanical grey-green */
 --brochure-warm:#F8F7F1;          /* brochure's warm paper */
 --brochure-mist:#F0F4EF;          /* faint pale green */
 --brochure-cream:#EEEFE5;         /* tinted paper accent */
 --brochure-border:#D5DED4;        /* quiet outlines */
 --brochure-white:#FFFFFF;
 --green:var(--brochure-green);--ink:var(--brochure-forest);
 --muted:var(--brochure-muted);--cream:var(--brochure-warm);
 --lime:var(--brochure-sage);--line:var(--brochure-border);
 --brand-blue:var(--brochure-green);--brand-blue-deep:var(--brochure-forest);
 --brand-orange:var(--brochure-sage);--brand-ink:var(--brochure-forest);
 --brand-pale:var(--brochure-warm);
 --snh-forest:var(--brochure-forest);--snh-vibrant:var(--brochure-green);
 --snh-mint:var(--brochure-mist);--snh-olive:var(--brochure-sage);
 --snh-sand:var(--brochure-cream);--snh-taupe:var(--brochure-muted);
 --color-forest:var(--brochure-forest);--color-green:var(--brochure-green);
 --color-sage:var(--brochure-sage);--color-beige:var(--brochure-cream);
 --surface-base:var(--brochure-white);
 --surface-sage:var(--brochure-mist);
 --surface-sage-soft:#F6F8F4;
 --surface-beige:var(--brochure-cream);
 --surface-beige-soft:var(--brochure-warm);
 --border-soft:var(--brochure-border);
}
html{accent-color:var(--brochure-green)}
body{color:var(--brochure-forest)!important;background:var(--brochure-white)!important}
::selection{background:var(--brochure-sage)!important;color:var(--brochure-forest)!important}
:is(h1,h2,h3,h4),.section-head h2,.purpose-heading h2{
 color:var(--brochure-forest)!important;
}
:is(p,address,small),.muted{border-color:var(--brochure-border)}
.eyebrow,#home .eyebrow,.contact-kicker,
#home .hero-side-label,.purpose-label,.doctor-role,.doctor-number{
 color:var(--brochure-green)!important;
}
.section-head h2 em,.purpose-heading h2 em,#home h1 em,
#about h2 em,#appointment h2 em,#contact h2 em{
 color:var(--brochure-leaf)!important;
}
a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline-color:var(--brochure-green)!important
}
.scroll-progress{
 background:linear-gradient(90deg,var(--brochure-forest),var(--brochure-green),var(--brochure-sage))!important
}
.topbar,.topbar a{
 background:var(--brochure-forest)!important;color:#FFFFFF!important;
}
header{
 background:#FFFFFF!important;
 border-bottom:1px solid var(--brochure-border)!important;
 box-shadow:0 3px 18px rgba(29,71,47,.045)!important
}
header nav a{color:var(--brochure-forest)!important}
header nav a:hover,header nav a:focus-visible,.textlink:hover{
 color:var(--brochure-green)!important
}
header .language-switch select{
 background:#FFFFFF!important;
 border-color:var(--brochure-border)!important;
 color:var(--brochure-forest)!important
}
header .language-switch:after,header>.menu{
 color:var(--brochure-forest)!important
}
header>.button.small{
 background:var(--brochure-green)!important;
 color:#FFFFFF!important;border-color:var(--brochure-green)!important
}
header>.button.small:hover{background:var(--brochure-forest)!important}
.button,#home .actions .button,.contact-actions .button,
#appointment #booking>.button,form#booking>.button{
 background:var(--brochure-green)!important;
 border:1px solid var(--brochure-green)!important;
 color:#FFFFFF!important;
}
.button:hover,#home .actions .button:hover,.contact-actions .button:hover,
#appointment #booking>.button:hover,form#booking>.button:hover{
 background:var(--brochure-forest)!important;
 border-color:var(--brochure-forest)!important;color:#FFFFFF!important
}
.button:active{transform:translateY(0)!important}
/* Warm white, almost paper-like hero: not a large dark green block. */
#home.hero-minimal{
 background:
 radial-gradient(ellipse 41% 50% at 93% 20%,rgba(157,175,159,.13),transparent 80%),
 linear-gradient(130deg,var(--brochure-warm),#FFFFFF 76%)!important;
}
#home h1{color:var(--brochure-forest)!important}
#home .hero-side{color:var(--brochure-forest)!important;border-color:var(--brochure-border)!important}
#home .intro,#home .hero-foot p{color:var(--brochure-forest)!important}
#home .hero-foot{border-color:var(--brochure-border)!important}
#home .hero-scroll-arrow{color:var(--brochure-green)!important}
.quickstrip{
 background:#FFFFFF!important;
 border-bottom:1px solid var(--brochure-border)!important
}
.quickstrip>a,.quickstrip>a:nth-child(1),.quickstrip>a:nth-child(2),.quickstrip>a:nth-child(3){
 background:#FFFFFF!important;color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important
}
.quickstrip>a:hover{background:var(--brochure-warm)!important}
.quickstrip>a>span{color:var(--brochure-green)!important}
/* Doctor portraits stay authentic: light panel, soft green fade, no harsh seam. */
#doctors.doctors-section{background:var(--brochure-mist)!important}
#doctors .doctor-card,#doctors .doctor-card-women{
 background:linear-gradient(105deg,#FFFFFF 0%,#FFFFFF 54%,#F1F5EF 100%)!important;
 border:1px solid var(--brochure-border)!important;
 box-shadow:0 11px 27px rgba(29,71,47,.08)!important
}
#doctors .doctor-card:hover,#doctors .doctor-card:focus-within{
 border-color:var(--brochure-sage)!important;
 box-shadow:0 16px 32px rgba(29,71,47,.11)!important
}
#doctors .doctor-card .doctor-photo-rail{
 background:transparent!important;
}
#doctors .doctor-card .doctor-photo-rail::before,
#doctors .doctor-card .doctor-photo-rail::after{
 display:none!important;content:none!important;
}
#doctors .doctor-card h3,#doctors .doctor-card .doctor-bio,
#doctors .doctor-card .doctor-credentials,#doctors .doctor-card .doctor-mobile-specialties{
 color:var(--brochure-forest)!important;
}
#doctors .doctor-card .doctor-bio{opacity:.87}
#doctors .doctor-monogram{
 background:var(--brochure-green)!important;color:#FFFFFF!important
}
#doctors .doctor-card-women .doctor-monogram{
 background:var(--brochure-cream)!important;
 border:1px solid var(--brochure-border)!important;
 color:var(--brochure-forest)!important
}
#doctors .doctor-focus span{
 background:var(--brochure-mist)!important;
 border:1px solid var(--brochure-border)!important;
 color:var(--brochure-forest)!important
}
#doctors .doctor-mobile-book,#doctors .doctor-action,#doctors .mobile-profile-toggle{
 color:var(--brochure-green)!important
}
#doctors .doctor-details,#doctors .doctor-action{border-color:var(--brochure-border)!important}
#doctors .doctor-disclaimer{color:var(--brochure-muted)!important}
/* 1 strong evergreen service card, lighter supporting choices. */
#care.section{background:#FFFFFF!important}
#care .care-card{border-color:var(--brochure-border)!important}
#care .care-card.featured{
 background:var(--brochure-green)!important;
 border-color:var(--brochure-green)!important;color:#FFFFFF!important
}
#care .care-card.featured :is(h3,p,a,.icon){color:#FFFFFF!important}
#care .care-card:nth-child(2){
 background:var(--brochure-warm)!important;
 border-color:var(--brochure-border)!important
}
#care .care-card.maternity{
 background:var(--brochure-mist)!important;
 border-color:var(--brochure-border)!important
}
#care .care-card:not(.featured) :is(h3,p,.icon){color:var(--brochure-forest)!important}
#care .care-card:not(.featured) a{color:var(--brochure-green)!important}
#care .care-card:hover{border-color:var(--brochure-sage)!important}
.service-finder{
 background:var(--brochure-warm)!important;border-color:var(--brochure-border)!important;
 box-shadow:none!important
}
.service-finder>label,.service-finder input,
#service-search-status{color:var(--brochure-forest)!important}
.service-finder input{
 background:#FFFFFF!important;
 border:1px solid var(--brochure-border)!important;
}
.service-finder input:focus{
 border-color:var(--brochure-green)!important;
 box-shadow:0 0 0 3px rgba(45,97,67,.12)!important
}
.specialities .service-link,.specialities .service-link:nth-child(4n+2),
.specialities .service-link:nth-child(4n+3){
 color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important;
 background:#FFFFFF!important
}
.specialities .service-link:nth-child(4n+2){background:var(--brochure-warm)!important}
.specialities .service-link:hover,.specialities .service-link:focus-visible{
 background:var(--brochure-mist)!important;
 border-color:var(--brochure-sage)!important
}
#care .compact-view-all{
 background:#FFFFFF!important;color:var(--brochure-green)!important;
 border:1px solid var(--brochure-border)!important
}
#care .compact-view-all:hover{background:var(--brochure-mist)!important}
.service-count{background:var(--brochure-mist)!important;color:var(--brochure-green)!important}
/* Mission design mirrors green heading bars on the supplied brochure, softened. */
#about.about.section{background:var(--brochure-warm)!important}
#mission.purpose.section{background:#FFFFFF!important}
#mission .purpose-card,
#mission .purpose-card:not(.purpose-card-accent){
 background:var(--brochure-mist)!important;
 border:1px solid var(--brochure-border)!important
}
#mission .purpose-card.purpose-card-accent{
 background:var(--brochure-warm)!important;
 border-color:var(--brochure-border)!important
}
#mission .purpose-card::before{background:var(--brochure-green)!important}
#mission .purpose-card.purpose-card-accent::before{background:var(--brochure-sage)!important}
#mission .purpose-card :is(h3,p,.purpose-label){color:var(--brochure-forest)!important}
#mission .mobile-purpose-toggle{color:var(--brochure-green)!important}
#about .about-cta{color:var(--brochure-green)!important}
/* Appointment: soft green backdrop, white form, clear primary action. */
#appointment.appointment-section{background:var(--brochure-mist)!important}
#appointment .appointment-short-head>p:not(.eyebrow){
 color:var(--brochure-muted)!important
}
#appointment form#booking{
 background:#FFFFFF!important;
 border:1px solid var(--brochure-border)!important;
 box-shadow:0 13px 27px rgba(29,71,47,.08)!important
}
#appointment form :is(input:not([type=checkbox]),select){
 background:#FFFFFF!important;color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important
}
#appointment form :is(input:not([type=checkbox]),select):focus{
 border-color:var(--brochure-green)!important;
}
#appointment #selected-doctor{
 background:var(--brochure-warm)!important;
 border:1px solid var(--brochure-border)!important
}
#appointment .privacyhint,#appointment .muted{color:var(--brochure-muted)!important}
.faq.section{background:#FFFFFF!important}
.faq details{border-bottom-color:var(--brochure-border)!important}
/* Contact area: leaflet's dark green interpreted in a much lighter, welcoming way. */
#contact.contact,#contact.contact.section{
 background:linear-gradient(110deg,var(--brochure-mist),var(--brochure-warm))!important;
 color:var(--brochure-forest)!important
}
#contact .contact-information :is(h2,p,address),
#contact .contact-phone a,#contact .hospital-address{
 color:var(--brochure-forest)!important
}
#contact .contact-phone .contact-alternate,
#contact .contact-email{color:var(--brochure-green)!important}
#contact .contact-map-card{
 background:#FFFFFF!important;border:1px solid var(--brochure-border)!important;
 box-shadow:0 12px 30px rgba(29,71,47,.08)!important
}
#contact .contact-map-heading{color:var(--brochure-forest)!important}
#contact .contact-map-heading span:last-child{color:var(--brochure-muted)!important}
/* Quiet, airy footer; brochure's strong green stays in call-to-action elements. */
footer.simple-footer{background:#FFFFFF!important;color:var(--brochure-forest)!important}
.simple-footer .footer-bottom{
 color:var(--brochure-muted)!important;
 border-top-color:var(--brochure-border)!important
}
.simple-footer .footer-bottom a{color:var(--brochure-green)!important}
.simple-footer .footer-social-links a{
 background:var(--brochure-mist)!important;
 color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important
}
.simple-footer .footer-social-links a:hover{
 background:var(--brochure-green)!important;
 color:#FFFFFF!important;border-color:var(--brochure-green)!important
}
/* FAQ demo should feel part of the same site and not hide the mobile page. */
.chat-launch.chatbot-launch{
 background:var(--brochure-green)!important;
 border-color:var(--brochure-green)!important;
 color:#FFFFFF!important;
 box-shadow:0 9px 25px rgba(29,71,47,.19)!important
}
.chat-launch.chatbot-launch:hover{
 background:var(--brochure-forest)!important;
 border-color:var(--brochure-forest)!important
}
.chatbot-panel{
 border-color:var(--brochure-border)!important;
 box-shadow:0 20px 60px rgba(29,71,47,.2)!important
}
.chatbot-panel .chatbot-head{
 background:var(--brochure-forest)!important;color:#FFFFFF!important
}
.chatbot-avatar{
 background:var(--brochure-green)!important;color:#FFFFFF!important
}
.chatbot-status-dot{background:var(--brochure-sage)!important}
.chatbot-message.is-user .chatbot-bubble{background:var(--brochure-green)!important}
.chatbot-message.is-bot .chatbot-bubble{
 background:var(--brochure-mist)!important;
 color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important
}
.chatbot-action{color:var(--brochure-green)!important;border-color:var(--brochure-border)!important}
.chatbot-panel .chatbot-quick button{
 background:var(--brochure-warm)!important;
 color:var(--brochure-forest)!important;
 border-color:var(--brochure-border)!important
}
.chatbot-panel .chatbot-quick button:hover{background:var(--brochure-cream)!important}
.chatbot-composer{border-color:var(--brochure-border)!important}
.chatbot-panel .chatbot-composer button{
 background:var(--brochure-green)!important;color:#FFFFFF!important
}
.chatbot-panel .chatbot-composer button:hover{background:var(--brochure-forest)!important}
.chatbot-disclaimer{color:var(--brochure-muted)!important}
nav.mobile-actions{
 background:#FFFFFF!important;
 border-top:1px solid var(--brochure-border)!important
}
nav.mobile-actions .mobile-action{
 background:var(--brochure-mist)!important;
 color:var(--brochure-forest)!important
}
nav.mobile-actions .mobile-action.mobile-action-primary{
 background:var(--brochure-green)!important;color:#FFFFFF!important
}
nav.mobile-actions .mobile-action.mobile-action-primary:hover{
 background:var(--brochure-forest)!important;color:#FFFFFF!important
}
nav.mobile-actions .mobile-chat-action{
 background:var(--brochure-warm)!important;color:var(--brochure-forest)!important
}
nav.mobile-actions .mobile-chat-action[aria-expanded="true"]{
 background:var(--brochure-forest)!important;color:#FFFFFF!important
}
@media(max-width:760px){
 header{background:#FFFFFF!important}
 #home.hero-minimal{
  background:linear-gradient(140deg,var(--brochure-warm),#FFFFFF 88%)!important
 }
 #doctors .doctor-card,#doctors .doctor-card-women{
  background:linear-gradient(106deg,#FFFFFF 0%,#FFFFFF 49%,var(--brochure-mist) 100%)!important
 }
 #about.about.section{background:var(--brochure-warm)!important}
 #appointment.appointment-section{background:var(--brochure-mist)!important}
 #contact.contact{background:var(--brochure-mist)!important}
 nav.mobile-actions{background:#FFFFFF!important}
}
@media(prefers-reduced-motion:reduce){
 .chat-launch.chatbot-launch{transition:none!important}
}