:root{--blauw: #232296;--blauwgroen: #77c9d1;--oranje: #fc9d42;--donkergrijs: #898896;--grijs: #e6e6e6;--wit: #ffffff;--zwart: #1a1a1a;--radius: 12px;--shadow: 0 2px 14px rgba(35, 34, 150, .08);font-family:Arial,"Source Sans 3",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--grijs);color:var(--zwart)}h1,h2{font-family:"Source Sans 3",Arial,sans-serif}.brand-mark{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 180deg,var(--blauw),var(--blauwgroen),var(--oranje),var(--blauw));margin:0 auto 1rem}.brand-mark.small{width:32px;height:32px;margin:0}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(120deg,var(--blauw) 67.5%,var(--blauwgroen))}.login-card{background:var(--wit);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:380px;width:90%}.login-card h1{color:var(--blauw);margin:.25rem 0}.login-card p{color:var(--donkergrijs)}.login-foot{color:#ffffffd9;font-size:.85rem}.btn-primary{background:var(--oranje);color:var(--wit);border:0;padding:.7rem 1.4rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--grijs);color:var(--wit);padding:.4rem .9rem;border-radius:8px;cursor:pointer}.topbar{background:var(--blauw);color:var(--wit);display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-title{font-weight:600;font-size:1.1rem}.user{font-size:.9rem;opacity:.9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 860px){.grid{grid-template-columns:1fr}}.panel{background:var(--wit);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.panel h2{color:var(--blauw);margin-top:0;border-bottom:3px solid var(--blauwgroen);padding-bottom:.5rem}.muted{color:var(--donkergrijs)}.team-select{margin-bottom:.75rem;padding:.4rem;border-radius:6px;border:1px solid var(--grijs);width:100%}.crumbs{font-size:.9rem;margin-bottom:.5rem}.crumb{background:none;border:0;color:var(--blauw);cursor:pointer;padding:0;font-size:.9rem}.crumb-sep{color:var(--donkergrijs);margin:0 .35rem}.doc-list{list-style:none;margin:0;padding:0}.doc-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .25rem;border-bottom:1px solid var(--grijs)}.doc-name{background:none;border:0;color:var(--zwart);text-decoration:none;cursor:pointer;font-size:.95rem;text-align:left}.doc-name.folder{font-weight:600}.doc-name:hover{color:var(--blauw)}.doc-meta{color:var(--donkergrijs);font-size:.8rem}.chat{display:flex;flex-direction:column;height:440px}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.bubble{max-width:80%;padding:.6rem .85rem;border-radius:14px;font-size:.92rem;line-height:1.35;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--blauw);color:var(--wit);border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:var(--grijs);color:var(--zwart);border-bottom-left-radius:4px}.bubble.typing{opacity:.7;font-style:italic}.chat-input{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--grijs)}.chat-input input{flex:1;padding:.6rem;border:1px solid var(--grijs);border-radius:8px;font-size:.95rem}