/* ==========================================================================
ATLAS APPLE LIGHT GREEN
Light green professional admin theme. Nordic Dawn architecture with mint surfaces.
Bakgrund: ingen bild. --bg-image: none.
Patrik: om du vill ha bild, lägg apple-light-green-bg.jpg i mappen
och ändra --bg-image till url('./apple-light-green-bg.jpg').
========================================================================== */

:root {
--bg-image: none !important;
--bg-color: var(--alg-bg) !important;
--theme-accent-primary: #059669 !important;
--mail-link: #1A5FB8 !important;
--alg-bg: #eef7f2 !important;
--alg-surface: #ffffff !important;
--alg-surface-strong: #f2f8f4 !important;
--alg-surface-muted: #f7fbf8 !important;
--alg-header: #e0ede6 !important;
--alg-header-strong: #d4e6db !important;
--alg-field: #ffffff !important;
--alg-field-warm: #fafffe !important;
--alg-border: #758f82 !important;
--alg-shadow-color: rgba(8, 45, 25, 0.08) !important;
--alg-soft-green: #d4f0e2 !important;
--alg-soft-green-strong: #bde8d0 !important;
--alg-readable-muted: #3a6650 !important;
--alg-about-row-border: color-mix(in srgb, var(--alg-border) 45%, var(--alg-surface)) !important;
--alg-about-kbd-border: color-mix(in srgb, var(--alg-border) 45%, var(--alg-surface-strong)) !important;

--bg-dark-primary: var(--alg-surface) !important;
--bg-dark-secondary: var(--alg-surface-strong) !important;
--bg-dark-tertiary: var(--alg-surface-muted) !important;
--bubble-neutral-bg: var(--alg-field) !important;
--bubble-neutral-border: var(--alg-border) !important;
--bg-frosty-sidebar: var(--alg-surface) !important;
--bg-frosty-header: var(--alg-surface-strong) !important;
--bg-frosty-content: var(--alg-surface) !important;
--bg-frosty-bubble-atlas: var(--alg-field) !important;
--bg-frosty-bubble-user: #b7f5d4 !important;
--bg-frosty-input-area: var(--alg-surface-strong) !important;
--bg-frosty-input-field: var(--alg-field) !important;
--ticket-history-bg: var(--alg-surface-muted) !important;
--detail-footer-bg: var(--alg-surface-strong) !important;
--detail-footer-border: var(--alg-border) !important;
--notif-panel-bg: var(--alg-surface) !important;
--blur-amount: 0px !important;

--group-bg: rgba(0, 0, 0, 0.03) !important;
--group-hover: rgba(0, 0, 0, 0.06) !important;
--group-text: #1a3d2a !important;
--group-border: rgba(0, 0, 0, 0.08) !important;
--group-shadow: rgba(15, 60, 35, 0.07) !important;
--group-shadow-hover: rgba(15, 60, 35, 0.13) !important;
--item-bg: var(--alg-surface) !important;
--item-hover: rgba(0, 0, 0, 0.04) !important;
--item-border: rgba(0, 0, 0, 0.08) !important;
--accent: #059669 !important;
--accent-primary: #059669 !important;

--tmpl-am: #7c3aed !important;
--tmpl-bil: #1d4ed8 !important;
--tmpl-mc: #b91c1c !important;
--tmpl-slap: #3d6b50 !important;
--tmpl-lastbil: #b45309 !important;
--tmpl-engelska: #047857 !important;
--tmpl-ovriga: #3d6b50 !important;
--tmpl-privata: #be185d !important;

--text-primary: #0f2918 !important;
--text-secondary: #3d6b50 !important;
--ctpl-muted-affordance: var(--text-secondary) !important;
--border-color: var(--alg-border) !important;
--shadow-small: none !important;
--shadow-medium: 0 1px 2px rgba(15, 60, 35, 0.09) !important;
--shadow-large: 0 2px 8px rgba(15, 60, 35, 0.12) !important;
--glow-soft: none !important;
--glow-medium: none !important;
--glow-strong: none !important;
--glow-primary: none !important;
--bubble-glow-user: none !important;
--modal-backdrop-opacity: rgba(0, 0, 0, 0.28) !important;
--warning-bg: rgba(234, 179, 8, 0.10) !important;
--warning-border: rgba(180, 83, 9, 0.25) !important;
--warning-text: #92400e !important;
--info-bg: rgba(59, 130, 246, 0.08) !important;
--info-border: rgba(59, 130, 246, 0.25) !important;
--info-text: #1d4ed8 !important;
--danger-bg: rgba(220, 38, 38, 0.06) !important;
--danger-border: rgba(220, 38, 38, 0.2) !important;
--danger-text: #b91c1c !important;
--success-bg: rgba(5, 150, 105, 0.08) !important;
--success-border: rgba(5, 150, 105, 0.25) !important;
--success-text: #047857 !important;
--live-server-url-color: #047857 !important;

/* Om Atlas-modalen — mörk tint på ljus bakgrund för synlig sektion/pill-kontrast */
--atlas-info-section-bg: rgba(0, 0, 0, 0.03) !important;
--atlas-info-section-border: rgba(0, 0, 0, 0.08) !important;
--atlas-info-pill-bg: rgba(255,255,255,0.5) !important;
--atlas-info-pill-bg-hover: rgba(255,255,255,0.85) !important;
--atlas-info-pill-border: rgba(0, 0, 0, 0.12) !important;
--atlas-info-pill-text: rgba(0, 0, 0, 0.5) !important;
--atlas-info-pill-text-hover: rgba(0, 0, 0, 0.8) !important;
}

body {
background: linear-gradient(155deg, #d8ece2 0%, #eef7f2 52%, #e2f0e8 100%) !important;
background-attachment: scroll !important;
color: var(--text-primary) !important;
box-shadow: none !important;
}

body::before,
body::after,
.bg-glow,
.ring-pulse,
.ring-spin,
.ln-blob,
.ln-card-glow {
display: none !important;
animation: none !important;
}

h1,
h2,
h3,
.app-name,
.logo-fallback {
text-shadow: none !important;
}

.sidebar {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border-right: 1px solid var(--alg-border) !important;
border-top: none !important;
}

.sidebar .menu-item,
.sidebar .menu-item svg,
.sidebar .menu-item i,
.header-actions svg {
filter: none !important;
drop-shadow: none !important;
color: #1a3d2a !important;
}

.sidebar img,
.sidebar-logo img,
.brand-logo img,
.tenant-logo,
.atlas-logo,
img {
filter: none !important;
box-shadow: none !important;
text-shadow: none !important;
}

/* SEL-standard 2026-07-24: temats egna .menu-item.active- OCH :hover-regler är
   borttagna. Både vald och hovrad menyrad styrs nu av den delade
   --sel-*-standarden i style.css. Hover-texten kommer från --text-primary
   (#0f2918 i detta tema) i stället för den råa accentgröna #047857, som
   mättes till 4,05-4,44:1 mot hover-plattan — under Å1b-golvet. */

.glass-effect,
.template-list-container,
.template-editor-container.glass-effect,
.about-cell {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-small) !important;
}

.atlas-help-overlay .help-modal-box,
.glass-modal-box {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--alg-border) !important;
border-top: 3px solid #059669 !important;
box-shadow: var(--shadow-large) !important;
color: #0f2918 !important;
}

.chat-header,
.list-panel-header,
.notif-panel-header,
.glass-modal-box .help-view-header {
background: var(--alg-surface-strong) !important;
background-image: linear-gradient(180deg, var(--alg-header) 0%, var(--alg-header-strong) 100%) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-bottom: 1px solid var(--alg-border) !important;
box-shadow: none !important;
}

#view-inbox .list-panel-header,
#view-my-tickets .list-panel-header,
#view-customers .list-panel-header,
#view-templates .list-panel-header,
#archive-wide-header,
#view-archive .archive-filter-grid,
.admin-sidebar-list .pane-header,
.detail-header-top,
#template-header-row,
.pane-header,
.ki-panel-header,
.ki-sc-header {
background: var(--alg-surface-strong) !important;
background-image: linear-gradient(180deg, var(--alg-header) 0%, var(--alg-header-strong) 100%) !important;
border-color: var(--alg-border) !important;
box-shadow: none !important;
}

.detail-container {
background: var(--alg-surface) !important;
border-left: 1px solid var(--alg-border) !important;
}

.detail-body,
.detail-message-box {
background: var(--alg-surface-muted) !important;
border-color: var(--alg-border) !important;
box-shadow: none !important;
}

.detail-subject {
color: #0f2918 !important;
text-shadow: none !important;
}

.list-panel-search .filter-input,
#view-archive #filter-search {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}

/* SEL-standard Fas 2: temats egen ovald-fliktextfärg borttagen — ovald flik
   styrs nu av --tab-idle-text i style.css (samma regel i alla tio teman). */
.header-tab {
text-shadow: none !important;
}

/* SEL-standard 2026-07-24: temats .header-tab.active/:hover-regler borttagna —
   vald och hovrad flik styrs av --sel-* + --text-primary. */

.chat-input-area,
.detail-footer-area,
.detail-bottom-area,
#atlas-reader-modal .glass-modal-box > div:last-child,
#customer-reader-modal .glass-modal-box > div:last-child {
background: var(--alg-surface-strong) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-top: 1px solid var(--alg-border) !important;
box-shadow: none !important;
}

#view-chat {
background: var(--bg-color) !important;
background-image: none !important;
box-shadow: none !important;
}

#view-chat .chat-messages,
#view-chat .chat-input-area {
background: transparent !important;
}

#view-chat .hw-card,
#view-chat .hw-private-card,
#view-chat .hw-welcome-card,
#view-chat .hw-stats-card,
#view-chat .hw-todo-card,
#view-chat .hw-offices-card {
background: var(--alg-surface) !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-small) !important;
color: #0f2918 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

#view-chat .hw-card *,
#view-chat .hw-card h3,
#view-chat .hw-card p,
#view-chat .hw-card span {
color: inherit;
text-shadow: none !important;
}

#view-chat .hw-card h3,
#view-chat .hw-card .hw-card-title,
#view-chat .hw-card strong {
color: #047857 !important;
}

#view-chat .hw-card p,
#view-chat .hw-card small,
#view-chat .hw-card em,
#view-chat .hw-card .muted,
#view-chat .hw-card .hw-muted {
color: #3d6b50 !important;
}

