.grc-widget { margin: 16px 0; }

.grc-form{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:12px;
  background:#fff;
  border:1px solid #e5e5e5;
  padding:14px;
  border-radius:12px;
}

.grc-field label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin-bottom:6px;
}

.grc-select{
  width:100%;
  height:40px;
  border-radius:10px;
  border:1px solid #d9d9d9;
  padding:0 10px;
  background:#fff;
}

.grc-actions{
  grid-column: 1 / -1;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}

.grc-btn{
  background:#1e5eff;
  color:#fff;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  cursor:pointer;
}

.grc-swap{
  border:1px solid #d9d9d9;
  background:#fff;
  border-radius:10px;
  width:44px;
  height:40px;
  cursor:pointer;
}

.grc-results{ margin-top: 12px; }

.grc-box{
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:14px 16px;
  margin:12px 0;
  background:#fff;
}
.grc-box--info{ background:#f6f8fb; }
.grc-box--warn{ border-color:#f0c36d; background:#fff8e6; }

.grc-title{ font-weight:800; margin-bottom:8px; }
.grc-main{ display:flex; gap:14px; align-items:center; }
.grc-time{ font-size:30px; font-weight:900; line-height:1; }
.grc-meta{ font-size:14px; opacity:.9; }
.grc-badges, .grc-obs{ margin-top:8px; font-size:13px; opacity:.95; }

.grc-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin: 10px 0 0;
}
.grc-tab{
  border:1px solid #d9d9d9;
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  cursor:pointer;
  font-size:13px;
}
.grc-tab.is-active{
  background:#1e5eff;
  border-color:#1e5eff;
  color:#fff;
}

.grc-list{ list-style:none; padding-left:0; margin:10px 0 0; }
.grc-item{
  padding:8px 10px;
  border-top:1px solid #eee;
  display:flex;
  gap:10px;
}
.grc-item__time{ width:60px; font-weight:800; }
.grc-item--next{ background:#f3f7ff; }

@media (max-width: 900px){
  .grc-form{ grid-template-columns: 1fr; }
  .grc-actions{ justify-content:space-between; }
}