/* Phase 24 — Microdata blue visual system
   Primary blue is sampled from the authoritative uploaded MicroLink logo.
   Destructive red remains reserved for dangerous actions and mirrors the logo accent. */
:root{
  --micro-blue:#005FFD;
  --micro-blue-600:#0757E8;
  --micro-blue-700:#0047C6;
  --micro-blue-800:#063A9A;
  --micro-navy:#071F3F;
  --micro-navy-2:#0D2E56;
  --micro-blue-soft:#E9F2FF;
  --micro-blue-soft-2:#F4F8FF;
  --micro-blue-soft-3:#DCEAFF;
  --micro-canvas:#EEF4FC;
  --micro-header:#F1F6FD;
  --micro-hover:#F5F9FF;
  --micro-active:#E8F1FF;
  --micro-line:#DCE7F5;
  --micro-text:#10243E;
  --micro-muted:#60758C;
  --micro-icon:#46627F;
  --micro-red:#ED061E;
  --micro-red-dark:#C80018;
  --micro-shadow:0 12px 36px rgba(7,31,63,.12);

  /* Legacy + WhatsApp-language variables now resolve to Microdata blue. */
  --green:var(--micro-blue);
  --green-dark:var(--micro-blue-700);
  --green-soft:var(--micro-blue-soft);
  --bg:#F2F6FC;
  --panel:#fff;
  --line:var(--micro-line);
  --text:var(--micro-text);
  --muted:var(--micro-muted);
  --bubble-me:#DDEBFF;
  --danger:var(--micro-red);
  --shadow:var(--micro-shadow);

  --wa-primary:var(--micro-blue);
  --wa-primary-dark:var(--micro-blue-700);
  --wa-primary-soft:#DDEBFF;
  --wa-header:var(--micro-header);
  --wa-canvas:var(--micro-canvas);
  --wa-panel:#fff;
  --wa-hover:var(--micro-hover);
  --wa-active:var(--micro-active);
  --wa-line:var(--micro-line);
  --wa-text:var(--micro-text);
  --wa-muted:var(--micro-muted);
  --wa-icon:var(--micro-icon);
  --wa-blue:var(--micro-blue);
  --wa-danger:var(--micro-red);

  --chat-primary:var(--micro-blue);
  --chat-primary-soft:var(--micro-blue-soft);
  --chat-bg:#F2F6FC;
  --chat-panel:#fff;
  --chat-panel-2:var(--micro-hover);
  --chat-text:var(--micro-text);
  --chat-muted:var(--micro-muted);
  --chat-border:var(--micro-line);
  --chat-success:var(--micro-blue);
  --chat-danger:var(--micro-red);

  --md-primary:var(--micro-blue);
  --md-primary-hover:var(--micro-blue-700);
  --md-danger:var(--micro-red);
  --md-danger-hover:var(--micro-red-dark);
  --md-text:var(--micro-text);
  --md-muted:var(--micro-muted);
  --md-line:var(--micro-line);
  --md-surface:#fff;
  --md-soft:var(--micro-blue-soft-2);
  --md-focus:rgba(0,95,253,.15);

  --wa-green:var(--micro-blue);
  --wa-green-dark:var(--micro-blue-700);
  --wa-bg:#F2F6FC;
  --wa-panel:#fff;
  --wa-line:var(--micro-line);
  --wa-text:var(--micro-text);
  --wa-muted:var(--micro-muted);
  --wa-soft:var(--micro-blue-soft-2);
  --wa-danger:var(--micro-red);
  --wa-shadow:0 8px 28px rgba(7,31,63,.12);

  --gc-green:var(--micro-blue);
  --gc-green-dark:var(--micro-blue-700);
  --gc-danger:var(--micro-red);
  --gc-bg:#061A33;
  --gc-panel:#0B294A;
  --gc-panel-2:#12385F;
  --gc-text:#F3F8FF;
  --gc-muted:#A7BAD1;
}