#view-chat .hw-todo-input,
#view-chat #hw-todo-input {
background: var(--alg-field) !important;
border: 1px solid var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

.template-editor-container input,
.template-editor-container textarea,
.template-editor-container .composer-quill-wrap,
.template-editor-container .reply-quill-wrap,
.template-editor-container .ql-container,
.template-editor-container .ql-editor {
box-shadow: none !important;
}

#inbox-detail-body,
#my-chat-scroll-area,
#archive-detail .detail-body,
#atlas-reader-modal #reader-chat-scroll,
#customer-reader-modal #cust-reader-chat-scroll {
background: var(--alg-surface-muted) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
}

#inbox-detail .inbox-chat-history,
#archive-detail .inbox-chat-history {
background: transparent !important;
}

#customer-reader-modal [id^="cust-typing-indicator-"] {
background: var(--alg-surface-muted) !important;
}

.msg-row.user .bubble,
.message.user .bubble {
background: #b7f5d4 !important;
border: 1px solid #8edfb5 !important;
box-shadow: var(--bubble-glow-user) !important;
color: #0f2918 !important;
}

.msg-row.atlas .bubble,
.message.atlas .bubble {
background: var(--alg-field) !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-small) !important;
color: #0f2918 !important;
}

.team-ticket-card,
.archive-card {
background: var(--alg-surface) !important;
border: 1px solid var(--alg-border) !important;
border-left: 4px solid var(--agent-color, #059669) !important;
box-shadow: var(--shadow-small) !important;
color: #0f2918 !important;
}

.team-ticket-card:hover,
.archive-card:hover,
.team-ticket-card.active-ticket {
background: var(--alg-surface-strong) !important;
box-shadow: var(--shadow-medium) !important;
filter: none !important;
}

.ticket-preview,
.ticket-time,
.ticket-meta,
.ticket-tag,
.about-platform-note,
.info-label,
.notif-ticket-history-meta {
color: #3d6b50 !important;
}

.filter-input,
.filter-select,
#template-search-input,
#template-title-input,
#template-subgroup-input,
input,
textarea,
select {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

.filter-input:focus,
.filter-select:focus,
#template-search-input:focus,
input:focus,
textarea:focus,
select:focus {
border-color: #059669 !important;
box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.16) !important;
outline: none !important;
}

.filter-select:hover {
background: var(--alg-surface-strong) !important;
border-color: #6fae8b !important;
}

.filter-select option,
#theme-select option {
background: var(--alg-surface) !important;
color: #0f2918 !important;
}

.filter-select option:checked,
#theme-select option:checked {
background: var(--alg-soft-green) !important;
color: #047857 !important;
}

/* Campaign modal fields: keep the dark-theme base intact, but avoid the
   black field film from #atlas-campaign-modal on Apple Light Green. */
#atlas-campaign-modal .filter-input {
background: color-mix(in srgb, var(--alg-field) 86%, transparent) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.34) !important;
}
#atlas-campaign-modal .filter-input:focus {
background: color-mix(in srgb, var(--alg-field) 94%, #ffffff 6%) !important;
border-color: color-mix(in srgb, var(--accent-primary) 60%, var(--alg-border)) !important;
box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.16), inset 0 1px 0 rgba(255,255,255,0.42) !important;
}
#atlas-campaign-modal .filter-input[readonly],
#atlas-campaign-modal select.filter-input:disabled {
background: color-mix(in srgb, var(--alg-field) 78%, #0f2918 6%) !important;
border-color: color-mix(in srgb, #0f2918 18%, var(--alg-border)) !important;
}
#atlas-campaign-modal .atlas-filter-dd {
background: color-mix(in srgb, var(--alg-field) 90%, transparent) !important;
border-color: color-mix(in srgb, #0f2918 15%, var(--alg-border)) !important;
}
#atlas-campaign-modal .atlas-filter-dd:hover,
#atlas-campaign-modal .atlas-filter-dd.open {
background: color-mix(in srgb, var(--alg-field) 96%, #ffffff 4%) !important;
border-color: color-mix(in srgb, var(--accent-primary) 58%, var(--alg-border)) !important;
}
#atlas-campaign-modal .campaign-modal-footer-info {
background: color-mix(in srgb, var(--accent-primary) 8%, var(--alg-field) 92%) !important;
border-color: color-mix(in srgb, var(--accent-primary) 26%, var(--alg-border)) !important;
}
.catalog-active-vehicle-popover {
background: color-mix(in srgb, var(--alg-surface) 94%, #ffffff 6%) !important;
border-color: color-mix(in srgb, #0f2918 18%, var(--alg-border)) !important;
box-shadow: 0 12px 28px rgba(8, 45, 25, 0.16), 0 0 0 1px rgba(255,255,255,0.44) !important;
color: #1a3d2a !important;
}
.catalog-active-vehicle-popover strong {
color: #047857 !important;
}
.catalog-active-vehicle-popover p {
color: #3d6b50 !important;
}

/* Widget install panel: scoped light-theme fields and code surface. */
.widget-install-panel {
background: color-mix(in srgb, var(--alg-surface) 92%, var(--alg-soft-green) 8%) !important;
border-color: color-mix(in srgb, #0f2918 14%, var(--alg-border)) !important;
}
.widget-preview-frame {
background: color-mix(in srgb, var(--alg-field-warm) 76%, var(--alg-soft-green) 24%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
}
.widget-install-panel .filter-input,
.widget-install-panel select.filter-input {
background: color-mix(in srgb, var(--alg-field-warm) 86%, var(--alg-soft-green) 14%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
color: #0f2918 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.36) !important;
}
.widget-install-panel .filter-input:focus,
.widget-install-panel select.filter-input:focus {
background: color-mix(in srgb, var(--alg-field-warm) 92%, #ffffff 8%) !important;
border-color: color-mix(in srgb, var(--accent-primary) 60%, var(--alg-border)) !important;
box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.16), inset 0 1px 0 rgba(255,255,255,0.42) !important;
}
.widget-install-panel .widget-install-color {
background: color-mix(in srgb, var(--alg-field-warm) 80%, var(--alg-soft-green) 20%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
}
.widget-snippet-code {
background: color-mix(in srgb, var(--alg-field-warm) 80%, var(--alg-soft-green) 20%) !important;
border-color: color-mix(in srgb, var(--accent-primary) 24%, var(--alg-border)) !important;
color: #0f2918 !important;
}
.widget-snippet-code code {
color: #0f2918 !important;
}
.widget-platform-steps > div {
background: color-mix(in srgb, var(--alg-field-warm) 72%, var(--alg-soft-green) 28%) !important;
border-color: color-mix(in srgb, #0f2918 12%, var(--alg-border)) !important;
}
.widget-platform-steps strong {
color: #0f2918 !important;
}
.widget-platform-steps span {
color: #3d6b50 !important;
}
.widget-install-panel .admin-lock-btn.widget-install-primary {
background: var(--accent-primary) !important;
border-color: var(--accent-primary) !important;
color: #ffffff !important;
}
.widget-install-panel .admin-lock-btn.widget-install-primary svg {
color: #ffffff !important;
}

::placeholder,
.filter-input::placeholder,
#template-search-input::placeholder,
#template-title-input::placeholder,
#template-subgroup-input::placeholder,
.ql-editor.ql-blank::before,
#view-templates .ql-editor.ql-blank::before {
color: #6fae8b !important;
opacity: 1 !important;
}

.template-editor-container,
#view-templates .template-editor-container,
#view-inbox.templates-view .template-editor-container,
#view-my-tickets.templates-view .template-editor-container {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-small) !important;
}

.template-item,
.template-card,
.template-list-item,
.notif-ticket-history-row,
.note-item {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

.template-item:hover,
.template-card:hover,
.template-list-item:hover,
.notif-ticket-history-row:hover,
.note-item:hover {
background: var(--alg-surface-strong) !important;
}

.composer-quill-wrap,
#atlas-mail-composer .composer-quill-wrap,
#view-templates .ql-container,
.ql-container.ql-snow {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

.ql-editor,
.composer-quill-wrap .ql-editor,
#atlas-mail-composer .composer-quill-wrap .ql-editor,
#view-templates .ql-editor,
#quick-reply-quill-wrap .ql-editor,
#my-ticket-chat-input-wrap .ql-editor,
#reader-quick-reply-wrap .ql-editor,
#cust-reader-quick-reply-wrap .ql-editor {
background: var(--alg-field) !important;
color: #0f2918 !important;
}

.ql-toolbar.ql-snow,
.composer-quill-wrap .ql-toolbar.ql-snow,
#view-templates .ql-toolbar.ql-snow {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
box-shadow: none !important;
}

.ql-snow .ql-stroke,
#view-templates .ql-toolbar.ql-snow .ql-stroke,
.composer-quill-wrap .ql-toolbar.ql-snow .ql-stroke {
stroke: #1a3d2a !important;
}

.ql-snow .ql-fill,
#view-templates .ql-toolbar.ql-snow .ql-fill,
.composer-quill-wrap .ql-toolbar.ql-snow .ql-fill {
fill: #1a3d2a !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-toolbar.ql-snow .ql-picker-label:hover {
background: var(--alg-soft-green) !important;
color: #047857 !important;
}

.ql-toolbar.ql-snow .ql-picker-options,
.composer-quill-wrap .ql-toolbar .ql-picker-options,
#view-templates .ql-toolbar .ql-picker-options,
#ctpl-editor .ql-toolbar .ql-picker-options {
background: var(--alg-surface) !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-medium) !important;
color: #0f2918 !important;
}

.ql-toolbar.ql-snow .ql-picker-item,
.composer-quill-wrap .ql-toolbar .ql-picker-item,
#view-templates .ql-toolbar .ql-picker-item,
#ctpl-editor .ql-toolbar .ql-picker-item {
color: #0f2918 !important;
}

.priority-flyout,
.hw-todo-reminder-popover,
#notif-panel,
.notif-panel {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-large) !important;
color: #0f2918 !important;
}

.priority-flyout button,
.hw-todo-reminder-popover button,
.action-btn,
.icon-only-btn,
.ln-btn,
.chat-submit-btn {
box-shadow: none !important;
}

.note-input-area,
#note-textarea {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}

.ln-card {
background:
linear-gradient(180deg, rgba(255,255,255,0.92), rgba(230,246,238,0.96)) !important;
border: 1px solid rgba(72, 133, 102, 0.28) !important;
border-top: 3px solid #059669 !important;
box-shadow:
0 28px 70px rgba(8,45,25,0.18),
0 0 0 1px rgba(255,255,255,0.82),
inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.ln-card,
.ln-card * {
text-shadow: none !important;
}

.ln-card-glow {
display: block !important;
animation: none !important;
background: radial-gradient(circle, rgba(5,150,105,0.16) 0%, transparent 68%) !important;
}

.ln-ring-pulse {
display: block !important;
animation: lnRingPulse 2.8s ease-in-out infinite !important;
border-color: rgba(4,120,87,0.32) !important;
box-shadow:
0 0 24px rgba(4,120,87,0.12),
inset 0 0 18px rgba(4,120,87,0.08) !important;
}

.ln-ring-pulse.ln-delay {
border-color: rgba(13,69,48,0.16) !important;
}

.ln-ring-spin {
display: block !important;
animation: lnSpin 1.8s linear infinite !important;
border-top-color: #047857 !important;
border-right-color: rgba(5,150,105,0.32) !important;
filter: drop-shadow(0 0 7px rgba(5,150,105,0.26)) !important;
}

.ln-logo-circle.has-tenant-logo {
background: radial-gradient(circle at 50% 42%, rgba(255,255,255,0.34) 0%, rgba(23,38,34,0.92) 52%, #0c1513 100%) !important;
border-color: rgba(4,120,87,0.42) !important;
box-shadow:
0 18px 38px rgba(15,60,35,0.24),
0 0 0 1px rgba(255,255,255,0.72),
0 0 24px rgba(5,150,105,0.16) !important;
}

.ln-logo-circle.has-tenant-logo .ln-logo-img {
filter:
drop-shadow(0 1px 2px rgba(0,0,0,0.24))
drop-shadow(0 0 12px rgba(255,255,255,0.24)) !important;
}

#login-modal .ln-input,
#login-form .ln-input {
background: var(--alg-field-warm) !important;
border-color: #a8cdb9 !important;
color: #0f2918 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

.ln-input::placeholder {
color: rgba(15, 41, 24, 0.45) !important;
}

.ln-input:-webkit-autofill,
.ln-input:-webkit-autofill:hover,
.ln-input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--alg-field-warm) inset !important;
-webkit-text-fill-color: #0f2918 !important;
border-color: #a8cdb9 !important;
}

.ln-field-icon,
.ln-app-name {
color: #0f2918 !important;
}

.ln-tagline,
.ln-tagline.tenant-brand,
.ln-company-name {
color: #035f45 !important;
font-weight: 600 !important;
}

.ln-divider {
background: linear-gradient(90deg, transparent, rgba(4,120,87,0.26), transparent) !important;
}

.ln-progress-label,
.ln-version {
color: rgba(15, 41, 24, 0.58) !important;
}

.ln-progress-bar {
background: linear-gradient(90deg, rgba(4,120,87,0.56), rgba(45,212,191,0.42)) !important;
}

.atlas-image-fallback,
.file-attachment-link {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
box-shadow: none !important;
}

.admin-detail-card,
.admin-list-card,
.agent-card,
.office-card,
.service-card,
.about-shortcut-row,
.info-item,
.setting-item {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

.about-cell kbd {
background: var(--alg-surface-strong) !important;
border: 1px solid var(--alg-about-kbd-border) !important;
box-shadow: none !important;
color: #0f2918 !important;
}

body #view-about .about-cell,
body #view-about .about-shortcut-list,
body #view-about .about-shortcut-row,
body #view-about .about-kbd-group,
body #view-about .about-shortcut-label,
body #view-about .about-platform-note,
body #view-about .guide-section,
body #view-about .guide-step,
body #view-about .step-content,
body #view-about .setting-item,
body #view-about .setting-item label,
body #view-about .info-item,
body #view-about .info-item span,
body #view-about #about-stats-content,
body #view-about #about-stats-content * {
color: #0f2918 !important;
}

body #view-about .about-platform-note,
body #view-about .info-label,
body #view-about #about-stats-content,
body #view-about #about-stats-content *,
body #view-about .step-content {
color: #3d6b50 !important;
}

