/* MS Planner · Base: reset, body, scrollbar, ::selection  (extraído de MS Planner App.html — Fase 1)
   NO reordenar entre archivos: el orden variables→base→layout→components preserva la cascada. */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink-900);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--brand-200)}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
a{color:inherit;text-decoration:none}svg{display:block}
.ico{width:16px;height:16px;flex-shrink:0}
.rep-row{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;transition:background .14s;flex-wrap:wrap}
.rep-row:hover{background:var(--surface-2)}
.rep-info{flex:1;min-width:170px}
.rep-info b{font-size:13.5px;display:block}
.rep-info p{font-size:12px;color:var(--ink-500);margin-top:1px}
.rep-actions{display:flex;gap:7px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:560px){.rep-info{min-width:0;flex:1 1 60%}.rep-actions{flex:1 1 100%}.rep-actions .btn{flex:1 1 auto;justify-content:center}}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}