html{accent-color:var(--micro-blue)}
::selection{background:#BBD4FF;color:var(--micro-navy)}

/* --------------------------------------------------------------------------
   Auth / login / register
   -------------------------------------------------------------------------- */
body.auth-page{
  color:var(--micro-text)!important;
  background:linear-gradient(180deg,var(--micro-blue) 0 230px,#F2F6FC 230px)!important;
}
.auth-page .auth-card{border:1px solid var(--micro-line);box-shadow:0 22px 60px rgba(7,31,63,.15)!important}
.auth-page .auth-card h2,.auth-page .auth-card label{color:var(--micro-text)}
.auth-page .auth-card input{border-color:#CBDCF2!important;color:var(--micro-text)!important;background:#fff!important}
.auth-page .auth-card input:focus{border-color:var(--micro-blue)!important;box-shadow:0 0 0 3px rgba(0,95,253,.12)!important}
.auth-page .btn-primary{background:linear-gradient(135deg,var(--micro-blue),#1473FF)!important;box-shadow:0 8px 20px rgba(0,95,253,.20)}
.auth-page .btn-primary:hover{background:var(--micro-blue-700)!important}
.auth-page .auth-alt,.auth-page .muted{color:var(--micro-muted)!important}
.auth-page .auth-alt a{color:var(--micro-blue-700)!important}
.auth-page .brand-mark-logo{border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(7,31,63,.18)!important}
@media(max-width:800px){
  body.auth-page{background:#F2F6FC!important}
  .auth-page .auth-brand h1{color:var(--micro-navy)!important}
  .auth-page .auth-brand p{color:var(--micro-muted)!important}
}

/* --------------------------------------------------------------------------
   Main MicroChat shell
   -------------------------------------------------------------------------- */
body.chat-page{background:#F2F6FC!important;color:var(--micro-text)!important}
#chatShell{background:#fff!important}
#chatShell .chat-sidebar{background:#fff!important;border-right-color:var(--micro-line)!important}
#chatShell .chat-main,#conversationPanel{background:var(--micro-canvas)!important}
.microchat-ui .side-head,.microchat-ui .conversation-head{
  background:var(--micro-header)!important;border-bottom:1px solid var(--micro-line)!important;
}
.microchat-ui .avatar{
  background:linear-gradient(135deg,#D5E5FF,#8FB8FF)!important;color:var(--micro-blue-800)!important;
}
.microchat-ui .avatar img{background:#fff}
.microchat-ui .icon-btn,.microchat-ui .composer-tool{color:var(--micro-icon)!important}
.microchat-ui .icon-btn:hover,.microchat-ui .icon-btn:focus-visible,
.microchat-ui .composer-tool:hover,.microchat-ui .composer-tool:focus-visible{
  background:#DDE9FA!important;color:var(--micro-blue-800)!important;
}
.microchat-ui .operator-mode{color:var(--micro-blue-700)!important}
.microchat-ui .peer-meta strong{color:var(--micro-text)!important}.microchat-ui .peer-meta small{color:var(--micro-muted)!important}

/* Search + filter chips */
.microchat-ui .sidebar-search-wrap{background:#fff!important}
.microchat-ui #conversationSearch{background:var(--micro-header)!important;color:var(--micro-text)!important}
.microchat-ui .sidebar-search-wrap .search-icon,.microchat-ui #conversationSearch::placeholder{color:var(--micro-muted)!important}
.microchat-ui .conversation-filters{border-bottom-color:var(--micro-line)!important;background:#fff}
.microchat-ui .conversation-filters button{background:#EDF3FB!important;color:var(--micro-icon)!important}
.microchat-ui .conversation-filters button:hover{background:#E3EEFC!important;color:var(--micro-blue-800)!important}
.microchat-ui .conversation-filters button.active{background:var(--micro-blue-soft)!important;color:var(--micro-blue-700)!important;box-shadow:inset 0 0 0 1px #C7DCFF}

/* Sidebar, support, rows */
.microchat-ui .support-shortcut{background:#fff!important;border-bottom-color:var(--micro-line)!important;color:var(--micro-text)!important}
.microchat-ui .support-shortcut:hover{background:var(--micro-hover)!important}
.microchat-ui .support-shortcut-icon,.microchat-ui .contact-action-icon,.microchat-ui .contact-add-primary{background:var(--micro-blue)!important;color:#fff!important}
.microchat-ui .conversation-list{background:#fff!important;scrollbar-color:#C4D4E7 transparent!important}
.microchat-ui .conversation-item{background:#fff!important}
.microchat-ui .conversation-item:hover{background:var(--micro-hover)!important}
.microchat-ui .conversation-item.active,.microchat-ui .system-support-contact.active{background:var(--micro-active)!important}
.microchat-ui .conversation-copy{border-bottom-color:var(--micro-line)!important}
.microchat-ui .conversation-copy strong{color:var(--micro-text)!important}
.microchat-ui .conversation-copy time,.microchat-ui .last-message,.microchat-ui .conversation-row-flags{color:var(--micro-muted)!important}
.microchat-ui .conversation-item:has(.unread) .conversation-copy time{color:var(--micro-blue)!important}
.microchat-ui .unread{background:var(--micro-blue)!important;color:#fff!important}
.microchat-ui .conversation-type-mark,.microchat-ui .system-contact-mark,.microchat-ui .contact-row-status{color:var(--micro-blue-700)!important}
.microchat-ui .system-support-copy em,.microchat-ui .contact-mini-badge.system,
.microchat-ui .contact-system-badge,.microchat-ui .contact-saved-badge{
  background:var(--micro-blue-soft)!important;color:var(--micro-blue-700)!important;
}
.microchat-ui .contact-mini-badge.favorite{background:#E9F2FF!important;color:#005FFD!important}
.microchat-ui .contact-favorite-flag{color:#005FFD!important}
.microchat-ui .contact-row-add{background:var(--micro-blue-soft)!important;color:var(--micro-blue-700)!important}
.microchat-ui .contact-row-add:hover{background:#D8E7FF!important}
.microchat-ui .contact-filter-tabs button{background:#EDF3FB!important;color:var(--micro-icon)!important}
.microchat-ui .contact-filter-tabs button.active{background:var(--micro-blue-soft)!important;color:var(--micro-blue-700)!important}
.microchat-ui .contact-detail-action.primary{background:var(--micro-blue-soft)!important;border-color:#C7DBFF!important;color:var(--micro-blue-700)!important}

/* Empty state */
.microchat-ui .empty-chat{background:linear-gradient(180deg,#F5F9FF,#EEF4FC)!important;border-bottom-color:var(--micro-blue)!important;color:var(--micro-muted)!important}
.microchat-ui .empty-chat-icon{color:#8AA8CB!important}
.microchat-ui .empty-chat h2{color:#284A70!important}.microchat-ui .empty-chat p,.microchat-ui .empty-chat small{color:var(--micro-muted)!important}

/* Conversation canvas + bubbles */
.microchat-ui .message-area{
  background-color:var(--micro-canvas)!important;
  background-image:linear-gradient(45deg,rgba(0,95,253,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,95,253,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,95,253,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,95,253,.025) 75%)!important;
  scrollbar-color:#B8CDE5 transparent!important;
}
.microchat-ui .message-row .bubble{background:#fff!important;box-shadow:0 1px .5px rgba(7,31,63,.12)!important}
.microchat-ui .message-row.mine .bubble{background:#DDEBFF!important}
.microchat-ui .message-meta{color:#69809A!important}
.microchat-ui .delivery.read{color:var(--micro-blue)!important}
.microchat-ui .reply-quote{border-left-color:var(--micro-blue)!important;background:rgba(0,95,253,.055)!important}
.microchat-ui .reply-quote strong,.microchat-ui .reply-preview strong{color:var(--micro-blue-700)!important}
.microchat-ui .message-row .bubble>.message-pin-marker{
  border-color:rgba(255,255,255,.82)!important;background:rgba(0,95,253,.94)!important;color:#fff!important;
  box-shadow:0 2px 7px rgba(7,31,63,.20)!important;
}

/* Pinned, reply, search, case, remote assistance strips */
.microchat-ui .pinned-bar,.microchat-ui .reply-preview,.microchat-ui .message-search-bar,
.microchat-ui .support-case-bar,.microchat-ui .remote-assist-bar{
  background:var(--micro-header)!important;border-color:var(--micro-line)!important;color:var(--micro-text)!important;
}
.microchat-ui #pinnedMessageBtn,.microchat-ui .reply-preview-card{background:#fff!important}.microchat-ui .reply-preview-accent{background:var(--micro-blue)!important}
.microchat-ui .pinned-icon{color:var(--micro-blue-700)!important}
.microchat-ui .pinned-bar-multi .pinned-main{-webkit-tap-highlight-color:rgba(0,95,253,.12)!important}
.microchat-ui .pinned-bar-multi .pinned-main:active{background:rgba(0,95,253,.08)!important}

/* Jump signalling */
.microchat-ui .message-row.message-jump-marker .bubble::after{background:var(--micro-blue)!important}
@keyframes mcMessageJumpMarkerStrong{
  0%{box-shadow:0 1px .5px rgba(7,31,63,.12),0 0 0 0 rgba(0,95,253,0);filter:brightness(1)}
  14%{box-shadow:0 1px .5px rgba(7,31,63,.12),0 0 0 5px rgba(0,95,253,.42);filter:brightness(1.06)}
  45%{box-shadow:0 1px .5px rgba(7,31,63,.12),0 0 0 3px rgba(0,95,253,.24);filter:brightness(1.035)}
  100%{box-shadow:0 1px .5px rgba(7,31,63,.12),0 0 0 0 rgba(0,95,253,0);filter:brightness(1)}
}
@keyframes mcMessageJumpSignal{
  0%{opacity:0;box-shadow:0 0 0 0 rgba(0,95,253,.5)}
  12%{opacity:1;box-shadow:0 0 0 0 rgba(0,95,253,.55)}
  38%{opacity:1;box-shadow:0 0 0 10px rgba(0,95,253,0)}
  72%{opacity:.9;box-shadow:0 0 0 3px rgba(0,95,253,.16)}
  100%{opacity:0;box-shadow:0 0 0 0 rgba(0,95,253,0)}
}
@media(prefers-reduced-motion:reduce){.microchat-ui .message-row.message-jump-marker .bubble{outline-color:rgba(0,95,253,.5)!important}}

/* Composer / attachment */
.microchat-ui .composer-row,.microchat-ui .message-compose{background:var(--micro-header)!important;border-top-color:var(--micro-line)!important}
.microchat-ui #messageInput,.microchat-ui .message-compose input{background:#fff!important;color:var(--micro-text)!important;border-color:#CCDDF2!important}
.microchat-ui #messageInput:focus,.microchat-ui .message-compose input:focus{box-shadow:0 0 0 3px rgba(0,95,253,.10)!important}
.microchat-ui .send-btn{background:var(--micro-blue)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,95,253,.20)}
.microchat-ui .send-btn:hover{background:var(--micro-blue-700)!important}
.microchat-ui .message-area.attachment-dragover:after{border-color:var(--micro-blue)!important;background:rgba(244,248,255,.96)!important;color:var(--micro-blue-700)!important}
.microchat-ui .attachment-preview-file-icon{background:#EAF2FF!important;color:var(--micro-blue-700)!important}
.microchat-ui .attachment-preview-audio{color:var(--micro-blue)!important}
.microchat-ui .attachment-upload-progress>i{background:var(--micro-blue)!important}

/* Menus, modals, drawers, lists */
.microchat-ui .popover-menu,.microchat-ui .message-context-menu,.microchat-ui .modal-card,.microchat-ui .right-drawer{
  background:#fff!important;border-color:var(--micro-line)!important;box-shadow:0 12px 34px rgba(7,31,63,.16)!important;
}
.microchat-ui .popover-menu button,.microchat-ui .message-context-menu button,
.microchat-ui .popover-menu form button,.microchat-ui .popover-menu .popover-menu-link{color:#284A70!important;background:#fff!important}
.microchat-ui .popover-menu button:hover,.microchat-ui .message-context-menu button:hover,
.microchat-ui .popover-menu form button:hover,.microchat-ui .popover-menu .popover-menu-link:hover{background:var(--micro-hover)!important;color:var(--micro-blue-800)!important}
.microchat-ui .right-drawer>header,.microchat-ui .modal-head{background:var(--micro-header)!important;border-color:var(--micro-line)!important}
.microchat-ui .drawer-backdrop,.microchat-ui .modal{background:rgba(7,31,63,.30)!important}
.microchat-ui .quick-reaction-picker,.quick-reaction-picker{border-color:var(--micro-line)!important;box-shadow:0 8px 26px rgba(7,31,63,.16)!important}
.quick-reaction-picker button:hover,.quick-reaction-picker button:focus-visible{background:var(--micro-blue-soft)!important}

/* Storage / status: success is rendered blue in the branded UI; danger/warning stay semantic. */
.microchat-ui .storage-state.ok{color:var(--micro-blue-700)!important}.microchat-ui .storage-state.ok:before{background:var(--micro-blue)!important}
.microchat-ui .account-online-dot{background:#1473FF!important;box-shadow:0 0 0 3px rgba(0,95,253,.12)!important}

/* MicroRemote */
.microchat-ui .microremote-hub{background:#F1F6FD!important}
.microchat-ui .microremote-identity-card,.microchat-ui .microremote-connect-panel,.microchat-ui .microremote-help,.microchat-ui .microremote-recent{
  border-color:var(--micro-line)!important;background:#fff!important;box-shadow:0 8px 26px rgba(7,31,63,.07)!important;
}
.microchat-ui .microremote-logo{background:linear-gradient(135deg,var(--micro-blue),#1473FF)!important;box-shadow:0 10px 24px rgba(0,95,253,.22)!important}
.microchat-ui .microremote-kicker,.microchat-ui .microremote-connect-panel p,.microchat-ui .microremote-help small,
.microchat-ui .microremote-section-title small,.microchat-ui .microremote-recent-copy small,.microchat-ui .microremote-recent-copy span{color:var(--micro-muted)!important}
.microchat-ui .microremote-id,.microchat-ui .microremote-connect-panel h3,.microchat-ui .microremote-recent-copy strong{color:var(--micro-text)!important}
.microchat-ui .microremote-device-meta,.microchat-ui .microremote-connect-panel label,.microchat-ui .microremote-help strong,.microchat-ui .microremote-section-title strong{color:#284A70!important}
.microchat-ui .microremote-device-meta small{color:var(--micro-blue)!important}
.microchat-ui .microremote-connect-panel input,.microchat-ui .microremote-connect-panel select{border-color:#CADBF0!important;color:var(--micro-text)!important}
.microchat-ui .microremote-connect-panel input:focus,.microchat-ui .microremote-connect-panel select:focus{border-color:var(--micro-blue)!important;box-shadow:0 0 0 3px rgba(0,95,253,.12)!important}
.microchat-ui .microremote-help code,.microchat-ui .microremote-recent-icon{background:#EDF3FB!important;color:#46627F!important}
.microchat-ui .microremote-section-title,.microchat-ui .microremote-recent-row{border-color:var(--micro-line)!important}
.microchat-ui .remote-stage,.microchat-ui .remote-canvas-wrap{background:var(--micro-navy)!important}
.microchat-ui .remote-stage-head,.microchat-ui .remote-stage footer{background:#0B294A!important;border-color:rgba(187,212,255,.16)!important}
.microchat-ui .remote-target-picker select{background:#12385F!important;color:#F3F8FF!important;border-color:#2A5583!important}
.microchat-ui .remote-control-cursor{border-color:#4B9BFF!important;background:rgba(0,95,253,.14)!important;box-shadow:0 0 0 4px rgba(0,95,253,.14),0 0 16px rgba(0,95,253,.38)!important}

/* Direct call card */
.microchat-ui .call-overlay{
  background:radial-gradient(circle at 50% 20%,#174E86 0,#0B2F55 48%,#061A33 100%)!important;
  border-color:rgba(187,212,255,.18)!important;box-shadow:0 28px 90px rgba(7,31,63,.34)!important;
}
.microchat-ui .call-gradient{background:linear-gradient(180deg,rgba(5,25,52,.10),transparent 40%,rgba(4,19,40,.35))!important}
.microchat-ui .call-avatar{background:linear-gradient(135deg,#D9E9FF,#8FB8FF)!important;color:var(--micro-blue-800)!important}
.microchat-ui .round-control.accept{background:var(--micro-blue)!important}
.microchat-ui .round-control.reject,.microchat-ui .round-control.hangup{background:var(--micro-red)!important}
.microchat-ui .call-mini{background:var(--micro-blue-700)!important}
.microchat-ui .call-signal-dot,.microchat-ui .call-signal-bar i{background:#5CA4FF!important}

/* --------------------------------------------------------------------------
   Account management
   -------------------------------------------------------------------------- */
body.account-admin-page{background:#F2F6FC!important;color:var(--micro-text)!important}
.account-admin-shell{background:#F7FAFF!important;box-shadow:0 8px 30px rgba(7,31,63,.10)!important}
.account-admin-topbar{background:var(--micro-header)!important;border-bottom-color:var(--micro-line)!important}
.admin-brand strong,.admin-summary strong,.account-copy strong,.identity-copy strong{color:var(--micro-text)!important}
.admin-brand small,.admin-summary span,.account-copy small,.identity-copy small{color:var(--micro-muted)!important}
.btn-primary{background:var(--micro-blue)!important;border-color:var(--micro-blue)!important;color:#fff!important}.btn-primary:hover{background:var(--micro-blue-700)!important;border-color:var(--micro-blue-700)!important}
.btn-light,.row-btn{background:#EDF3FB!important;color:#345778!important;border-color:var(--micro-line)!important}.btn-light:hover,.row-btn:hover{background:#E1ECFA!important;color:var(--micro-blue-800)!important}
.admin-summary>div,.account-card,.form-section{border-color:var(--micro-line)!important;background:#fff!important}
.search-box,.readonly-id{background:#EDF3FB!important;color:var(--micro-icon)!important}
.account-toolbar select,.form-grid input,.form-grid select,.identity-field input,.identity-field select{border-color:#CBDCF2!important;color:var(--micro-text)!important;background:#fff!important}
.account-toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.identity-field input:focus,.identity-field select:focus{border-color:var(--micro-blue)!important;box-shadow:0 0 0 3px rgba(0,95,253,.12)!important}
.account-table th{background:#F3F7FD!important;border-color:var(--micro-line)!important;color:var(--micro-muted)!important}.account-table td{border-color:var(--micro-line)!important}.account-table tbody tr:hover{background:var(--micro-hover)!important}
.account-avatar{background:linear-gradient(135deg,#D5E5FF,#9FC2FF)!important;color:var(--micro-blue-800)!important}
.badge-client,.badge-support,.badge-operator,.badge-active{background:var(--micro-blue-soft)!important;color:var(--micro-blue-700)!important}
.account-editor>header{background:var(--micro-header)!important;border-color:var(--micro-line)!important}.editor-body{background:#F3F7FD!important}.account-editor footer{border-color:var(--micro-line)!important}
.identity-row{background:#F8FBFF!important;border-color:var(--micro-line)!important}.check-field input{accent-color:var(--micro-blue)!important}
.admin-toast{background:var(--micro-navy-2)!important}.admin-toast.success{background:var(--micro-blue-700)!important}.admin-toast.error{background:var(--micro-red)!important}

/* --------------------------------------------------------------------------
   Group call
   -------------------------------------------------------------------------- */
body:has(.gc-app){background:#061A33!important;color:#F3F8FF!important}
.gc-app{background:linear-gradient(180deg,#071F3F,#061A33)!important}
.gc-head,.gc-participants,.gc-participants header,.gc-controls{background:#0B294A!important;border-color:rgba(187,212,255,.12)!important}
.gc-head small,.gc-participant-copy small{color:#A7BAD1!important}
.gc-head button,.gc-participants button,.round{background:#12385F!important;color:#fff!important}
.gc-head button:hover,.gc-participants button:hover,.round:hover{background:#194875!important}
.gc-tile{background:#0D2E56!important;border-color:rgba(187,212,255,.13)!important}
.gc-tile video{background:#041326!important}.gc-tile-placeholder{background:radial-gradient(circle at 50% 40%,#174E86,#081F3C)!important}
.gc-avatar{background:#1A4B7C!important;color:#fff!important}.gc-pill,.gc-tile-name{background:rgba(5,25,52,.78)!important}
.round.active{background:var(--micro-blue)!important}.round.off{background:#46627F!important}.danger{background:var(--micro-red)!important}
.gc-toast{background:#0D2E56!important;border-color:rgba(187,212,255,.18)!important}

/* --------------------------------------------------------------------------
   MicroDialog
   -------------------------------------------------------------------------- */
.micro-dialog-layer{background:rgba(7,31,63,.38)!important}
.micro-dialog-card{border-color:rgba(207,224,255,.86)!important;box-shadow:0 24px 80px rgba(7,31,63,.24),0 2px 8px rgba(7,31,63,.08)!important}
.micro-dialog-icon{background:var(--micro-blue-soft)!important;color:var(--micro-blue)!important}
.micro-dialog-card[data-kind="info"] .micro-dialog-icon{background:var(--micro-blue-soft)!important;color:var(--micro-blue)!important}
.micro-dialog-title{color:var(--micro-text)!important}.micro-dialog-subtitle,.micro-dialog-message{color:var(--micro-muted)!important}
.micro-dialog-close{color:var(--micro-muted)!important}.micro-dialog-close:hover{background:#EDF3FB!important;color:var(--micro-blue-800)!important}
.micro-dialog-detail{background:#EDF3FB!important;color:#345778!important}
.micro-dialog-input,.micro-dialog-select,.micro-dialog-textarea{border-color:#CBDCF2!important;color:var(--micro-text)!important}.micro-dialog-input:focus,.micro-dialog-select:focus,.micro-dialog-textarea:focus{border-color:var(--micro-blue)!important;box-shadow:0 0 0 3px rgba(0,95,253,.12)!important}
.micro-dialog-checkbox{border-color:var(--micro-line)!important;background:#F8FBFF!important}.micro-dialog-checkbox input{accent-color:var(--micro-blue)!important}
.micro-dialog-btn{border-color:#CBDCF2!important;color:#345778!important}.micro-dialog-btn:hover{background:#F3F7FD!important}.micro-dialog-btn.primary{background:var(--micro-blue)!important;border-color:var(--micro-blue)!important;color:#fff!important}.micro-dialog-btn.primary:hover{background:var(--micro-blue-700)!important;border-color:var(--micro-blue-700)!important}
.micro-dialog-btn.copy{color:var(--micro-blue-700)!important;border-color:#BCD4FF!important;background:var(--micro-blue-soft)!important}
.micro-dialog-btn.danger{background:var(--micro-red)!important;border-color:var(--micro-red)!important}.micro-dialog-btn.danger:hover{background:var(--micro-red-dark)!important;border-color:var(--micro-red-dark)!important}

/* Semantic colors intentionally retained for destructive / warning/error safety. */
.form-error,.form-alert,.row-btn.delete,.badge-deleted,.badge-blocked,.contact-mini-badge.blocked,
.micro-dialog-card[data-kind="danger"] .micro-dialog-icon,.micro-dialog-card[data-kind="warning"] .micro-dialog-icon{
  /* no brand-blue override: these states must stay unambiguous */
}

/* --------------------------------------------------------------------------
   Phase 25 · transparent uploaded branding + refined empty state
   -------------------------------------------------------------------------- */
.auth-logo,.auth-mobile-logo,.app-boot-logo,.microchat-ui .empty-brand-wordmark,
.microchat-ui .brand-product-line img,.auth-page img[src*="microLinkLogo"],.auth-page img[src*="microLinkFavicon"]{
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
}
.microchat-ui .empty-brand-wordmark{width:min(230px,52vw)!important;max-height:112px!important;object-fit:contain!important;padding:0!important;margin:0 0 5px!important;border-radius:0!important;filter:none!important}
.microchat-ui .empty-brand-caption{display:flex;align-items:center;gap:6px;color:#10243E;font-size:13px;font-weight:800;margin:0 0 18px}.microchat-ui .empty-brand-caption span{color:#60758C;font-weight:600}
.microchat-ui .empty-chat h2{max-width:520px;font-size:22px!important;letter-spacing:-.015em}.microchat-ui .empty-chat p{max-width:560px;line-height:1.55!important}.microchat-ui .empty-chat small{margin-top:9px}
.microchat-ui .contact-profile-about{max-width:310px;margin:8px auto 2px;color:#60758C;font-size:12px;line-height:1.45;text-align:center;overflow-wrap:anywhere}

/* --------------------------------------------------------------------------
   Message actions · WhatsApp-style hover controls
   --------------------------------------------------------------------------
   Important: this lives in the existing theme bundle intentionally. The
   controls are descendants of the bubble for event handling, but are
   absolutely positioned outside the bubble and never occupy message content.
   Desktop order is always: Menu -> Reaction.
   -------------------------------------------------------------------------- */
.microchat-ui .message-row .bubble{
  overflow:visible!important;
}
.microchat-ui .message-actions{
  position:absolute!important;
  top:50%!important;
  z-index:24!important;
  display:none!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
}
/* Incoming: bubble -> Menu -> Reaction. */
.microchat-ui .message-row.theirs .message-actions{
  left:calc(100% + 6px)!important;
  right:auto!important;
}
/* Outgoing: Menu -> Reaction -> bubble. Reaction stays right of Menu. */
.microchat-ui .message-row.mine .message-actions{
  right:calc(100% + 6px)!important;
  left:auto!important;
}
/* Only reveal actions while the row is hovered, keyboard-focused, or while a
   picker/menu anchored to the buttons is active. Nothing is reserved in the
   bubble while hidden. */
@media (hover:hover) and (pointer:fine){
  .microchat-ui .message-row:hover .message-actions,
  .microchat-ui .message-row:focus-within .message-actions,
  .microchat-ui .message-actions:hover,
  .microchat-ui .message-actions:focus-within{
    display:flex!important;
  }
}
.microchat-ui .message-actions>.message-more,
.microchat-ui .message-actions>.message-react{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  color:#54656f!important;
  box-shadow:0 1px 2px rgba(11,20,26,.10)!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background-color .12s ease,color .12s ease,box-shadow .12s ease,transform .08s ease!important;
}
.microchat-ui .message-actions>.message-more:hover,
.microchat-ui .message-actions>.message-more:focus-visible,
.microchat-ui .message-actions>.message-react:hover,
.microchat-ui .message-actions>.message-react:focus-visible{
  background:#fff!important;
  color:#111b21!important;
  box-shadow:0 2px 7px rgba(11,20,26,.16)!important;
  outline:none!important;
}
.microchat-ui .message-actions>.message-more:active,
.microchat-ui .message-actions>.message-react:active{
  transform:scale(.94)!important;
}
.microchat-ui .message-actions>.message-more>.mc-icon,
.microchat-ui .message-actions>.message-react>.mc-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke-width:2!important;
  fill:none!important;
}
/* Legacy message-more must not reappear inside metadata. */
.microchat-ui .message-meta>.message-more{
  display:none!important;
}
/* Touch/pen devices have no hover. Keep the inline controls hidden rather
   than permanently painting them over messages; existing swipe/reply and
   message action flows remain available without hover clutter. */
@media (hover:none), (pointer:coarse){
  .microchat-ui .message-actions{display:none!important}
}
@media (max-width:760px){
  .microchat-ui .message-row .bubble{max-width:86%!important}
}