body #view-about #about-stats-content .about-stat-card {
background: rgba(0,80,40,0.06) !important;
border: 1px solid rgba(0,100,50,0.15) !important;
}
body #view-about #about-stats-content .about-stat-card strong {
color: #0f2918 !important;
}
body #view-about #about-stats-content .about-stat-card--priority {
background: rgba(185,28,28,0.08) !important;
border: 1px solid rgba(185,28,28,0.25) !important;
}
body #view-about #about-stats-content .about-stat-card--priority strong {
color: #b91c1c !important;
}

body #view-about .about-shortcut-row,
body #view-about .guide-step,
body #view-about .info-item,
body #view-about .setting-item {
background: var(--alg-surface) !important;
border: 1px solid var(--alg-about-row-border) !important;
box-shadow: none !important;
}

body #view-about .guide-step {
background: var(--alg-surface-strong) !important;
border-left: 4px solid #059669 !important;
}

body #view-about .guide-step:hover,
body #view-about .about-shortcut-row:hover {
background: var(--alg-soft-green) !important;
}

body #view-about .step-number {
background: #059669 !important;
color: #ffffff !important;
box-shadow: none !important;
}

body #view-about .step-content strong,
body #view-about .about-cell-title {
color: #047857 !important;
}

body .atlas-filter-dd {
background: var(--alg-field) !important;
border: 1px solid var(--alg-border) !important;
box-shadow: none !important;
color: #0f2918 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

body .atlas-filter-dd:hover,
body .atlas-filter-dd.open {
background: var(--alg-surface-strong) !important;
border-color: #6fae8b !important;
}

body .atlas-filter-dd .atlas-filter-dd-label,
body .atlas-filter-dd .atlas-filter-dd-chevron {
color: #0f2918 !important;
}

body .atlas-filter-dd-panel {
background: var(--alg-surface) !important;
border: 1px solid var(--alg-border) !important;
box-shadow: var(--shadow-medium) !important;
color: #0f2918 !important;
}

body .atlas-filter-dd-panel .atlas-filter-dd-item {
color: #0f2918 !important;
}

/* SEL-standard Fas 2: temats egen dropdown-markering borttagen — vald och
   hovrad rad styrs av den delade --sel-*-standarden. */

.admin-detail-card:hover,
.admin-list-card:hover,
.agent-card:hover,
.office-card:hover,
.service-card:hover {
background: var(--alg-surface-strong) !important;
}

button,
.action-btn,
.ln-btn,
.icon-only-btn,
.chat-submit-btn {
text-shadow: none !important;
filter: none !important;
}

a {
color: #047857 !important;
}

hr {
border-color: #d1d5db !important;
}

/* ==========================================================================
APPLE LIGHT GREEN — Kompletterande overrides (2026-06-07)
Täcker mörka artefakter som global CSS-regler låser med hög specificitet
eller med dark-theme rgba-värden som inte täcks av Round 1.
========================================================================== */

/* ── NOTES & HISTORIK-MODALER ────────────────────────────────────────────
   style.css rad 1227 sätter rgba(22,20,32,0.93) med #id .class-specificitet
   som slår .glass-modal-box ensam. Matchande specificitet + later load = vinner. */
#atlas-notes-modal .glass-modal-box,
#atlas-ticket-history-modal .glass-modal-box {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
color: #0f2918 !important;
}

.note-item {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
}
.note-header {
color: #3d6b50 !important;
}

/* ── TICKET-KORTS MÖRKA FOTLIST ──────────────────────────────────────────*/
.ticket-footer-bar {
background: rgba(0, 0, 0, 0.05) !important;
border-top-color: var(--alg-border) !important;
}

/* ── CARD ACTION FLYOUT ──────────────────────────────────────────────────*/
.card-action-flyout {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-color: var(--alg-border) !important;
box-shadow: 0 4px 16px var(--alg-shadow-color) !important;
}
.card-menu-btn svg {
fill: rgba(15, 60, 35, 0.45) !important;
}
.card-menu-btn:hover svg {
fill: rgba(17, 24, 39, 0.9) !important;
}

#mobile-hamburger,
#mobile-back-btn {
color: #1a3d2a !important;
filter: none !important;
}

#mobile-hamburger:hover,
#mobile-back-btn:hover {
color: #047857 !important;
filter: none !important;
}

/* ── TOAST-NOTIFIERINGAR ─────────────────────────────────────────────────*/
.toast-notification {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
color: #0f2918 !important;
border: 1px solid var(--alg-border) !important;
box-shadow: 0 4px 16px var(--alg-shadow-color) !important;
}

/* ── NOTIFIKATIONSPANEL ──────────────────────────────────────────────────*/
.notif-panel-header {
border-bottom-color: var(--alg-border) !important;
}
.notif-tab {
color: #3d6b50 !important;
}
.notif-tab:hover {
color: #1a3d2a !important;
}
.notif-clear-btn {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}
.notif-clear-btn:hover {
color: #1a3d2a !important;
border-color: #6fae8b !important;
background: var(--alg-surface-strong) !important;
}
.notif-history-tool-btn {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}
.notif-ticket-history-panel {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
box-shadow: 0 8px 24px var(--alg-shadow-color) !important;
}
.notif-ticket-history-row:hover {
background: var(--alg-surface-strong) !important;
}
.notif-ticket-history-meta {
color: #6fae8b !important;
}
.notif-tab-content:hover::-webkit-scrollbar-thumb {
background: rgba(61, 107, 80, 0.25) !important;
}

/* ── TOOLTIP ─────────────────────────────────────────────────────────────*/
[data-tooltip]::after {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
box-shadow: 0 4px 16px var(--alg-shadow-color) !important;
}

/* ── ADMIN-HJÄLPTEXTER OCH SMÅ-KNAPPAR ──────────────────────────────────*/
.admin-helper-text {
color: #3d6b50 !important;
}
.btn-glass-tiny {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #3d6b50 !important;
}
.btn-glass-tiny:hover {
background: var(--alg-surface-muted) !important;
color: #1a3d2a !important;
}
.profile-ticket-row {
background: var(--alg-surface) !important;
}

