/* Tablón de movilidad RIUDICC: usa los tokens de estilos.css y formulario.css */
.tw{max-width:1040px}
.t-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}
.t-acts .btn{text-decoration:none;padding:11px 20px}
.t-estado{font-size:13.5px;color:var(--muted)}
.tbody{padding-block:26px 64px;display:grid;gap:16px}

.t-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.t-filtros input[type=search],.t-filtros select{font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;min-width:0}
.t-filtros input[type=search]{flex:1 1 280px}
.t-filtros select{flex:0 1 auto;max-width:100%}
.t-filtros input:focus,.t-filtros select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.t-check{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-body);color:var(--ink);cursor:pointer}
.t-check input{width:17px;height:17px;accent-color:var(--accent)}
.t-check.big{font-weight:400;font-size:15px;align-items:flex-start}
.t-check.big input{margin-top:3px;flex:none}
.t-cuenta{margin:0;font:500 13px var(--f-mono);color:var(--muted)}

.t-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:14px}
.t-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px;align-content:start;min-width:0}
.t-card.vencida{opacity:.62}
.t-top{display:flex;flex-wrap:wrap;gap:6px}
.t-tipo,.t-src,.t-inc{font:600 11.5px/1 var(--f-body);letter-spacing:.04em;padding:5px 9px;border-radius:999px}
.t-tipo{background:var(--accent-soft);color:var(--accent)}
.t-src.red{background:color-mix(in srgb,var(--hilo-verde) 22%,transparent);color:var(--t-verde)}
.t-src.ext{background:var(--sunk);color:var(--muted)}
.t-inc{background:color-mix(in srgb,var(--hilo-cian) 22%,transparent);color:var(--t-cian)}
.t-plazo{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13.5px;color:var(--muted)}
.t-plazo b{font:700 15px var(--f-display);color:var(--ink)}
.t-plazo.pronto span{color:var(--t-coral);font-weight:600}
.t-card h3{font:700 17px/1.3 var(--f-display);margin:0;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}
.t-meta{margin:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.t-cubre{margin:0;font-size:14px;overflow-wrap:anywhere}
.t-desc summary{cursor:pointer;font:600 14px var(--f-body);color:var(--accent)}
.t-desc p{margin:8px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.t-acts2{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:4px}
.t-acts2 .btn{text-decoration:none;font-size:14px;padding:8px 14px}
.t-acts2 .btn[disabled]{opacity:.6;cursor:default}
.t-vacio{grid-column:1/-1;text-align:center;color:var(--muted);padding:28px 16px;border:1.5px dashed var(--line);border-radius:16px}
.t-vacio p{margin:4px 0}

.t-prop{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--hilo-verde);border-radius:18px;padding:24px;display:grid;gap:18px;scroll-margin-top:90px}
.t-prop-h h2{font:800 24px/1.15 var(--f-display);margin:0 0 6px;color:var(--ink)}
.t-prop-h p{margin:0;color:var(--muted);max-width:68ch}
#tForm{display:grid;gap:18px}
.t-enviar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.t-enviar .btn{padding:12px 24px;font-size:15.5px}
.t-msg{font-size:14.5px;font-weight:600}
.t-msg.ok{color:var(--t-verde)} .t-msg.mal{color:var(--t-coral)}
@media (max-width:520px){.t-prop{padding:18px 14px}.t-filtros select{flex:1 1 45%}}
.t-filtros input[type=search],.t-filtros select{width:auto}
.t-filtros input[type=search]{width:100%}
#tForm input[type=date],#tForm input[type=url]{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;width:100%;min-width:0}
#tForm input[type=date]:focus,#tForm input[type=url]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.q.mal input[type=url],.q.mal input[type=date]{border-color:var(--t-coral)}
