/* === Datahjelpen.IT — felles design-tema === * Opt-in via class="dh-theme" på . * Stilen påvirker kun pages som eksplisitt aktiverer temaet. */ :root { --dh-bg: #faf8f2; --dh-bg2: #ffffff; --dh-border: #cbd5e1; --dh-border-soft: #d4d4d8; --dh-text: #1a1a1a; --dh-text-2: #555; --dh-text-3: #888; --dh-blue: #2563eb; --dh-green: #22a06b; --dh-red: #dc2626; --dh-amber: #f59e0b; --dh-purple: #7c3aed; --dh-header-bg: #1a1a1a; --dh-header-text: #f5f5f5; --dh-row-alt: #fafaf6; --dh-row-hover: #fef9c3; } /* ───────── Tabeller — mørk header + zebra + hover ───────── */ body.dh-theme table thead th, body.dh-theme table thead td { background: var(--dh-header-bg); color: var(--dh-header-text) !important; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid #404040 !important; } body.dh-theme table tbody tr { background: #fff; transition: background .08s; } body.dh-theme table tbody tr:nth-child(even) { background: var(--dh-row-alt); } body.dh-theme table tbody tr:hover { background: var(--dh-row-hover) !important; } body.dh-theme table tbody td { border-bottom: 1px solid var(--dh-border-soft); } body.dh-theme table tbody tr:last-child td { border-bottom: none; } /* Tabell-card wrapper-stil */ body.dh-theme .tabell-card, body.dh-theme .dh-tabell-card { background: #fff; border: 1px solid var(--dh-border); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); } /* ───────── Badges — kraftigere farger ───────── */ body.dh-theme .badge-utkast, body.dh-theme .dh-badge-neutral { background: #EEEEEE; color: #424242; border: 1px solid #9E9E9E; } body.dh-theme .badge-fullfort, body.dh-theme .dh-badge-success { background: #C8E6C9; color: #1B5E20; border: 1px solid #66BB6A; } body.dh-theme .badge-fakturert, body.dh-theme .dh-badge-info { background: #BBDEFB; color: #0D47A1; border: 1px solid #42A5F5; } body.dh-theme .badge-arkivert { background: #EEEEEE; color: #424242; border: 1px solid #9E9E9E; text-decoration: line-through; } body.dh-theme .badge-kontant-nota, body.dh-theme .dh-badge-warning { background: #FFE0B2; color: #BF360C; border: 1px solid #FB8C00; } body.dh-theme .badge-tilbud, body.dh-theme .dh-badge-purple { background: #E1D5F8; color: #5B21B6; border: 1px solid #8B5CF6; font-weight: 700; } body.dh-theme .badge-tapt-tilbud, body.dh-theme .dh-badge-danger { background: #FECACA; color: #7F1D1D; border: 1px solid #DC2626; font-weight: 700; } /* ───────── Print/modal-tabeller skal IKKE temas ───────── */ body.dh-theme .modal table thead th, body.dh-theme .modal-body table thead th, body.dh-theme .no-theme table thead th, @media print { body.dh-theme table thead th, body.dh-theme table thead td { background: transparent !important; color: inherit !important; } }