/* ── FOOTER-TOOLBARS ─────────────────────────────────────────────────────*/
.detail-footer-toolbar {
background: var(--alg-surface-strong) !important;
border-top-color: var(--alg-border) !important;
}
.admin-danger-footer {
background: rgba(220, 38, 38, 0.05) !important;
border-top-color: rgba(220, 38, 38, 0.2) !important;
border-bottom-color: rgba(220, 38, 38, 0.1) !important;
}
#view-admin .admin-restart-notice {
background: rgba(234, 179, 8, 0.1) !important;
border-color: rgba(234, 179, 8, 0.3) !important;
color: #78350f !important;
}

/* ── ADMIN STATISTIK- OCH RAPPORT-KNAPPAR ───────────────────────────────*/
.admin-stat-card {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
}
.admin-stat-card:hover {
background: var(--alg-surface-strong) !important;
}
.report-preset-btn {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}
.report-preset-btn:hover {
background: var(--alg-surface-strong) !important;
border-color: #6fae8b !important;
}
.report-action-btn {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}
.report-action-btn:hover {
background: var(--alg-surface-muted) !important;
}

/* ── ADMIN MINI-KORT (sidebar-lista) ────────────────────────────────────*/
#view-admin .admin-mini-card {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
}
#view-admin .admin-mini-card:hover {
background: var(--alg-surface-strong) !important;
box-shadow: 0 2px 6px var(--alg-shadow-color) !important;
}

/* ── ADMIN TICKET-PREVIEW (i kontor/agent-detalj) ───────────────────────*/
#view-admin .admin-ticket-preview {
background: var(--alg-field) !important;
border: 1px solid var(--alg-border) !important;
}
#view-admin .admin-ticket-preview:hover {
background: var(--alg-surface-strong) !important;
}
#view-admin .admin-ticket-preview .atp-date {
color: #6fae8b !important;
}
#view-admin .admin-ticket-preview .atp-pill {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
}
#view-admin .admin-ticket-preview .atp-footer-row {
border-top-color: var(--alg-border) !important;
}
#view-admin .admin-ticket-preview .atp-note-btn:hover {
background: rgba(0, 0, 0, 0.06) !important;
}

/* ── SYSTEMKONFIG NAVIGERING ─────────────────────────────────────────────*/
#view-admin .admin-sysconfig-nav-item {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}
#view-admin .admin-sysconfig-nav-item:hover {
background: var(--alg-surface-strong) !important;
border-color: #6fae8b !important;
}

/* ── ADMIN KONFIG-RADER OCH FÄLT ─────────────────────────────────────────*/
#view-admin .admin-config-row {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
}
#view-admin .admin-config-field {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}
#view-admin .admin-config-field:not(:disabled):not([readonly]) {
border-color: #059669 !important;
background: rgba(5, 150, 105, 0.06) !important;
}

/* ── ADMIN KUNSKAPSBANK (KB) ─────────────────────────────────────────────*/
#view-admin .admin-kb-section-card {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
border-left-color: rgba(5, 150, 105, 0.3) !important;
}
#view-admin .admin-kb-section-card.unlocked {
background: rgba(5, 150, 105, 0.05) !important;
border-color: #059669 !important;
}
#view-admin .admin-kb-title-field {
color: #047857 !important;
border-bottom-color: var(--alg-border) !important;
}
#view-admin .admin-kb-answer-field {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #3d6b50 !important;
}
#view-admin .admin-kb-answer-field:not([readonly]) {
border-color: #059669 !important;
background: rgba(5, 150, 105, 0.05) !important;
color: #0f2918 !important;
}
#view-admin .admin-kb-keywords .kw-pill {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #3d6b50 !important;
opacity: 1 !important;
}

/* ── KB GUIDE-PANELER (Kundchatt & Kunskap-översikt) ────────────────────*/
.kb-guide-hero,
.kb-guide-card {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
}
.kb-guide-hero h3,
.kb-guide-card h4 {
color: #0f2918 !important;
}
.kb-guide-hero p,
.kb-guide-card p,
.kb-guide-card ul,
.kb-guide-card li {
color: #3d6b50 !important;
}
.kb-guide-summary {
background: var(--alg-surface-muted) !important;
border-color: var(--alg-border) !important;
}
.kb-guide-summary span {
color: #1a3d2a !important;
}
.kb-guide-eyebrow {
color: #92400e !important;
}
.kb-guide-flow > div {
background: rgba(5, 150, 105, 0.06) !important;
border-color: rgba(5, 150, 105, 0.2) !important;
}
.kb-guide-flow strong {
color: #047857 !important;
}
.kb-guide-flow span {
color: #3d6b50 !important;
}
.kb-guide-cta {
background: rgba(5, 150, 105, 0.06) !important;
border-color: rgba(5, 150, 105, 0.2) !important;
}
.kb-guide-cta span {
color: #1a3d2a !important;
}

/* ── KNOWLEDGE IMPORT (KI) ───────────────────────────────────────────────*/
.ki-panel-header h4,
.ki-status-grid h5 {
color: #0f2918 !important;
}
.ki-panel-header span {
color: #3d6b50 !important;
}
.ki-file-name,
.ki-draft-id {
color: #1a3d2a !important;
}
.ki-file-date,
.ki-empty {
color: #6fae8b !important;
}
.ki-file-row,
.ki-office-row,
.ki-draft-row {
border-bottom-color: var(--alg-border) !important;
}
.ki-step {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #3d6b50 !important;
}
.ki-step span {
background: rgba(0, 0, 0, 0.06) !important;
}
.ki-step--active {
background: rgba(5, 150, 105, 0.12) !important;
border-color: rgba(5, 150, 105, 0.45) !important;
color: #047857 !important;
}
.ki-help {
color: #3d6b50 !important;
}
.ki-raw-text {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}
.ki-raw-text:focus {
border-color: #059669 !important;
box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.14) !important;
}
.ki-category-select {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
color-scheme: light !important;
}
.ki-guide-panel {
border-color: rgba(180, 83, 9, 0.25) !important;
background: rgba(234, 179, 8, 0.05) !important;
}
.ki-guide-box {
color: #1a3d2a !important;
}
.ki-guide-column,
.ki-guide-grid > div,
.ki-guide-example {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
}
.ki-guide-label {
color: #92400e !important;
}
.ki-guide-example {
color: #3d6b50 !important;
}
.ki-guide-example span {
color: #1a3d2a !important;
}
.ki-guide-dedup-note {
background: rgba(5, 150, 105, 0.06) !important;
border-color: rgba(5, 150, 105, 0.2) !important;
color: #1a3d2a !important;
}
.ki-input-warnings,
.ki-price-warning,
.ki-permanent-warning {
color: #78350f !important;
}
.ki-warning {
color: #b45309 !important;
}
.ki-next-step span {
color: #047857 !important;
}
.ki-save-note {
color: #047857 !important;
}
.ki-scroll {
scrollbar-color: rgba(61, 107, 80, 0.3) transparent !important;
}
.ki-scroll::-webkit-scrollbar-thumb {
background: rgba(61, 107, 80, 0.25) !important;
}

/* ── ASSIGN INFO FOOTER ──────────────────────────────────────────────────*/
#atlas-assign-modal .assign-info-footer,
#atlas-bulk-assign-modal .assign-info-footer {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #3d6b50 !important;
}

/* ── MODAL-SCROLLBARS ────────────────────────────────────────────────────*/
.glass-modal-box::-webkit-scrollbar-thumb,
.atlas-help-overlay .help-modal-box::-webkit-scrollbar-thumb {
background: rgba(61, 107, 80, 0.25) !important;
}
.glass-modal-box::-webkit-scrollbar-thumb:hover,
.atlas-help-overlay .help-modal-box::-webkit-scrollbar-thumb:hover {
background: rgba(61, 107, 80, 0.4) !important;
}

/* ── HJÄLP-MODAL HEADER ──────────────────────────────────────────────────*/
.help-view-header {
background: var(--alg-surface-strong) !important;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.02), transparent) !important;
border-bottom-color: var(--alg-border) !important;
}
.help-view-icon-circle {
background: rgba(5, 150, 105, 0.1) !important;
border-color: rgba(5, 150, 105, 0.2) !important;
}
.help-view-subtitle {
color: #6fae8b !important;
}
.help-content h4 {
color: #1a3d2a !important;
border-bottom-color: var(--alg-border) !important;
}
.help-content li {
color: #1a3d2a !important;
}

/* ── DISKRET SÖKRUTA ─────────────────────────────────────────────────────*/
.subtle-search-input {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}
.subtle-search-input::placeholder {
color: #6fae8b !important;
}
.subtle-search-input:focus {
background: var(--alg-field) !important;
border-color: #059669 !important;
box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.16) !important;
}

/* ── NATIVE SELECT COLOR-SCHEME ──────────────────────────────────────────
   Förhindrar Chromium från att rendera native <select>/<input> med OS mörkt läge.
   Utan detta visas dropdown-listor med OS dark theme trots ljust gränssnitt. */
select,
input,
textarea,
.filter-select,
.filter-input,
.ki-category-select {
color-scheme: light !important;
}

/* ==========================================================================
   APPLE LIGHT GREEN — Round 3 (2026-06-07)
   Global search, Quill mailmallar, backdrop, kompositör, select-appearance
   ========================================================================== */

/* ── GLOBAL SÖKNING (inline-dark byggs i JS → override med ID + !important) */
#atlas-global-search-overlay {
background: rgba(0, 0, 0, 0.25) !important;
}
#atlas-global-search-modal {
background: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--alg-border) !important;
box-shadow: 0 16px 40px rgba(15, 60, 35, 0.18) !important;
}
#atlas-global-search-modal > div:first-child {
border-bottom-color: var(--alg-border) !important;
}
#atlas-global-search-modal > div:first-child > svg {
stroke: rgba(15, 60, 35, 0.4) !important;
}
#atlas-global-search-input {
color: #0f2918 !important;
}
#atlas-global-search-input::placeholder {
color: var(--text-secondary) !important;
}
#atlas-global-search-modal kbd {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: var(--text-secondary) !important;
}
.gs-empty {
color: var(--text-secondary) !important;
}

