This repository has been archived on 2026-02-15. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
breakpilot-pwa/backend/frontend/static/css/modules/components/legal-modal.css
Benjamin Admin 21a844cb8a fix: Restore all files lost during destructive rebase
A previous `git pull --rebase origin main` dropped 177 local commits,
losing 3400+ files across admin-v2, backend, studio-v2, website,
klausur-service, and many other services. The partial restore attempt
(660295e2) only recovered some files.

This commit restores all missing files from pre-rebase ref 98933f5e
while preserving post-rebase additions (night-scheduler, night-mode UI,
NightModeWidget dashboard integration).

Restored features include:
- AI Module Sidebar (FAB), OCR Labeling, OCR Compare
- GPU Dashboard, RAG Pipeline, Magic Help
- Klausur-Korrektur (8 files), Abitur-Archiv (5+ files)
- Companion, Zeugnisse-Crawler, Screen Flow
- Full backend, studio-v2, website, klausur-service
- All compliance SDKs, agent-core, voice-service
- CI/CD configs, documentation, scripts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 09:51:32 +01:00

206 lines
3.4 KiB
CSS

/* ==========================================
LEGAL MODAL STYLES
Privacy, Terms, Cookie Settings
========================================== */
.legal-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 10000;
justify-content: center;
align-items: center;
backdrop-filter: blur(4px);
}
.legal-modal.active {
display: flex;
}
.legal-modal-content {
background: var(--bp-surface);
border-radius: 16px;
width: 90%;
max-width: 700px;
max-height: 80vh;
display: flex;
flex-direction: column;
box-shadow: 0 20px 60px rgba(0,0,0,0.4);
border: 1px solid var(--bp-border);
}
.legal-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid var(--bp-border);
}
.legal-modal-header h2 {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.legal-modal-close {
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: var(--bp-text-muted);
padding: 0;
line-height: 1;
}
.legal-modal-close:hover {
color: var(--bp-text);
}
.legal-tabs {
display: flex;
gap: 4px;
padding: 12px 24px;
border-bottom: 1px solid var(--bp-border);
background: var(--bp-surface-elevated);
}
.legal-tab {
padding: 8px 16px;
border: none;
background: transparent;
color: var(--bp-text-muted);
cursor: pointer;
border-radius: 8px;
font-size: 13px;
transition: all 0.2s ease;
}
.legal-tab:hover {
background: var(--bp-border-subtle);
color: var(--bp-text);
}
.legal-tab.active {
background: var(--bp-primary);
color: white;
}
.legal-body {
padding: 24px;
overflow-y: auto;
flex: 1;
}
.legal-content {
display: none;
}
.legal-content.active {
display: block;
}
.legal-content h3 {
margin-top: 0;
color: var(--bp-text);
}
.legal-content p {
line-height: 1.6;
color: var(--bp-text-muted);
}
.legal-content ul {
color: var(--bp-text-muted);
line-height: 1.8;
}
/* Cookie Categories */
.cookie-categories {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 16px;
}
.cookie-category {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px;
background: var(--bp-surface-elevated);
border-radius: 8px;
border: 1px solid var(--bp-border);
cursor: pointer;
}
.cookie-category input {
margin-top: 4px;
}
.cookie-category span {
flex: 1;
font-size: 13px;
color: var(--bp-text);
}
/* GDPR Actions */
.gdpr-actions {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 16px;
}
.gdpr-action {
padding: 16px;
background: var(--bp-surface-elevated);
border-radius: 12px;
border: 1px solid var(--bp-border);
}
.gdpr-action h4 {
margin: 0 0 8px 0;
font-size: 14px;
color: var(--bp-text);
}
.gdpr-action p {
margin: 0 0 12px 0;
font-size: 13px;
}
.btn-danger {
background: var(--bp-danger) !important;
border-color: var(--bp-danger) !important;
}
.btn-danger:hover {
filter: brightness(1.1);
}
/* Light Mode Overrides */
[data-theme="light"] .legal-modal-content {
background: var(--bp-surface);
border-color: var(--bp-border);
}
[data-theme="light"] .legal-tabs {
background: var(--bp-bg);
}
[data-theme="light"] .legal-tab.active {
background: var(--bp-primary);
color: white;
}
[data-theme="light"] .cookie-category,
[data-theme="light"] .gdpr-action {
background: var(--bp-bg);
border-color: var(--bp-border);
}