.kwt-widget,
.kwt-widget *{
box-sizing:border-box;
}
.kwt-widget{
--kwt-green:#5f9900;
--kwt-green-dark:#4d8100;
--kwt-white:#fff;
--kwt-muted:rgba(255,255,255,.78);
width:100%;
max-width:1000px;
min-width:0;
margin:24px auto;
padding:0;
overflow:hidden;
color:#fff !important;
background:linear-gradient(145deg,var(--kwt-green) 0%,#568d00 48%,var(--kwt-green-dark) 100%) !important;
border-radius:12px;
box-shadow:0 10px 30px rgba(36,65,0,.22);
font-family:Arial,Helvetica,sans-serif !important;
line-height:1.25;
text-align:left;
}
.kwt-widget button,
.kwt-widget select,
.kwt-widget input{font-family:inherit;}
.kwt-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:16px 22px 13px;
background:rgba(0,0,0,.06);
}
.kwt-location{font-size:17px !important;font-weight:700 !important;color:#fff !important;}
.kwt-location-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#fff;vertical-align:middle;}
.kwt-local-time{margin-top:4px;font-size:12px !important;color:rgba(255,255,255,.86) !important;}
.kwt-week-control{display:flex;align-items:center;gap:6px;}
.kwt-nav,.kwt-day-select{
height:34px !important;
border:1px solid rgba(255,255,255,.45) !important;
border-radius:6px !important;
color:#fff !important;
background:rgba(0,0,0,.14) !important;
box-shadow:none !important;
}
.kwt-nav{width:34px !important;padding:0 !important;cursor:pointer;font-size:22px !important;line-height:32px !important;}
.kwt-day-select{min-width:150px;padding:0 9px !important;font-size:12px !important;}
.kwt-day-select option{color:#222;background:#fff;}
.kwt-grid{display:grid;grid-template-columns:1.08fr .92fr 1.35fr;min-height:188px;}
.kwt-current,.kwt-tides,.kwt-details{padding:19px 22px;}
.kwt-tides,.kwt-details{border-left:1px solid rgba(255,255,255,.18);}
.kwt-weather-row{display:flex;align-items:center;gap:12px;}
.kwt-weather-icon{width:55px !important;height:55px !important;object-fit:contain;filter:brightness(0) invert(1);}
.kwt-temperature{font-size:48px !important;font-weight:700 !important;line-height:.9 !important;letter-spacing:-2px;color:#fff !important;}
.kwt-temperature sup{font-size:19px !important;letter-spacing:0;vertical-align:top;}
.kwt-condition{margin-top:8px;font-size:14px !important;font-weight:700 !important;color:#fff !important;}
.kwt-feels{margin-top:3px;font-size:11px !important;color:rgba(255,255,255,.78) !important;}
.kwt-tide-pill{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 13px;border-radius:20px;background:rgba(0,0,0,.20);font-size:11px !important;font-weight:700;color:#fff !important;}
.kwt-wave-icon{font-size:18px;line-height:1;}
.kwt-section-label{margin-bottom:12px;font-size:10px !important;font-weight:700 !important;letter-spacing:.13em;color:rgba(255,255,255,.75) !important;}
.kwt-tide-item{display:flex;gap:9px;margin-bottom:14px;}
.kwt-tide-icon{font-size:26px;line-height:1;color:#fff;}
.kwt-tide-item span{display:block;font-size:10px !important;color:rgba(255,255,255,.75) !important;}
.kwt-tide-item strong{display:inline-block;margin-top:2px;font-size:16px !important;color:#fff !important;}
.kwt-tide-item b{display:block;font-size:12px !important;margin-top:1px;color:#fff !important;}
.kwt-details{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;align-content:center;}
.kwt-detail span{display:block;font-size:9px !important;color:rgba(255,255,255,.70) !important;}
.kwt-detail b{display:block;margin-top:3px;font-size:12px !important;color:#fff !important;}
.kwt-chart-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 22px 6px;border-top:1px solid rgba(255,255,255,.16);}
.kwt-chart-head strong{display:block;font-size:15px !important;font-weight:700 !important;color:#fff !important;}
.kwt-chart-head span{font-size:10px !important;color:rgba(255,255,255,.70) !important;}
.kwt-chart-status{white-space:nowrap;}
.kwt-chart-wrap{position:relative;height:245px !important;padding:8px 18px 4px;}
.kwt-chart{display:block !important;width:100% !important;height:100% !important;}
.kwt-events{display:flex;flex-wrap:wrap;gap:7px;padding:8px 22px 14px;}
.kwt-event{flex:1 1 120px;min-width:100px;padding:8px 10px;border-radius:6px;background:rgba(0,0,0,.13);}
.kwt-event span{display:block;font-size:9px !important;color:rgba(255,255,255,.72) !important;}
.kwt-event strong{display:block;margin-top:2px;font-size:12px !important;color:#fff !important;}
.kwt-event b{display:block;margin-top:2px;font-size:11px !important;color:#fff !important;}
.kwt-footer{padding:9px 22px;border-top:1px solid rgba(255,255,255,.12);font-size:9px !important;color:rgba(255,255,255,.60) !important;}
.kwt-error{padding:12px 22px;background:rgba(120,0,0,.18);font-size:12px;color:#fff;}
@media (max-width:800px){
.kwt-grid{grid-template-columns:1fr;}
.kwt-tides,.kwt-details{border-left:0;border-top:1px solid rgba(255,255,255,.18);}
.kwt-details{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
.kwt-head{display:block;}
.kwt-week-control{margin-top:10px;}
.kwt-day-select{flex:1;min-width:0;}
.kwt-temperature{font-size:44px !important;}
.kwt-chart-wrap{height:210px !important;padding-left:10px;padding-right:10px;}
}