/* ── MAILMALL QUILL-EDITOR (style-admin.css sätter mörkt #view-templates) */
#view-templates .template-editor-container {
background-color: var(--alg-surface) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
#view-templates .ql-toolbar.ql-snow {
background: var(--alg-surface-strong) !important;
border-top: 1px solid var(--alg-border) !important;
border-bottom: 1px solid var(--alg-border) !important;
}
#view-templates .ql-toolbar.ql-snow .ql-stroke {
stroke: #3d6b50 !important;
}
#view-templates .ql-toolbar.ql-snow .ql-fill {
fill: #3d6b50 !important;
}
#view-templates .ql-toolbar.ql-snow .ql-picker-label {
color: #3d6b50 !important;
}
#view-templates .ql-toolbar.ql-snow button:hover .ql-stroke,
#view-templates .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke {
stroke: #0f2918 !important;
}
#view-templates .ql-toolbar.ql-snow button:hover .ql-fill {
fill: #0f2918 !important;
}
#view-templates .ql-container {
background: var(--alg-field) !important;
}
#view-templates .ql-editor {
color: #0f2918 !important;
}
/* #view-templates .detail-footer-toolbar: style-admin.css sätter rgba(0,0,0,0.42)
   med specificitet #id + .class → matcha exakt */
#view-templates .detail-footer-toolbar {
background: var(--alg-surface-strong) !important;
border-top: 1px solid var(--alg-border) !important;
box-shadow: none !important;
}

/* ── MAIL-COMPOSER QUILL (atlas-mail-composer, nytt mail / internt) ───────*/
#atlas-mail-composer .ql-toolbar.ql-snow {
background: var(--alg-surface-strong) !important;
border-top: 1px solid var(--alg-border) !important;
border-bottom: 1px solid var(--alg-border) !important;
}
#atlas-mail-composer .ql-toolbar.ql-snow .ql-stroke {
stroke: #3d6b50 !important;
}
#atlas-mail-composer .ql-toolbar.ql-snow .ql-fill {
fill: #3d6b50 !important;
}
#atlas-mail-composer .ql-toolbar.ql-snow .ql-picker-label {
color: #3d6b50 !important;
}
#atlas-mail-composer .ql-container {
background: var(--alg-field) !important;
}
#atlas-mail-composer .ql-editor {
color: #0f2918 !important;
}
/* Till-fältet och ämnes-label har inline dark-färger */
#atlas-mail-composer #composer-to {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}
#atlas-mail-composer #label-recipient,
#atlas-mail-composer label[for="composer-to"],
#atlas-mail-composer #composer-subject-wrap label {
color: #3d6b50 !important;
}

/* ── SEKTIONSRUBRIK UNDERTEXT (klass .admin-section-subtitle tillagd i JS) */
.admin-section-subtitle {
color: #3d6b50 !important;
}

/* ── NATIVE SELECT — appearance:none + SVG-pil (belt+suspenders mot OS dark) */
#view-admin select,
#view-templates select {
-webkit-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 10px 7px !important;
padding-right: 30px !important;
}

/* K4/F5: MAILMALL-FLIKAR-blocket var död CSS — mallflikarna använder
   .header-tab (index.html:322-329, templates-view.js:149), aldrig
   .template-tab. Borttaget 2026-07-25. */

/* ── VYBEHÖRIGHET-PILLS — synliggör inaktiva i ljust tema ───────────────*/
.agent-permission-section .glass-panel label {
box-shadow: 0 0 0 1px var(--alg-border) !important;
}

/* ── KUNDCHATT-MODAL (customer-mail-compose-box) ─────────────────────────*/
.cust-mail-compose-box .ql-toolbar.ql-snow {
background: var(--alg-surface-strong) !important;
border-top: 1px solid var(--alg-border) !important;
border-bottom: 1px solid var(--alg-border) !important;
}
.cust-mail-compose-box .ql-toolbar.ql-snow .ql-stroke { stroke: #3d6b50 !important; }
.cust-mail-compose-box .ql-toolbar.ql-snow .ql-fill   { fill:   #3d6b50 !important; }
.cust-mail-compose-box .ql-container.ql-snow { background: var(--alg-field) !important; }
.cust-mail-compose-box .ql-editor    { background: var(--alg-field) !important; color: #0f2918 !important; }

/* ==========================================================================
   APPLE LIGHT GREEN — Round 4 (2026-06-07)
   IRL light-theme contrast fixes: modaler, readers, flyouts, pills, fields.
   ========================================================================== */
:root {
--alg-field: #eaf5ef !important;
--alg-field-warm: #edf7f1 !important;
--alg-surface: #e2f4ea !important;
--alg-surface-strong: #cde9d7 !important;
--alg-surface-muted: #e7f6ed !important;
--alg-header: #bfe0cc !important;
--alg-header-strong: #aed5be !important;
--alg-soft-green: #bdefcf !important;
--alg-soft-green-strong: #a8e8c2 !important;
--alg-readable-muted: #386650 !important;
--flyout-bg: rgba(230, 247, 237, 0.98) !important;
--flyout-border: rgba(85, 143, 105, 0.34) !important;
--flyout-icon-color: #1a3d2a !important;
--flyout-shadow: 0 10px 28px rgba(8, 45, 25, 0.18), inset 0 1px 0 rgba(255,255,255,0.46) !important;
--mail-tooltip-bg: rgba(241, 252, 245, 0.98) !important;
--mail-tooltip-border: rgba(85, 143, 105, 0.30) !important;
--mail-tooltip-text: #0f2918 !important;
--mail-tooltip-muted: #3d6b50 !important;
--mail-tooltip-shadow: 0 10px 26px rgba(8, 45, 25, 0.16) !important;
}

/* Modalstruktur och footers som tidigare ärvde dark/glass-rutor. */
.custom-modal-overlay .glass-modal-box,
.custom-modal-overlay .help-modal-box,
#atlas-help-overlay .help-modal-box {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: 0 12px 34px rgba(15, 60, 35, 0.18) !important;
}

.glass-modal-header,
.glass-modal-box > .help-view-header,
.glass-modal-box:has([data-reader-drag-handle]) > div:first-child,
#atlas-mail-composer .glass-modal-box > div:first-child,
#customer-mail-compose-modal .cust-mail-compose-header,
#atlas-profile-modal #profile-modal-header {
background: linear-gradient(180deg, var(--alg-header) 0%, var(--alg-header-strong) 100%) !important;
border-bottom: 1px solid #8ebfa5 !important;
color: #0f2918 !important;
}

.glass-modal-body,
.custom-modal-overlay .glass-modal-body {
background: var(--alg-surface-muted) !important;
color: #0f2918 !important;
}

.glass-modal-footer,
#atlas-mail-composer .glass-modal-footer,
#atlas-profile-modal .glass-modal-footer,
.glass-modal-box:has([data-reader-drag-handle]) > div:last-child,
.reader-pills-container,
#atlas-reader-modal .reader-pills-container,
#customer-reader-modal .reader-pills-container {
background: var(--alg-surface-strong) !important;
border-top: 1px solid var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

/* Inline-white text in reader- och composerheaders. */
#atlas-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child div:not([data-reader-title]),
#customer-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child div:not([data-reader-title]),
#atlas-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child span,
#customer-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child span,
#atlas-mail-composer #composer-title,
#atlas-mail-composer #composer-subtitle,
#customer-mail-compose-modal .cust-mail-compose-header div,
#atlas-profile-modal h3,
.help-view-title {
color: #0f2918 !important;
text-shadow: none !important;
}

#atlas-mail-composer #composer-subtitle,
#customer-mail-compose-modal .cust-mail-compose-header div:nth-child(2),
.help-view-subtitle {
color: var(--alg-readable-muted) !important;
}

#atlas-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child > div:first-child > div:first-child,
#customer-reader-modal .glass-modal-box:has([data-reader-drag-handle]) > div:first-child > div:first-child > div:first-child,
#atlas-mail-composer .glass-modal-box > div:first-child > div:first-child,
#customer-mail-compose-modal .cust-mail-compose-header > div:first-child {
box-shadow: none !important;
}

/* Header-actions, footer-icons, flyouts och pills i Inkorg/Mina/Garage/readers. */
.btn-glass-icon,
.footer-icon-btn,
.notes-trigger-btn,
.history-trigger-btn,
.card-menu-btn,
.action-icon-btn,
.action-btn,
.report-action-btn,
.drift-logo-icon-btn {
background: transparent !important;
border: none !important;
color: #1a3d2a !important;
box-shadow: none !important;
filter: none !important;
}

.btn-glass-icon:hover,
.footer-icon-btn:hover,
.notes-trigger-btn:hover,
.history-trigger-btn:hover,
.card-menu-btn:hover,
.action-icon-btn:hover,
.action-btn:hover,
.report-action-btn:hover,
.drift-logo-icon-btn:hover {
background: var(--alg-soft-green) !important;
border: none !important;
color: #047857 !important;
}

.priority-trigger-btn,
.priority-trigger-btn:hover {
background: transparent !important;
border: none !important;
filter: none !important;
}

.card-prio-btn.priority-trigger-btn:not([data-priority]),
.card-prio-btn.priority-trigger-btn[data-priority=""],
.card-prio-btn.priority-trigger-btn[data-priority="normal"],
.card-prio-btn.priority-trigger-btn[data-priority="none"] {
--prio-color: rgba(61, 107, 80, 0.72) !important;
color: rgba(61, 107, 80, 0.72) !important;
}

.card-prio-btn.priority-trigger-btn:not([data-priority]):hover,
.card-prio-btn.priority-trigger-btn[data-priority=""]:hover,
.card-prio-btn.priority-trigger-btn[data-priority="normal"]:hover,
.card-prio-btn.priority-trigger-btn[data-priority="none"]:hover {
--prio-color: rgba(61, 107, 80, 0.86) !important;
color: rgba(61, 107, 80, 0.86) !important;
}

.priority-circle[data-priority=""] {
background: rgba(61, 107, 80, 0.72) !important;
}

.footer-icon-btn svg,
.btn-glass-icon svg,
.action-icon-btn svg,
.drift-logo-icon-btn svg,
.notes-trigger-btn svg,
.history-trigger-btn svg {
stroke: currentColor !important;
fill: none;
}

