/* Biblioteca de estudo: filtros, retomada e progresso por material. */
.rw-study-filterbar{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(210px,1.45fr);
  gap:10px;
  align-items:end;
  margin:0 0 16px;
  padding:12px;
  border:1px solid #d7dcda;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 18px rgba(17,20,18,.045);
}
.rw-study-filterbar label{display:flex;min-width:0;flex-direction:column;gap:5px}
.rw-study-filterbar label>span{color:#4d5751;font-size:12px;font-weight:700}
.rw-study-filterbar select{
  width:100%;min-width:0;min-height:42px;padding:0 10px;
  border:1px solid #cbd2ce;border-radius:10px;background:#fff;color:#202723;
  font-size:13px;
}
.rw-study-continue{
  min-width:0;min-height:42px;padding:8px 13px;border-radius:10px;
  background:#1a1e1c;color:#fff;font-size:13px;font-weight:700;
  text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rw-study-continue:disabled{background:#e8ebe9;color:#58615b;opacity:1!important}
.rw-study-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rw-study-hint{color:#58615b;font-size:12px;line-height:1.35}
.rw-study-clear{min-height:32px!important;padding:3px 8px;border-radius:7px;color:#275d48;font-size:12px;font-weight:700}
.rw-study-clear:hover{background:#e9f1ec}

.rw-study-card{
  display:flex;align-items:stretch;min-width:0;min-height:82px;
  border:1px solid #dce1de;border-radius:13px;background:#fff;
  box-shadow:0 2px 5px rgba(20,24,21,.025);
}
.rw-study-card:hover{border-color:#adb8b1;background:#fafcfb}
.rw-study-card-last{border-color:#83a99a;box-shadow:inset 3px 0 #357c65,0 2px 6px rgba(20,24,21,.035)}
.rw-study-open{
  display:flex;min-width:0;flex:1;align-items:center;gap:11px;
  padding:10px 6px 10px 12px;text-align:left;
}
.rw-study-icon{display:grid;flex:none;width:40px;height:40px;place-items:center;border-radius:12px;background:#f1f3f2;color:#252b27}
.rw-study-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.rw-study-title{color:#171b18;font-size:14px;font-weight:700;line-height:1.32;overflow-wrap:anywhere}
.rw-study-meta{color:#505b54;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
.rw-study-state{color:#2c6651;font-size:11.5px;font-weight:700;line-height:1.25}
.rw-study-actions{display:flex;flex:none;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px 4px 0}
.rw-study-action{width:40px;min-height:40px;border-radius:9px;color:#48564e;font-size:20px;line-height:1}
.rw-study-action:hover{background:#e9efeb;color:#1c382a}
.rw-study-action.is-on{background:#fff4d5;color:#684b00}
.rw-study-action.is-done{background:#e0f4e9;color:#185d3c;font-size:18px}

html.dark .rw-study-filterbar,html.dark .rw-study-card{background:#222625;border-color:#49514b;color:#f3f5f2}
html.dark .rw-study-card:hover{background:#2b302d;border-color:#6b786e}
html.dark .rw-study-card-last{border-color:#75b99a;box-shadow:inset 3px 0 #65c69e}
html.dark .rw-study-filterbar label>span,html.dark .rw-study-hint{color:#c3ccc5}
html.dark .rw-study-clear{color:#a6dfbd}
html.dark .rw-study-clear:hover{background:#324438}
html.dark .rw-study-filterbar select{background:#303633;border-color:#68736b;color:#f4f6f3}
html.dark .rw-study-continue{background:#f0f3ef;color:#1b211d}
html.dark .rw-study-continue:disabled{background:#363d38;color:#c4cdc5}
html.dark .rw-study-icon{background:#383e3a;color:#edf2ed}
html.dark .rw-study-title{color:#f5f7f4}
html.dark .rw-study-meta{color:#c4cec6}
html.dark .rw-study-state{color:#9ee0ba}
html.dark .rw-study-action{color:#d6dfd8}
html.dark .rw-study-action:hover{background:#3b4c40;color:#fff}
html.dark .rw-study-action.is-on{background:#594922;color:#ffe7a2}
html.dark .rw-study-action.is-done{background:#245b3d;color:#d4ffe3}

@media(min-width:900px){.rw-study-filterbar{position:sticky;top:64px;z-index:19}}
@media(max-width:1100px){.rw-study-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rw-study-filterbar{position:static;grid-template-columns:1fr}.rw-study-card{min-height:78px}}