/* UKonnexia: readable themes, calmer surfaces, responsive social and messaging UI. */
:root[data-theme="light"] {
  color-scheme:light; --ink:#172033; --text:#172033; --title:#101b30;
  --muted:#526176; --text-soft:#526176; --gray:#526176;
  --bg:#f5f7fb; --bg-body:#f5f7fb; --card:#fff; --bg-card:#fff;
  --bg-card-strong:#fff; --border:#dce3ed; --line:#dce3ed;
}
:root[data-theme="dark"] {
  color-scheme:dark; --ink:#edf2fa; --text:#edf2fa; --title:#fff;
  --muted:#b2bfd2; --text-soft:#b2bfd2; --gray:#b2bfd2;
  --bg:#0f172a; --bg-body:#0f172a; --card:#182338; --bg-card:#182338;
  --bg-card-strong:#182338; --border:#344157; --line:#344157;
}
body:has(.hero) {background:var(--bg)!important;color:var(--ink)!important}
:root[data-theme="light"] .hero h1,
:root[data-theme="light"] .hero h1 strong {color:#142644!important;-webkit-text-fill-color:#142644!important;background:none!important}
:root[data-theme="light"] .hero-text {color:#44546b!important;opacity:1!important}
:root[data-theme="light"] .stat-card {background:#fff!important;border:1px solid #dce3ed!important;box-shadow:none!important}
:root[data-theme="light"] .stat-card strong {color:#172033!important;-webkit-text-fill-color:#172033!important}
:root[data-theme="light"] .stat-card span,
:root[data-theme="light"] .quick-points {color:#44546b!important}
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .hero h1 strong {color:#edf2fa!important;-webkit-text-fill-color:#edf2fa!important;background:none!important}
:root[data-theme="dark"] .hero-text {color:#b2bfd2!important}
:root[data-theme="dark"] .stat-card {background:#182338!important;border:1px solid #344157!important}
body:has(#appRoot) {background:var(--bg-body)!important;color:var(--text)!important}
#appRoot .card,#appRoot .pCard {background:var(--bg-card)!important;border-radius:16px!important;box-shadow:0 2px 8px #0f172a08!important;border:1px solid var(--border)!important}
#appRoot .composerTextarea {background:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border)!important;font-size:16px}
#appRoot .composerTitle,#appRoot .feedHeader h2 {background:none!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important}
#appRoot .pText,#appRoot .postContent,#appRoot .comment-content,#appRoot .comment-text,#appRoot .companyItemName {color:var(--text)!important;line-height:1.65}
#appRoot input,#appRoot textarea {color:var(--text)!important;background:var(--bg-card)!important}
#appRoot .newPostsBadge {animation:none;box-shadow:none}
#appRoot .sideCard {padding:18px}
:root[data-theme="dark"] #appRoot .modal,
:root[data-theme="dark"] #appRoot .modalHead,
:root[data-theme="dark"] #appRoot .modalBody,
:root[data-theme="dark"] #appRoot .commentsBox {background:#182338!important;color:#edf2fa!important}
.uk-theme-toggle {position:fixed;right:16px;bottom:14px;z-index:10001;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font:600 12px system-ui;box-shadow:0 3px 14px #0f172a14;cursor:pointer}
:focus-visible {outline:3px solid #2563eb!important;outline-offset:3px}
body:has(.messages-container) {background:var(--bg)!important;color:var(--text)!important}
.messages-container .sidebar,.messages-container .chat-area,.messages-container .messages-area,.messages-container .composer {background:var(--bg-card)!important;color:var(--text)!important}
.messages-container .sidebar-header,.messages-container .chat-header {background:#1d4ed8!important;box-shadow:none!important;border-radius:14px 14px 0 0!important}
.messages-container .conv-name,.messages-container .message-text,.messages-container .online-name {color:var(--text)!important}
.messages-container .message-bubble {border-radius:16px!important;box-shadow:none!important}
.messages-container .message.received .message-bubble {background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.messages-container .message.sent .message-bubble {background:#1d4ed8!important;color:#fff!important}
.messages-container .message.sent .message-text,.messages-container .message.sent .message-time {color:#fff!important}
.messages-container .composer-input {background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;font-size:16px}
.messages-container .online-section,.messages-container .conversations-list {background:var(--bg-card)!important}
.messages-container .conv-item:hover,.messages-container .conv-item.active {background:var(--bg)!important}
.messages-container .reply-preview,.messages-container .reply-composer {color:#172033!important;background:#e8efff!important}
.uk-contact-tools {padding:12px;border-bottom:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap}
.uk-contact-tools button,.uk-load-older,.uk-load-feed {border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:10px 14px;border-radius:10px;font:600 13px system-ui;cursor:pointer}
.uk-group-list {padding:0 10px;max-height:220px;overflow:auto;flex-shrink:0}
.uk-group-item {display:block;width:100%;text-align:left;border:0;background:var(--bg-card);color:var(--text);padding:12px;border-radius:10px;font:600 14px system-ui;cursor:pointer}
.uk-group-item:hover {background:var(--bg)}
.uk-dialog {border:1px solid var(--border);border-radius:18px;padding:22px;background:var(--bg-card);color:var(--text);width:min(480px,calc(100% - 24px));max-height:85dvh}
.uk-dialog::backdrop {background:#0f172a99}
.uk-dialog h2 {font-size:20px;margin-bottom:12px}
.uk-dialog input[type="text"] {padding:12px;width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;margin:10px 0}
.uk-dialog .uk-members {max-height:40dvh;overflow:auto;margin:12px 0}
.uk-dialog label {display:flex;align-items:center;gap:12px;padding:10px;font-size:14px}
.uk-dialog button {padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;margin-right:8px}
.uk-dialog button[type="submit"] {background:#1d4ed8;color:#fff;border:0}
.uk-load-older {display:block;margin:10px auto}
.uk-load-feed {display:block;width:100%;margin:16px 0}
.uk-dialog-error {color:#b91c1c;font-size:14px}
.uk-sender {font-size:12px;font-weight:700;margin-bottom:5px;color:#64748b}
.message.sent .uk-sender {color:#dbeafe}
@media(max-width:900px) {.messages-container .chat-header {border-radius:0!important}.uk-theme-toggle{bottom:6px;right:6px;font-size:11px;padding:6px 8px}.messages-container .composer{padding-bottom:34px!important}}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* October 6 references: compact lists, neutral surfaces, blue identity. */
:root {--uk-blue:#2563eb;--uk-blue-deep:#1d4ed8;--uk-danger:#dc2626;--uk-text:#172033;--uk-muted:#526176;--uk-border:#dce3ed;--uk-surface:#fff;--uk-surface-alt:#f1f5fb}
:root[data-theme="dark"]{--uk-text:#edf2fa;--uk-muted:#b2bfd2;--uk-border:#35435b;--uk-surface:#172033;--uk-surface-alt:#202b40}
.messages-container {max-width:1500px!important;gap:0!important;padding:16px!important}
.messages-container .sidebar {width:360px;border-radius:18px 0 0 18px!important;box-shadow:none!important;border-right:1px solid var(--border)!important}
.messages-container .chat-area {border-radius:0 18px 18px 0!important;box-shadow:none!important}
.messages-container .sidebar-header {background:var(--bg-card)!important;color:var(--text)!important;border-radius:0!important;border-bottom:1px solid var(--border)!important}
.messages-container .sidebar-header h2 {color:var(--text)!important;font-size:22px!important}
.messages-container .sidebar-header:before {display:none!important}
.messages-container .header-user-mini {color:var(--muted)!important}
.messages-container .chat-header {background:var(--bg-card)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important}
.messages-container .chat-user-details h3,.messages-container .chat-status {color:var(--text)!important}
.messages-container .chat-user-details p {color:var(--muted)!important}
.messages-container .tool-btn,.messages-container .header-btn {background:transparent!important;color:var(--uk-blue)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.messages-container .send-btn {background:var(--uk-blue)!important;box-shadow:none!important}
.messages-container .conv-item {border-radius:0!important;border-bottom:1px solid var(--border)!important;padding:14px 16px!important;gap:12px}
.messages-container .conv-avatar {width:48px!important;height:48px!important;border-radius:50%!important}
.messages-container .conv-name {font-size:15px!important;font-weight:650!important}
.messages-container .conv-last,.messages-container .conv-time {color:var(--muted)!important;font-size:12px!important}
.messages-container .unread-badge,.uk-counter {background:var(--uk-danger)!important;color:white!important;border-radius:50%;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;font-weight:700;padding:0 5px}
.uk-contact-tools {gap:6px;padding:10px}
.uk-contact-tools button {font-size:12px;padding:8px 10px}
.uk-member-row {padding:12px 0;border-bottom:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.uk-member-row strong {flex:1;min-width:120px}
.uk-member-row small {display:block;flex-basis:100%;color:var(--muted)}
.uk-dialog select {padding:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;max-width:100%}
.uk-group-avatar {display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-weight:700}
.uk-group-item {border-radius:0;border-bottom:1px solid var(--border);font-weight:600}
.uk-conversation-filters{display:flex;border-bottom:1px solid var(--border);padding:0 12px;gap:12px}.uk-conversation-filters button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;color:var(--uk-muted);cursor:pointer}.uk-conversation-filters button[aria-pressed="true"]{color:#2563eb;border-bottom-color:#2563eb}.uk-group-item{display:flex;align-items:center;gap:12px;text-align:left;padding:12px!important}.uk-group-label{flex:1}.uk-group-label small{display:block;color:var(--uk-muted);font-size:12px;font-weight:400;margin-top:4px}.uk-group-list[hidden],#conversationsList[hidden]{display:none!important}
.messages-container .chat-header>button {border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 10px;border-radius:10px;margin-left:auto;font-size:12px}
.hero {padding-top:48px!important;padding-bottom:48px!important}
.hero h1 {font-size:clamp(40px,5vw,68px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
.hero-text {max-width:380px;font-size:18px!important;line-height:1.5!important;margin-bottom:26px!important}
.hero .btn-agent {background:#e8efff!important;color:#1d4ed8!important;border:1px solid #cddcff!important;box-shadow:none!important}
.hero .btn {border-radius:14px!important;padding:14px 20px!important;font-size:15px!important}
.hero .stats-panel {gap:10px!important}
.hero .stat-card {padding:16px!important;border-radius:14px!important}
#appRoot .pCard {border-radius:18px!important;padding:18px!important;box-shadow:none!important}
#appRoot .pHead {gap:12px!important}
#appRoot .pText {font-size:15px!important;line-height:1.55!important;margin:12px 0!important}
#appRoot .actions {padding-top:12px!important;border-top:1px solid var(--border)!important}
#appRoot .postMenu {background:var(--bg-card)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 10px 35px #0f172a14!important}
#appRoot .postMenu button {color:var(--text)!important;font-size:14px!important;background:transparent!important}
:root[data-theme="dark"] .messages-container .composer,:root[data-theme="dark"] .messages-container .online-section {background:var(--bg-card)!important}
:root[data-theme="dark"] .messages-container .message-actions-menu {background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text)!important}
:root[data-theme="dark"] .messages-container .message-actions-menu button {color:var(--text)!important}
@media(max-width:900px){.messages-container{padding:0!important}.messages-container .sidebar,.messages-container .chat-area{border-radius:0!important}.messages-container .sidebar{width:100%!important}.messages-container .chat-header{padding:12px!important;min-height:72px!important}.hero-grid{display:flex!important;flex-direction:column-reverse!important;gap:22px!important}.hero-visual{width:100%!important;max-width:420px!important;margin:0 auto!important}.hero h1{font-size:42px!important}.hero-text{font-size:15px!important;margin:16px auto 24px!important}.hero .stats-panel{grid-template-columns:repeat(2,1fr)!important}.hero .stat-card strong{font-size:24px!important}}
/* Shared interface: local Iconsax artwork inherits theme colors. */
.uk-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;color:inherit;fill:none}
.uk-reaction-art{width:24px;height:24px;object-fit:contain;vertical-align:middle;pointer-events:none}
i.uk-icon-replaced{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-family:inherit!important}
i.uk-icon-replaced:before,i.uk-icon-replaced:after{content:none!important}
.uk-unread-counter{background:#dc2626!important;color:#fff!important;border-radius:999px;min-width:19px;text-align:center;font-size:11px;line-height:19px;font-weight:700}
.uk-event{display:flex;gap:14px;padding:16px;border-bottom:1px solid var(--uk-border);color:var(--uk-text);text-decoration:none;background:var(--uk-surface)}
.uk-event>span{display:grid;gap:5px}.uk-event>svg{color:var(--uk-blue)}
.uk-page-jobs .jobCard,.uk-page-jobs .cardBox,.uk-page-edit .card,.uk-page-profile .profileCard{background:var(--uk-surface)!important;color:var(--uk-text)!important;border:1px solid var(--uk-border)!important;border-radius:18px!important;box-shadow:0 6px 24px #0f172a08!important}
.uk-page-jobs .jobCard{padding:20px!important;margin-bottom:20px!important}.uk-page-jobs .jobCard-title{font-size:21px!important;line-height:1.4}.uk-page-jobs .jobCard-head{padding-bottom:12px;border-bottom:1px solid var(--uk-border)}
.uk-page-jobs .pubCard{background:#1d4ed8!important;border-radius:18px!important}.uk-page-jobs .pubCard-desc{font-size:14px;line-height:1.6}.uk-page-jobs .jobCard-body{color:var(--uk-text)!important;line-height:1.65}
.uk-page-jobs .infoGrid>div,.uk-page-profile .statPill{background:var(--uk-surface-alt)!important;border-color:var(--uk-border)!important;color:var(--uk-text)!important}
.uk-page-edit .container{max-width:1000px!important;padding:24px!important}.uk-page-edit .card-header{background:var(--uk-surface-alt)!important;color:var(--uk-text)!important;padding:24px!important}
.uk-page-edit .section-title{color:var(--uk-text)!important;background:var(--uk-surface-alt)!important}.uk-page-edit input,.uk-page-edit select,.uk-page-edit textarea{background:var(--uk-surface)!important;color:var(--uk-text)!important;border:1px solid var(--uk-border)!important;border-radius:10px!important}
.uk-page-edit .card h1,.uk-page-edit .card h2,.uk-page-edit label{color:var(--uk-text)!important}.uk-page-edit .btn-primary,.uk-page-profile .btnPrimary,.uk-page-profile .messageBtn{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.uk-call-settings{margin:0 0 24px;padding:18px;border:1px solid var(--uk-border);border-radius:14px;background:var(--uk-surface-alt);color:var(--uk-text)}
.uk-call-settings label{display:flex;gap:10px;align-items:center;margin:14px 0}.uk-call-settings input{width:auto!important}.uk-call-settings button{background:#2563eb;color:white;border:0;padding:11px 18px;border-radius:10px;cursor:pointer}.uk-call-settings p{font-size:13px;line-height:1.5}
.uk-page-profile #murRoot{--brand:#2563eb;--brand2:#1d4ed8;--text:var(--uk-text);--muted:var(--uk-muted);--border:var(--uk-border);--card:var(--uk-surface)}
.uk-page-profile .pCard{border-radius:18px!important;box-shadow:0 6px 24px #0f172a08!important}.uk-page-profile .pText{color:var(--uk-text)!important;line-height:1.6}
.postDropdown{background:var(--uk-surface)!important;color:var(--uk-text)!important;border-color:var(--uk-border)!important;max-height:70vh;overflow-y:auto}.postDropdownItem{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:12px 16px;color:inherit;font:inherit;text-align:left;cursor:pointer}.postDropdownItem:hover{background:var(--uk-surface-alt)}.uk-action-status{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#2563eb;color:white;border-radius:12px;z-index:99999}
@media(max-width:700px){.uk-page-edit .container{padding:12px!important}.uk-page-edit .card-header{padding:18px!important}.uk-page-jobs .jobCard{padding:15px!important;border-radius:14px!important}.uk-page-jobs .infoGrid{grid-template-columns:1fr!important}.uk-page-profile .profileStats{gap:8px!important}}