.pill,
.ticket-tag,
.status-pill,
.atp-pill,
.lang-pill {
background: rgba(255, 255, 255, 0.42) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
text-shadow: none !important;
}

.pill:hover,
.ticket-tag:hover,
.status-pill:hover {
background: var(--alg-soft-green) !important;
border-color: #86cfae !important;
color: #047857 !important;
}

.reader-pills-container .pill[data-detail-part="status"] {
background: rgba(5, 150, 105, 0.10) !important;
border-color: rgba(5, 150, 105, 0.30) !important;
color: #047857 !important;
}

.card-action-flyout button,
.priority-flyout button,
.atlas-filter-dd-panel .atlas-filter-dd-item {
color: #0f2918 !important;
}

/* Kompositörer och notes/kollegemodaler. */
#atlas-mail-composer input,
#atlas-mail-composer #composer-subject,
#atlas-mail-composer #composer-to,
#customer-mail-compose-modal input,
#customer-mail-compose-modal .filter-input,
#atlas-notes-modal textarea,
#note-textarea,
.note-input-area,
.settings-group input,
.settings-group input[type="text"],
.settings-group input[type="email"],
.settings-group input[type="password"] {
background: var(--alg-field-warm) !important;
border: 1px solid var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#atlas-mail-composer label,
#customer-mail-compose-modal label,
#atlas-profile-modal label,
.settings-group label {
color: #3d6b50 !important;
opacity: 1 !important;
}

#atlas-mail-composer .composer-quill-wrap,
#customer-mail-compose-modal .composer-quill-wrap,
#atlas-reader-modal .reply-quill-wrap,
#customer-reader-modal .reply-quill-wrap {
background: var(--alg-field-warm) !important;
border-color: var(--alg-border) !important;
}

#reader-upload-label,
#cust-reader-upload-label,
#cust-mail-file-input + select + div + span + button,
#atlas-mail-composer label[for="composer-file-input"],
#customer-mail-compose-modal label[for="cust-mail-file-input"] {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}

.agent-card,
.agent-card.internal-select,
#composer-agent-grid .agent-card,
#atlas-assign-modal .agent-card {
background: var(--alg-field) !important;
border: 1px solid var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

.agent-card:hover,
.agent-card.internal-select:hover,
#atlas-assign-modal .agent-card:hover {
background: var(--alg-soft-green) !important;
}

.agent-card-name,
#composer-agent-grid .agent-card-name,
#composer-agent-grid .internal-select div[style*="color: white"],
#atlas-assign-modal .agent-card-name {
color: #0f2918 !important;
}

.agent-card-status,
#composer-agent-grid .internal-select div[style*="color: #aaa"],
#atlas-assign-modal .agent-card-status {
color: #3d6b50 !important;
}

#atlas-assign-modal .assign-tab-btn {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}

#atlas-assign-modal .assign-tab-btn.active {
background: var(--alg-soft-green-strong) !important;
border-color: #72be99 !important;
color: #047857 !important;
}

/* Profilmodal: gråa dark-rutor och vit sidfältsnamn i APPLE LIGHT GREEN. */
#atlas-profile-modal .avatar-option {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
}

#atlas-profile-modal .avatar-option.selected {
background: var(--alg-soft-green) !important;
border-color: #059669 !important;
}

.sidebar-footer .user-profile,
#user-profile-container {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.sidebar-footer .user-initial {
background: rgba(0, 0, 0, 0.08) !important;
}

#current-user-name,
#current-user-name span {
color: #0f2918 !important;
}

/* IRL 2026-06-07: Apple Light polish för composer, flyout, kunder och adminrutor. */
::placeholder,
.filter-input::placeholder,
input::placeholder,
textarea::placeholder,
.ql-editor.ql-blank::before {
color: rgba(61, 107, 80, 0.62) !important;
opacity: 1 !important;
}

html body .card-action-flyout {
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
}

#atlas-mail-composer .glass-modal-box,
#atlas-mail-composer .glass-modal-body {
background: var(--alg-surface) !important;
color: #0f2918 !important;
}

#atlas-mail-composer .glass-modal-header,
#atlas-mail-composer .glass-modal-box > div:first-child {
background: linear-gradient(180deg, var(--alg-header) 0%, var(--alg-header-strong) 100%) !important;
border-bottom-color: rgba(85, 143, 105, 0.24) !important;
}

#atlas-mail-composer #composer-title,
#atlas-mail-composer .glass-modal-header div[style*="color:white"],
#atlas-mail-composer .glass-modal-header div[style*="color: white"] {
color: #0f2918 !important;
}

#atlas-mail-composer #composer-subtitle,
#atlas-mail-composer .glass-modal-header div[style*="rgba(255,255,255,0.38)"] {
color: #3d6b50 !important;
}

#atlas-mail-composer #composer-mode-toggle {
background: rgba(255,255,255,0.24) !important;
border-color: rgba(85, 143, 105, 0.24) !important;
}

#atlas-mail-composer .toggle-mode-btn {
color: #3d6b50 !important;
}

#atlas-mail-composer .toggle-mode-btn.active {
background: rgba(255,255,255,0.42) !important;
color: #047857 !important;
box-shadow: none !important;
}

#atlas-mail-composer #composer-info-box {
background: rgba(255,255,255,0.26) !important;
border-color: rgba(85, 143, 105, 0.22) !important;
color: #3d6b50 !important;
}

#atlas-mail-composer label[for="composer-file-input"],
#customer-mail-compose-modal label[for="cust-mail-file-input"],
#reader-upload-label,
#cust-reader-upload-label {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
color: #1a3d2a !important;
}

#atlas-mail-composer .atlas-tmpl-trigger,
#atlas-reader-modal .atlas-tmpl-trigger,
#customer-reader-modal .atlas-tmpl-trigger,
#customer-mail-compose-modal .atlas-tmpl-trigger {
background: rgba(245, 253, 248, 0.34) !important;
border-color: rgba(85, 143, 105, 0.18) !important;
color: #3d6b50 !important;
box-shadow: none !important;
}

#view-customers .cust-stat-grid {
background: rgba(205, 233, 215, 0.62) !important;
border-bottom-color: rgba(85, 143, 105, 0.22) !important;
}

#view-customers .cust-stat-grid .admin-stat-card {
background: rgba(245, 253, 248, 0.58) !important;
border: 1px solid rgba(85, 143, 105, 0.18) !important;
box-shadow: none !important;
}

#new-agent-avatar-grid .new-agent-avatar-opt {
background: rgba(245, 253, 248, 0.58) !important;
border-color: rgba(85, 143, 105, 0.22) !important;
color: #3d6b50 !important;
}

#new-agent-avatar-grid .new-agent-avatar-opt.nao-selected {
background: rgba(5, 150, 105, 0.12) !important;
border-color: #059669 !important;
color: #047857 !important;
}

#view-admin .new-agent-office-label {
background: rgba(245, 253, 248, 0.64) !important;
border-color: rgba(85, 143, 105, 0.24) !important;
color: #0f2918 !important;
}

#view-admin .new-agent-office-label:has(.new-agent-office-cb:checked) {
background: rgba(220, 252, 231, 0.74) !important;
border-color: rgba(5, 150, 105, 0.38) !important;
color: #064e3b !important;
}

#view-admin .new-agent-office-cb {
background: rgba(255, 255, 255, 0.72) !important;
border-color: rgba(85, 143, 105, 0.28) !important;
}

#view-admin .new-agent-office-cb:checked {
background: #059669 !important;
border-color: #059669 !important;
}

#view-admin .agent-permission-section .glass-panel[style*="255,140,0"],
#view-admin .agent-permission-section:nth-child(2) .glass-panel,
#view-admin .agent-view-permission-panel,
#view-admin .new-agent-view-panel {
background: rgba(220, 252, 231, 0.58) !important;
border-color: rgba(5, 150, 105, 0.28) !important;
}

#view-admin .agent-view-permission-panel .agent-view-pill,
#view-admin .new-agent-view-panel .na-view-pill[data-active="false"] {
background: rgba(245, 253, 248, 0.62) !important;
border-color: rgba(85, 143, 105, 0.24) !important;
color: #3d6b50 !important;
}

#view-admin .na-view-pill[data-active="true"],
#view-admin .agent-view-permission-panel .agent-view-pill.is-selected,
#view-admin .agent-view-permission-panel .agent-view-pill:has(input:checked),
#view-admin .agent-permission-section label[style*="100,60,200"],
#view-admin .agent-permission-section button[style*="100,60,200"] {
background: rgba(220, 252, 231, 0.76) !important;
border-color: rgba(5, 150, 105, 0.36) !important;
color: #047857 !important;
}

#view-admin .agent-view-permission-panel .agent-view-pill {
background: #f7fdf9 !important;
border-color: rgba(85, 143, 105, 0.34) !important;
color: #3d6b50 !important;
}

#view-admin .agent-view-permission-panel .agent-view-pill.is-selected,
#view-admin .agent-view-permission-panel .agent-view-pill:has(input:checked) {
background: #c6efcf !important;
border-color: rgba(5, 150, 105, 0.56) !important;
color: #045f45 !important;
}

#view-admin .ki-panel,
#view-admin .glass-panel.ki-panel,
#view-admin .ki-guide-panel,
#view-admin .glass-panel.ki-guide-panel,
#view-admin .ki-guide-box,
#view-admin .ki-guide-column,
#view-admin .ki-guide-grid > div,
#view-admin .ki-guide-example,
#view-admin .ki-step,
#view-admin .ki-section-card,
#view-admin .ki-manifest-summary div,
#view-admin details {
background: rgba(245, 253, 248, 0.58) !important;
border-color: rgba(85, 143, 105, 0.22) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin .ki-step:not(.ki-step--active) {
color: #3d6b50 !important;
}

#view-admin .ki-category-select,
#view-admin .ki-category-select:disabled,
#view-admin .ki-category-select option {
background: var(--alg-field-warm) !important;
border-color: rgba(85, 143, 105, 0.28) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin details summary {
color: #047857 !important;
}

#view-admin .detail-body code,
#view-admin #mail-test-result,
#view-admin #spam-blocklist-wrap {
color: #1a3d2a !important;
}

