/* Spirare */

/* style.css aangepast op 12.10.2026 13:20:19 */
:root{--app-primary:#a8d08d;--app-primary-hover:#96bc7d;--app-accent:#ff8a00;--app-accent-hover:#e07900;--text-main:#2d3748;--text-muted:#718096;--bg-light:#f9fafb}body{color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}#appmodal-container,#login-modal,#modal-profile,#modal-container{backdrop-filter:blur(4px);transition:opacity 0.25s ease-in-out}#app-modal-box,#modal-container>div,#login-modal>div,#modal-profile>div{box-shadow:0 10px 25px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04)}i.fa-solid,i.fa-regular,button i{transition:transform 0.2s ease,color 0.2s ease}button:hover i,a:hover i,.icon-hover:hover{transform:scale(1.12)}.custom-delete:hover i,.fa-gear:hover{transform:rotate(45deg) scale(1.15);color:#e53e3e}.fa-heart,.heartbeat{display:inline-block;color:#e53e3e;animation:heartbeat 1.4s infinite ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}100%{transform:scale(1)}}.fa-heart:hover,.heartbeat:hover{animation:none;transform:scale(1.3);color:var(--app-accent);transition:transform 0.2s ease,color 0.2s ease}.bg-appTheme{background-color:var(--app-primary) !important}.hover\:bg-appTheme:hover{background-color:var(--app-primary-hover) !important}.text-appTheme{color:var(--app-primary) !important}.border-appTheme{border-color:var(--app-primary) !important}.bg-accent{background-color:var(--app-accent)}.bg-accent:hover{background-color:var(--app-accent-hover)}.text-accent{color:var(--app-accent)}.logboek-container{width:100%;max-width:100%;box-sizing:border-box;padding:0 15px}.table-responsive{width:100%;overflow-x:auto}#logboek-table{width:100%;table-layout:fixed;border-collapse:collapse}#logboek-table th,#logboek-table td{width:20%;padding:12px 10px;word-break:break-word;text-align:left;box-sizing:border-box}#logboek-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}#logboek-table td{border-bottom:1px solid #dee2e6}.logboek-container .tabs{margin-bottom:15px}.logboek-container .tab-btn{padding:8px 16px;cursor:pointer;border:1px solid #ced4da;background:#f8f9fa;margin-right:5px;border-radius:4px}.logboek-container .tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}button.disabled,button[disabled]{cursor:not-allowed !important;opacity:0.65}.water-lockscreen{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(249,115,22,0.2),rgba(234,179,8,0.2),rgba(34,197,94,0.2),rgba(6,182,212,0.2),rgba(59,130,246,0.2),rgba(168,85,247,0.2),rgba(236,72,153,0.2) ),#0f172a;background-size:400% 400%;animation:colors 30s ease infinite}.subtle-dashboard-bg{background:linear-gradient(135deg,rgba(239,68,68,0.08),rgba(249,115,22,0.08),rgba(234,179,8,0.08),rgba(34,197,94,0.08),rgba(6,182,212,0.08),rgba(59,130,246,0.08),rgba(168,85,247,0.08),rgba(236,72,153,0.08) ),#f9fafb;background-size:400% 400%;animation:colors 30s ease infinite}@keyframes colors{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}