.key-setup{display:grid;grid-template-columns:1fr auto;margin-top:16px}
.key-setup input{border:1px solid #547365;background:#102f25;color:white;padding:11px;border-radius:8px 0 0 8px}
.key-setup button{border:0;background:#eef8f1;color:#173b2e;font-weight:750;padding:0 13px;border-radius:0 8px 8px 0;cursor:pointer}
.key-setup small{grid-column:1/-1;color:#9fc2b3;margin-top:5px}
.key-setup.configured input,.key-setup.configured button{display:none}
@media(max-width:560px){.key-setup{grid-template-columns:1fr}.key-setup input,.key-setup button{border-radius:8px;padding:11px}.key-setup button{margin-top:7px}}
.trend-toggle{display:flex;background:#eef2ed;border-radius:8px;padding:3px}
.trend-toggle button{border:0;background:transparent;color:#66756d;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700}
.trend-toggle button.active{background:white;color:#167a53;box-shadow:0 1px 3px #0002}
.trend-bar span{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#17221d;color:white;padding:4px 6px;border-radius:5px;font-size:10px;white-space:nowrap;z-index:2}
.trend-bar:hover span{display:block}
.trend-labels{display:flex;gap:5px;margin-top:8px;color:#718078;font-size:10px}
.trend-labels span{flex:1;min-width:5px;text-align:center;white-space:nowrap;overflow:hidden}