/* Admin Drift/Kontor/Personal: mörka rutor, prisrader och läckande knapptext. */
#view-admin .glass-panel,
#view-admin .admin-detail-card,
#view-admin .admin-list-card,
#view-admin .price-row,
#view-admin .no-price-row,
#view-admin #box-tickets,
#view-admin #box-agents,
#view-admin #ai-price-info-panel,
#view-admin #price-report-panel,
#view-admin #report-output,
#view-admin .admin-config-row,
#view-admin .drift-logo-url-row,
#view-admin .drift-logo-preview {
background: var(--alg-surface-muted) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin #report-preview,
#view-admin .ki-raw-text,
#view-admin pre {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}

#view-admin .drift-logo-actions {
align-items: center !important;
gap: 6px !important;
}

#view-admin .drift-logo-icon-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 1 !important;
}

#view-admin .drift-logo-icon-btn svg {
width: 16px !important;
height: 16px !important;
font-size: 16px !important;
}

#view-admin .price-inp,
#view-admin input.price-inp,
#view-admin .admin-config-field:not(:disabled):not([readonly]) {
background: var(--alg-field-warm) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
color: #0f2918 !important;
}

#view-admin input:disabled,
#view-admin textarea:disabled,
#view-admin select:disabled,
#view-admin input[readonly],
#view-admin textarea[readonly],
#view-admin select[readonly],
#view-admin .admin-config-field:disabled,
#view-admin .admin-config-field[readonly],
#view-admin .catalog-editable:disabled,
#view-admin .catalog-editable[readonly] {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
opacity: 1 !important;
}

#view-admin select:disabled option,
#view-admin select[readonly] option {
background: var(--alg-surface-strong) !important;
color: #1a3d2a !important;
}

#view-admin .admin-section-subtitle,
#view-admin .admin-helper-text,
#view-admin .ki-help,
#view-admin .ki-empty {
color: #3d6b50 !important;
opacity: 1 !important;
}

#view-admin .ki-warning,
#view-admin .ki-input-warnings,
#view-admin .ki-price-warning,
#view-admin .ki-permanent-warning {
color: #9a3412 !important;
opacity: 1 !important;
}

/* Rapporter och flikar: mindre svart output och tydligare aktivt val. */
#view-admin .report-preset-btn,
#view-admin .report-action-btn {
background: var(--alg-field) !important;
border-color: var(--alg-border) !important;
color: #1a3d2a !important;
}

#view-admin .report-preset-btn:hover,
#view-admin .report-action-btn:hover {
background: var(--alg-soft-green) !important;
color: #047857 !important;
}

/* SEL-standard Fas 2: subnav + notisflik borttagna ur denna grupp — de styrs nu
   av den delade --sel-*-standarden. Kvar: ki-step (wizard-progress).
   K4/F5 2026-07-25: template-tab-selektorn borttagen (död). */
#view-admin .ki-step--active {
background: var(--alg-soft-green-strong) !important;
border-color: #72be99 !important;
color: #047857 !important;
}

/* Hjälp/placeholder/watermark. */
.hero-placeholder {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)) !important;
border-color: rgba(61, 107, 80, 0.28) !important;
box-shadow: none !important;
}

.hero-placeholder .hero-bg-icon,
#view-chat #home-brand-watermark {
opacity: 0.22 !important;
color: #059669 !important;
}

.hero-placeholder .help-trigger {
background: var(--alg-soft-green) !important;
border-color: #72be99 !important;
color: #047857 !important;
box-shadow: none !important;
}

.hero-placeholder .help-trigger:hover {
background: var(--alg-soft-green-strong) !important;
color: #0f2918 !important;
}

#atlas-help-overlay .help-modal-box {
background: var(--alg-surface) !important;
}

#atlas-help-overlay .help-view-header,
.atlas-help-overlay .help-view-header {
background: linear-gradient(180deg, var(--alg-header) 0%, var(--alg-header-strong) 100%) !important;
}

.help-content h4 {
background: rgba(255, 255, 255, 0.26) !important;
border: 1px solid var(--alg-border) !important;
border-radius: 8px !important;
padding: 8px 10px !important;
margin-top: 14px !important;
}

/* Notis- och historikpanel. */
#notif-panel,
.notif-panel,
.notif-item,
.notif-row,
.notif-ticket-history-row {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}

.notif-item *,
.notif-row *,
.notif-ticket-history-row * {
text-shadow: none !important;
}

.notif-title,
.notif-message,
.notif-item-text,
.notif-unread .notif-item-text,
.notif-history-clickable:hover .notif-item-text,
.notif-ticket-history-title {
color: #0f2918 !important;
}

.notif-meta,
.notif-time,
.notif-item-meta,
.notif-item-time,
.notif-ticket-history-meta,
.notif-empty {
color: #3d6b50 !important;
opacity: 1 !important;
}

/* ── NOTIFIKATIONSPANEL — SAKNADE ELEMENT (TABS, KNAPPAR, SEPARATOR m.m.) ──
   Komplettering: de delar av notis-panelen som fortfarande använde hardkodad
   rgba(255,255,255,x) och därmed var osynliga mot ljus bakgrund. */
#notif-panel {
border-color: var(--alg-border) !important;
}
.notif-panel-header {
border-bottom-color: var(--alg-border) !important;
}
.notif-tab {
color: #3d6b50 !important;
}
.notif-tab:hover {
color: #0f2918 !important;
}
.notif-clear-btn {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}
.notif-clear-btn:hover {
color: #0f2918 !important;
border-color: var(--alg-border) !important;
background: rgba(0, 0, 0, 0.06) !important;
}
.notif-history-tool-btn {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}
.notif-history-tool-btn:hover {
color: #0f2918 !important;
border-color: var(--alg-border) !important;
background: rgba(0, 0, 0, 0.06) !important;
}
.notif-date-sep {
color: #3d6b50 !important;
}
#notif-panel .notif-item:hover {
background: rgba(0, 0, 0, 0.04) !important;
}
.notif-ticket-history-panel {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
}
.notif-ticket-history-row:hover {
background: rgba(0, 0, 0, 0.04) !important;
}
.notif-ticket-history-label {
color: #0f2918 !important;
}

/* Search/text fields: varmare vit men fortfarande ljusgrå, inte kritvit. */
.list-panel-search .filter-input,
.filter-input,
.filter-select,
#template-search-input,
#template-title-input,
#template-subgroup-input,
#price-report-city,
#price-report-service,
#price-report-custom,
#report-custom-input,
input,
textarea,
select {
background-color: var(--alg-field-warm) !important;
color: #0f2918 !important;
border-color: var(--alg-border) !important;
}

/* APPLE LIGHT GREEN Round 4 follow-up: inline yellow/white values from ticket cards
   and ticket history need darker theme-safe colors on the light surface. */
#atlas-ticket-history-modal {
--history-accent: #047857 !important;
--history-mix8: rgba(4, 120, 87, 0.08) !important;
--history-mix10: rgba(4, 120, 87, 0.10) !important;
--history-mix40: rgba(4, 120, 87, 0.32) !important;
}

#atlas-ticket-history-modal .glass-modal-box {
background: var(--alg-surface) !important;
border-color: var(--alg-border) !important;
color: #0f2918 !important;
}

#atlas-ticket-history-modal [style*="color:white"],
#atlas-ticket-history-modal [style*="color: white"],
#atlas-ticket-history-modal [style*="color:rgba(255,255,255"],
#atlas-ticket-history-modal [style*="color: rgba(255,255,255"] {
color: #3d6b50 !important;
opacity: 1 !important;
}

#atlas-ticket-history-modal [style*="color:var(--history-accent)"],
#atlas-ticket-history-modal [style*="color: var(--history-accent)"] {
color: #047857 !important;
}

#atlas-ticket-history-modal #ticket-history-list {
color: #0f2918 !important;
}

#atlas-ticket-history-modal #ticket-history-list div[style*="border-radius:50%"],
#atlas-ticket-history-modal #ticket-history-list div[style*="border-radius: 50%"] {
background: rgba(4, 120, 87, 0.10) !important;
border-color: rgba(4, 120, 87, 0.32) !important;
color: #047857 !important;
}

#atlas-notes-modal {
--notes-accent: #047857 !important;
--notes-mix8: rgba(4, 120, 87, 0.08) !important;
--notes-mix10: rgba(4, 120, 87, 0.10) !important;
--notes-mix40: rgba(4, 120, 87, 0.32) !important;
}

#atlas-notes-modal [style*="color:rgba(255,255,255"],
#atlas-notes-modal [style*="color: rgba(255,255,255"] {
color: #3d6b50 !important;
opacity: 1 !important;
}

#atlas-notes-modal [style*="color:var(--notes-accent)"],
#atlas-notes-modal [style*="color: var(--notes-accent)"] {
color: #047857 !important;
}

#atlas-notes-modal [style*="border-top:1px solid rgba(255,255,255"],
#atlas-notes-modal [style*="border-top: 1px solid rgba(255,255,255"] {
border-top-color: var(--alg-border) !important;
}

.team-ticket-card .ticket-title,
.team-ticket-card .ticket-customer-name,
.team-ticket-card .ticket-name,
.team-ticket-card .ticket-header-row strong,
.team-ticket-card .ticket-preview span[style*="#f1c40f"],
.team-ticket-card .ticket-preview span[style*="rgb(241, 196, 15)"] {
color: #7c5800 !important;
}

.team-ticket-card .ticket-time,
.team-ticket-card .ticket-footer-bar,
.team-ticket-card .ticket-footer-bar *,
.team-ticket-card [style*="rgba(255,255,255,0.35)"],
.team-ticket-card [style*="rgba(255,255,255, 0.35)"] {
color: #3d6b50 !important;
opacity: 1 !important;
}

/* ── ADMIN TICKET PREVIEW — ljus baskärg, anpassa för ljust tema ─────── */
#view-admin .admin-ticket-preview {
background: rgba(0, 0, 0, 0.04) !important;
border-color: rgba(0, 0, 0, 0.10) !important;
}
#view-admin .admin-ticket-preview:hover {
background: rgba(0, 0, 0, 0.07) !important;
}
#view-admin .admin-ticket-preview .atp-footer-row {
border-top-color: rgba(0, 0, 0, 0.07) !important;
}
#view-admin .admin-ticket-preview .atp-pill {
background: rgba(0, 0, 0, 0.04) !important;
border-color: rgba(0, 0, 0, 0.12) !important;
}
#view-admin .admin-ticket-preview .atp-date {
color: var(--text-secondary) !important;
}

