/* Shared screen palette only: report exports and printed certificates keep their styles. */
body.mela-app-shell{
 --mela-sun-ink:#164d43;--mela-sun-teal:#087c65;--mela-sun-gold:#efbd45;
 color:var(--mela-sun-ink);
 background:radial-gradient(ellipse at 95% 0%,#ffe6a477,transparent 48%),radial-gradient(ellipse at 0% 35%,#dcf7eb88,transparent 48%),linear-gradient(135deg,#fffdf5,#f5fcf8 65%,#fff9e8);
}
.mela-app-shell .mela-header .mela-masthead{
 background:radial-gradient(ellipse at 90% 0%,#ffdf8b99,transparent 55%),radial-gradient(ellipse at 0% 70%,#c8f2e499,transparent 50%),#fffef8;
 border-top-color:#e4b237;
}
.mela-app-shell .mela-header h1{color:#08705a}
.mela-app-shell .mela-header .mela-english h2{color:#14584b}
.mela-app-shell .mela-header .mela-english h2 span{color:#07896a}
.mela-app-shell .mela-header .mela-eyebrow{color:#427765}
.mela-app-shell .mela-header .mela-year{background:#ffedb0;border-color:#e9bf57;color:#75500c}
.mela-app-shell .mela-header .mela-navigation,
.mela-app-admin #top .navbar-inner{background:linear-gradient(110deg,#086b59,#14856a);border-bottom:3px solid #efc35c;box-shadow:0 4px 14px #976f1415}
.mela-app-shell .mela-header .mela-home,
.mela-app-shell .mela-header .mela-links .nav-link{color:#fff}
.mela-app-shell .mela-header .mela-links .mela-login{background:linear-gradient(120deg,#fff3bc,#ffd56e);border-color:#f5d786;color:#254a37;box-shadow:0 2px 8px #173b2720}
.mela-app-admin #content.mela-app-content{border-color:#d4e9d9;box-shadow:0 6px 22px #846a1c0b}
.mela-app-shell :is(.mela-downloads-hero,.mela-map-intro,.mela-report-items-heading,.mela-status-page-heading,.mela-dash-hero,.mela-user-hero,.mela-venue-hero,.mela-import-hero){
 background:radial-gradient(ellipse at 95% 20%,#ffe6a399,transparent 48%),linear-gradient(110deg,#e1f8eb,#fffdf3);border-color:#c4e4cc;
}
.mela-app-admin .heading_gray,.mela-app-admin .mela-app-content .box>header{background:linear-gradient(110deg,#e2f6e8,#fff8df);border-color:#d0e5cf;color:#205d43}
.mela-app-shell :is(.mela-map-card,.mela-report-item,.mela-venue-card,.mela-item-tile,.mela-result-status){background-color:#fff;box-shadow:0 5px 18px #6c66200b;border-color:#d4e7d9}
.mela-app-shell .mela-report-item{border-top-color:#11a07b}
.mela-app-shell .mela-report-item:nth-child(3n+2){border-top-color:#e5b13b}
.mela-app-shell .mela-report-item:nth-child(3n){border-top-color:#39a5c0}
.mela-app-shell .mela-report-availability.is-published{background:#dcf7e6;color:#176b3d}
.mela-app-shell :is(a.mela-map-link,a.mela-report-view){background:#e5f7ec;border-color:#b9dfca;color:#176549}
.mela-app-shell :is(a.mela-map-link,a.mela-report-view):is(:hover,:focus){background:#087950;border-color:#087950;color:#fff}
.mela-app-admin .mela-app-content :is(.btn-primary,.btn-success){background:linear-gradient(110deg,#0b805f,#15945e);border-color:#08764f;color:#fff;text-shadow:none}
.mela-app-admin .mela-app-content :is(.btn-primary,.btn-success):is(:hover,:focus){background:#086b4b;color:#fff}
.mela-app-admin .mela-app-content :is(input,select,textarea):focus{border-color:#e0b342;outline-color:#f4d37366}
.mela-app-shell .mela-app-content .table{background-color:#fff}
.mela-app-admin .mela-app-content .table thead th{background:#e1f5e9;color:#205d43;border-color:#c9e3d3}
.mela-app-shell .mela-app-content .table-striped>tbody>tr:nth-of-type(odd){background-color:#f5fbf6}
.mela-app-shell .mela-app-content .table tbody tr:hover{background-color:#fff9e7}
.mela-app-shell .mela-main-footer,.mela-app-admin #footer{background:linear-gradient(110deg,#12634f,#217c59);color:#f2fff6;border-top:3px solid #e8be54}
.mela-app-shell .mela-main-footer a,.mela-app-admin #footer a{color:#fff0ba}
.mela-app-shell .mela-main-footer .mela-footer-link{color:#fff}
.mela-app-shell #popUpWindow .modal-header{background:radial-gradient(circle at top right,#ffe19a99,transparent 65%),#eaf9ef}

/* Maintain readable navigation labels on the light hover surface. */
.mela-app-shell .mela-header .mela-links .nav-link:not(.mela-login):is(:hover,:focus,:active),
.mela-app-shell .mela-header .mela-home:is(:hover,:focus,:active){background:#e6f8ed;color:#14543e}
.mela-app-shell .mela-header .mela-links .mela-login:is(:hover,:focus,:active){background:#ffe8a1;color:#204530}

.mela-app-shell .mela-result-status .mela-chart-btn:is(:hover,:focus,:active){background:#e0f5e8;color:#14543e;border-color:#26815e}
.mela-app-shell .mela-result-status .mela-chart-btn:is(:hover,:focus,:active) .mela-chart-btn-text{color:inherit}

/* Original illustrated banner on desktop; compact live branding on mobile. */
@media screen and (min-width:768px){
 .mela-app-shell .mela-header .mela-masthead{
  background:#fff url('../../img/header-desktop.jpg') center center / contain no-repeat;
  aspect-ratio:1474 / 160;
  width:100%;
  border-top:0;
 }
 .mela-app-shell .mela-header .mela-masthead:after{display:none}
 .mela-app-shell .mela-header .mela-masthead .mela-brand-row{
  position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
 }
}