/* ── DETAIL VIEW: ljustemats-anpassning ─────────────────────────────── */
.detail-container {
background: rgba(0, 0, 0, 0.02) !important;
border-left-color: rgba(0, 0, 0, 0.08) !important;
}
.detail-header-top {
background: rgba(0, 0, 0, 0.02) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.detail-subject {
color: var(--text-primary) !important;
}
.detail-bottom-area {
background: var(--bg-dark-secondary) !important;
border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: none !important;
}
.detail-body {
background: transparent !important;
}
.detail-message-box {
background: rgba(0, 0, 0, 0.03) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.footer-icon-btn {
color: var(--text-secondary) !important;
}
.footer-icon-btn:hover {
color: var(--text-primary) !important;
}

/* Dynamic color contract: colored pills must survive broad theme resets. */
#view-admin #lang-pill-group .lang-pill[style*="--dynamic-pill-color"],
#view-admin .header-pills-row .pill[style*="--dynamic-pill-color"],
#view-admin .agent-ticket-counter-cell [data-counter-kind="active"],
#view-admin .admin-ticket-preview .atp-pill[style*="--dynamic-pill-color"],
.ticket-tag[style*="--dynamic-pill-color"],
.pill[style*="--dynamic-pill-color"] {
background: var(--dynamic-pill-bg, transparent) !important;
border-color: var(--dynamic-pill-border, var(--dynamic-pill-color, currentColor)) !important;
color: var(--dynamic-pill-color, currentColor) !important;
}

#view-admin .admin-ticket-preview .atp-pill {
color: var(--atp-color, currentColor) !important;
}

/* ==========================================================================
   APPLE LIGHT GREEN — Round 5 (2026-06-12)
   Quill-bakgrund: style.css .composer-quill-wrap-regler slår temats globala
   .ql-toolbar/.ql-container-regler via specificitet 0-3-0. Fix: matcha 0-3-0
   i temat (laddas sist → vinner). Wrappens rgba(255,255,255,0.04) från
   style.css saknar !important → override med !important räcker.
   Editorn ska använda --alg-surface (#e2f4ea, synlig grön), INTE --alg-field
   (#f5fdf8, nästan vit).
   ========================================================================== */
.composer-quill-wrap {
background: var(--alg-surface) !important;
}
.composer-quill-wrap:focus-within {
background: var(--alg-surface) !important;
}
.composer-quill-wrap .ql-toolbar.ql-snow {
background: var(--alg-surface-strong) !important;
border-color: var(--alg-border) !important;
}
.composer-quill-wrap .ql-container.ql-snow {
background: var(--alg-surface) !important;
}
.composer-quill-wrap .ql-editor {
background: var(--alg-surface) !important;
}
.composer-quill-wrap .ql-editor.ql-blank::before {
color: rgba(61, 107, 80, 0.62) !important;
opacity: 1 !important;
}
.composer-quill-wrap .ql-toolbar .ql-picker-label {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}
.cust-mail-compose-box .ql-toolbar.ql-snow .ql-picker-label {
color: #3d6b50 !important;
border-color: var(--alg-border) !important;
}

/* ── PANEL-IKON VATTENMÄRKEN — ljust tema: invertera vita SVG:er till mörka ─ */
.list-panel-header::after,
.admin-sidebar-list .pane-header::after {
opacity: 0.28 !important;
filter: brightness(0) saturate(100%) invert(37%) sepia(13%) saturate(713%) hue-rotate(104deg) brightness(89%) contrast(86%) !important;
}

/* ==========================================================================
   APPLE LIGHT GREEN — Admin contrast audit (2026-06-30, light thread)
   Scope: Snabbfrågor, Kunskapsimport and the three admin marker types.
   ========================================================================== */
#view-admin .qq-topbar,
#view-admin .qq-test-panel {
background: color-mix(in srgb, var(--alg-surface) 72%, var(--alg-surface-strong) 28%) !important;
border-color: color-mix(in srgb, #0f2918 18%, var(--alg-border)) !important;
box-shadow: none !important;
}

#view-admin .qq-row {
background: color-mix(in srgb, var(--alg-surface) 70%, var(--alg-surface-strong) 30%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
box-shadow: none !important;
}

#view-admin .qq-row:nth-child(even) {
background: color-mix(in srgb, var(--alg-surface-muted) 76%, var(--alg-surface-strong) 24%) !important;
}

#view-admin .qq-add-input,
#view-admin .qq-test-panel textarea,
#view-admin .qq-test-result,
#view-admin .qq-empty,
#view-admin .qq-count-btn,
#view-admin .qq-test-row-btn,
#view-admin .qq-row-action {
background: color-mix(in srgb, var(--alg-field-warm) 62%, var(--alg-soft-green) 38%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

/* SEL-standard Fas 2: .qq-count-btn.active borttagen ur gruppen — vald
   antalsknapp styrs av den delade --sel-*-standarden. */
#view-admin .qq-test-row-btn:hover,
#view-admin .qq-row-action:hover {
background: var(--alg-soft-green) !important;
border-color: #72be99 !important;
color: #047857 !important;
}

#view-admin .ki-panel,
#view-admin .glass-panel.ki-panel,
#view-admin .ki-guide-panel,
#view-admin .glass-panel.ki-guide-panel,
#view-admin .ki-guide-box,
#view-admin .ki-guide-column,
#view-admin .ki-guide-grid > div,
#view-admin .ki-guide-example,
#view-admin .ki-step,
#view-admin .ki-section-card,
#view-admin .ki-manifest-summary div,
#view-admin details {
background: color-mix(in srgb, var(--alg-surface) 76%, var(--alg-surface-strong) 24%) !important;
border-color: color-mix(in srgb, #0f2918 15%, var(--alg-border)) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin .ki-guide-box {
background: color-mix(in srgb, var(--alg-surface-muted) 68%, var(--alg-surface-strong) 32%) !important;
}

#view-admin .ki-guide-example,
#view-admin .ki-guide-column,
#view-admin .ki-guide-grid > div {
background: color-mix(in srgb, var(--alg-field-warm) 58%, var(--alg-soft-green) 42%) !important;
}

#view-admin .ki-guide-grid > .ki-guide-avoid {
background: color-mix(in srgb, var(--danger-bg) 34%, var(--alg-surface) 66%) !important;
border-color: color-mix(in srgb, var(--danger-text) 22%, var(--alg-border)) !important;
}

#view-admin .ki-guide-example span,
#view-admin .ki-step:not(.ki-step--active),
#view-admin .ki-panel-header span {
color: #3d6b50 !important;
opacity: 1 !important;
}

#view-admin .ki-category-select,
#view-admin .ki-category-select:disabled,
#view-admin .ki-raw-text,
#view-admin .catalog-field,
#view-admin .ki-input-warnings {
background: color-mix(in srgb, var(--alg-field-warm) 62%, var(--alg-soft-green) 38%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin .chat-affects-badge {
background: rgba(5, 150, 105, 0.16) !important;
border-color: rgba(5, 150, 105, 0.44) !important;
color: #047857 !important;
}

#view-admin .expert-setting-badge {
background: rgba(185, 28, 28, 0.10) !important;
border-color: rgba(185, 28, 28, 0.36) !important;
color: #b91c1c !important;
}

#view-admin .header-tab .chat-affects-badge {
background: transparent !important;
border-color: transparent !important;
color: #047857 !important;
}

#view-admin .tenant-required-row {
background: rgba(180, 83, 9, 0.08) !important;
border-left-color: rgba(180, 83, 9, 0.72) !important;
box-shadow: inset 1px 0 0 rgba(180, 83, 9, 0.22) !important;
}

#view-admin .glass-panel,
#view-admin .admin-detail-card,
#view-admin .admin-list-card,
#view-admin .admin-mini-card,
#view-admin .agent-card,
#view-admin .office-card,
#view-admin .service-card,
#view-admin .campaign-card,
#view-admin .campaign-info-card,
#view-admin .campaign-summary-card,
#view-admin .campaign-list-card,
#view-admin .campaign-detail-card,
#view-admin .campaign-detail-hero,
#view-admin .catalog-chain-panel,
#view-admin .catalog-chain-row,
#view-admin .catalog-main-panel,
#view-admin .catalog-components-panel,
#view-admin .catalog-list-card,
#view-admin .catalog-help-card,
#view-admin .catalog-guide-card,
#view-admin .catalog-feature-card,
#view-admin .catalog-field,
#view-admin .catalog-new-service-guide,
#view-admin .catalog-kb-section-panel,
#view-admin .catalog-status-card,
#view-admin .vehicle-status-card,
#view-admin .report-preset-card,
#view-admin .report-preset-btn,
#view-admin .admin-stat-card,
#view-admin .admin-config-row,
#view-admin .price-row,
#view-admin .no-price-row,
#view-admin .setting-item,
#view-admin .info-item,
#view-admin .kb-guide-hero,
#view-admin .kb-guide-card,
#view-admin .kb-guide-summary,
#view-admin .kb-guide-flow > div,
#view-admin .kb-guide-cta,
#view-admin .about-shortcut-row {
background: color-mix(in srgb, var(--alg-surface) 72%, var(--alg-surface-strong) 28%) !important;
border-color: color-mix(in srgb, #0f2918 15%, var(--alg-border)) !important;
box-shadow: none !important;
}

#view-admin input,
#view-admin textarea,
#view-admin select,
#view-admin .filter-input,
#view-admin .filter-select,
#view-admin .admin-config-field,
#view-admin .price-inp,
#view-admin .catalog-field input,
#view-admin .catalog-field textarea,
#view-admin .catalog-field select {
background: color-mix(in srgb, var(--alg-field-warm) 60%, var(--alg-soft-green) 40%) !important;
border-color: color-mix(in srgb, #0f2918 16%, var(--alg-border)) !important;
color: #0f2918 !important;
box-shadow: none !important;
}

#view-admin input:disabled,
#view-admin input[readonly],
#view-admin textarea:disabled,
#view-admin textarea[readonly],
#view-admin select:disabled {
background: color-mix(in srgb, var(--alg-surface-strong) 72%, var(--alg-surface) 28%) !important;
color: #1a3d2a !important;
}