﻿@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");

:root{
  color-scheme:light;
  --enterprise-bg:#f4f7fb;
  --enterprise-bg-2:#eef3f8;
  --enterprise-surface:#ffffff;
  --enterprise-surface-2:#f8fafc;
  --enterprise-surface-3:#eef4fb;
  --enterprise-line:#d8e0ea;
  --enterprise-line-soft:#e6ecf3;
  --enterprise-ink:#182033;
  --enterprise-muted:#5f6b7a;
  --enterprise-muted-2:#7d8998;
  --enterprise-blue:#123b73;
  --enterprise-blue-strong:#0f4fa8;
  --enterprise-blue-soft:#e8f1ff;
  --enterprise-green:#177245;
  --enterprise-yellow:#996a00;
  --enterprise-red:#b3261e;
  --enterprise-info:#0f4fa8;
  --enterprise-radius:8px;
  --enterprise-shadow:0 12px 30px rgba(18,35,58,.08);
  --enterprise-shadow-soft:0 6px 18px rgba(18,35,58,.06);
  --ui-ink:var(--enterprise-ink);
  --ui-muted:var(--enterprise-muted);
  --ui-line:var(--enterprise-line);
  --ui-soft:var(--enterprise-surface-2);
  --ui-paper:var(--enterprise-surface);
  --ui-brand:var(--enterprise-blue);
  --ui-brand-dark:var(--enterprise-blue-strong);
  --ui-brand-soft:var(--enterprise-blue-soft);
  --ui-warning:#f7c948;
  --ui-danger:var(--enterprise-red);
  --ui-success:var(--enterprise-green);
  --ui-info:var(--enterprise-info);
  --ui-radius:var(--enterprise-radius);
  --ui-shadow:var(--enterprise-shadow-soft);
  --ink:var(--enterprise-ink);
  --muted:var(--enterprise-muted);
  --line:var(--enterprise-line);
  --paper:var(--enterprise-surface);
  --soft:var(--enterprise-surface-2);
  --brand:var(--enterprise-blue);
  --brand-dark:var(--enterprise-blue-strong);
  --warn:#f7c948;
  --bad:var(--enterprise-red);
  --danger:var(--enterprise-red);
  --ok:var(--enterprise-green);
  --shadow:var(--enterprise-shadow-soft);
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}

html,
body{
  min-height:100%;
  background:var(--enterprise-bg)!important;
  color:var(--enterprise-ink)!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
}

body{
  background:
    radial-gradient(circle at 18% -12%,rgba(15,79,168,.09),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#f4f7fb 45%,#eef3f8 100%)!important;
}

body.auth-open{
  background:#f4f7fb!important;
}

*{
  scrollbar-color:#aab7c8 #eef3f8;
}

::selection{
  background:#cfe2ff;
  color:#0c2448;
}

a{
  color:var(--enterprise-blue-strong);
}

.doc-page,
.doc-page *,
.report-page,
.report-page *,
.print-page,
.print-page *{
  color-scheme:light!important;
}

.auth-screen{
  padding:32px 18px!important;
  background:
    linear-gradient(120deg,rgba(244,247,251,.98),rgba(232,241,255,.86)),
    radial-gradient(circle at 85% 20%,rgba(15,79,168,.12),transparent 27rem)!important;
}

.auth-card{
  max-width:500px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--enterprise-shadow)!important;
}

.auth-brand{
  border-bottom:1px solid var(--enterprise-line-soft);
  padding-bottom:20px;
}

.auth-brand img,
.menu-brand img,
.app-header img,
body>header img{
  width:112px!important;
  max-width:112px!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  filter:none!important;
}

.auth-brand img{
  width:142px!important;
  max-width:142px!important;
  max-height:54px!important;
}

.auth-kicker,
.eyebrow,
.section-title p,
.manager-heading .auth-kicker,
.chat-head .auth-kicker{
  color:var(--enterprise-blue)!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

.auth-heading h1,
.menu-intro h1,
.manager-heading h1,
.module-placeholder h1,
.panel h2,
.section-title h2,
.chat-head h2,
.history-heading h3,
.database-manager h1,
.results-manager h1{
  color:var(--enterprise-ink)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

.auth-heading p,
.menu-intro p,
.manager-heading p,
.module-placeholder p,
.panel p,
.section-title small,
.history-heading p,
.demo-access,
.privacy,
.help-text,
.hint{
  color:var(--enterprise-muted)!important;
}

.main-menu{
  min-height:100vh!important;
  padding-left:0!important;
  background:transparent!important;
}

.main-menu::before{
  display:none!important;
  content:none!important;
}

.menu-header,
.app-header,
body>header{
  position:sticky!important;
  top:0!important;
  z-index:25!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:12px max(20px,calc((100vw - 1440px)/2 + 20px))!important;
  border-bottom:1px solid var(--enterprise-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--enterprise-ink)!important;
  box-shadow:0 1px 0 rgba(18,35,58,.03),0 12px 28px rgba(18,35,58,.07)!important;
  backdrop-filter:blur(14px);
}

.menu-brand,
.menu-account{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}

.menu-brand strong,
.menu-account strong,
.app-header h1,
body>header h1{
  color:var(--enterprise-ink)!important;
  font-size:.95rem!important;
  font-weight:600!important;
  line-height:1.2!important;
}

.menu-brand span,
.menu-account span,
.app-header small,
body>header small{
  color:var(--enterprise-muted-2)!important;
  font-size:.76rem!important;
  letter-spacing:.04em!important;
}

.menu-account{
  margin-left:auto!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}

.menu-account div{
  justify-items:end!important;
}

.menu-account-btn,
.back-menu-btn,
.session-button,
.app-header a,
body>header a{
  min-height:38px!important;
  padding:8px 12px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:#fff!important;
  color:var(--enterprise-blue)!important;
  box-shadow:none!important;
  font-size:.82rem!important;
  font-weight:500!important;
  text-decoration:none!important;
}

.menu-shell,
.app-shell,
.workspace,
main{
  width:min(1440px,100%)!important;
  max-width:1440px!important;
}

.menu-shell,
.app-shell,
.workspace{
  padding:26px 28px 76px!important;
}

.menu-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px 24px!important;
  align-items:end!important;
  margin-bottom:22px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--enterprise-line)!important;
}

.menu-intro h1,
.manager-heading h1,
.database-manager h1,
.results-manager h1,
.module-placeholder h1{
  margin:5px 0 6px!important;
  font-size:clamp(1.55rem,1.8vw,2rem)!important;
  line-height:1.15!important;
}

.menu-intro p,
.manager-heading p,
.database-manager p,
.results-manager p{
  max-width:820px!important;
  font-size:.98rem!important;
}

.ui-home-dashboard,
.stats-grid,
.metrics-grid,
.summary-grid,
.kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
  gap:14px!important;
}

.ui-home-card,
.stat-card,
.metric-card,
.kpi-card,
.summary-card{
  min-height:106px!important;
  padding:16px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  color:var(--enterprise-ink)!important;
  box-shadow:var(--enterprise-shadow-soft)!important;
}

.ui-home-card small,
.stat-card small,
.metric-card small,
.kpi-card small,
.summary-card small{
  color:var(--enterprise-muted)!important;
  font-weight:500!important;
}

.ui-home-card strong,
.stat-card strong,
.metric-card strong,
.kpi-card strong,
.summary-card strong{
  color:var(--enterprise-ink)!important;
  font-weight:600!important;
}

.ui-home-card span,
.stat-card span,
.metric-card span,
.summary-card span,
.kpi-card span{
  color:var(--enterprise-muted-2)!important;
  font-size:.82rem!important;
}

.home-activity,
.chat-panel,
.teams-chat,
.panel,
.history-card,
.module-placeholder,
.database-manager,
.results-manager,
.user-manager,
.instrument-manager,
.record-tools,
.preview-toolbar,
.card,
.section-card,
.test-option,
.instrument-row,
.instrument-choice,
.record-result,
.history-selected,
.batch-summary,
.manager-heading,
.protocol-option,
.report-option,
.teams-chat-sidebar,
.teams-chat-room{
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:var(--enterprise-surface)!important;
  color:var(--enterprise-ink)!important;
  box-shadow:var(--enterprise-shadow-soft)!important;
}

.panel,
.history-card,
.home-activity,
.chat-panel,
.module-placeholder,
.database-manager,
.results-manager,
.manager-heading{
  padding:20px!important;
}

.database-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  gap:12px!important;
  margin-top:22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.module-grid,
.protocol-grid,
.reports-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  gap:12px!important;
}

.module-card{
  position:relative!important;
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 24px!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
  padding:16px 18px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:#fff!important;
  color:var(--enterprise-ink)!important;
  box-shadow:var(--enterprise-shadow-soft)!important;
  text-align:left!important;
  text-decoration:none!important;
  transition:border-color .16s ease, background .16s ease, transform .16s ease!important;
}

.module-card::before{
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:var(--enterprise-blue)!important;
  content:""!important;
}

.module-card::after{
  display:none!important;
}

.module-card:hover,
.module-card:focus-visible{
  border-color:#a9bfdd!important;
  background:#f8fbff!important;
  box-shadow:0 12px 26px rgba(18,35,58,.10)!important;
  transform:translateY(-1px)!important;
}

.module-icon{
  width:40px!important;
  height:40px!important;
  border:1px solid #cbd7e6!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--enterprise-blue-soft)!important;
  color:var(--enterprise-blue)!important;
  font-size:.75rem!important;
  font-weight:600!important;
}

.module-card strong{
  color:var(--enterprise-ink)!important;
  font-size:1rem!important;
  font-weight:600!important;
}

.module-card small{
  color:var(--enterprise-muted)!important;
  font-size:.82rem!important;
  font-weight:400!important;
}

.module-card b{
  color:var(--enterprise-blue)!important;
  font-size:1rem!important;
}

button,
a.button,
.button,
.login-submit,
.session-button,
.menu-account-btn,
.back-menu-btn,
.file-button,
.import-actions a,
.tabs button,
.tab,
.qe-btn{
  min-height:40px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:#fff!important;
  color:var(--enterprise-blue)!important;
  box-shadow:none!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:.86rem!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

button:hover,
a.button:hover,
.button:hover,
.login-submit:hover,
.session-button:hover,
.menu-account-btn:hover,
.back-menu-btn:hover,
.file-button:hover,
.import-actions a:hover,
.tabs button:hover,
.tab:hover,
.qe-btn:hover{
  border-color:#a9bfdd!important;
  background:#f4f8ff!important;
  color:var(--enterprise-blue-strong)!important;
  transform:none!important;
}

.login-submit,
button[type="submit"],
.primary,
.ui-primary-action,
#saveOnlineBtn,
#pdfBtn,
#previewBtn,
#generateRecords,
#parseRooms,
#saveRecord,
#signAndClose,
#signatureActionBtn{
  border-color:var(--enterprise-blue-strong)!important;
  background:var(--enterprise-blue-strong)!important;
  color:#fff!important;
}

.login-submit:hover,
button[type="submit"]:hover,
.primary:hover,
.ui-primary-action:hover,
#saveOnlineBtn:hover,
#pdfBtn:hover,
#previewBtn:hover,
#generateRecords:hover,
#parseRooms:hover,
#saveRecord:hover,
#signAndClose:hover,
#signatureActionBtn:hover{
  border-color:#0b438e!important;
  background:#0b438e!important;
  color:#fff!important;
}

.secondary,
.ghost,
button.secondary,
button.ghost,
a.secondary,
.ui-secondary-action{
  border-color:var(--enterprise-line)!important;
  background:#fff!important;
  color:var(--enterprise-blue)!important;
}

.danger,
button.danger,
.remove,
button.remove,
.ui-danger-action{
  border-color:#f0b8b3!important;
  background:#fff6f5!important;
  color:var(--enterprise-red)!important;
}

.danger:hover,
button.danger:hover,
.remove:hover,
button.remove:hover,
.ui-danger-action:hover{
  background:#ffeceb!important;
}

input,
select,
textarea,
.file-name{
  width:100%;
  min-height:42px!important;
  border:1px solid #c7d2df!important;
  border-radius:var(--enterprise-radius)!important;
  background:#fff!important;
  color:var(--enterprise-ink)!important;
  box-shadow:none!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#6b9ee8!important;
  box-shadow:0 0 0 3px rgba(15,79,168,.13)!important;
  outline:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#8a96a6!important;
}

label,
.form-label{
  color:#314155!important;
  font-weight:500!important;
}

.tabs,
.tabbar{
  position:sticky!important;
  top:76px!important;
  z-index:18!important;
  gap:6px!important;
  padding:6px!important;
  border:1px solid var(--enterprise-line)!important;
  border-radius:var(--enterprise-radius)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--enterprise-shadow-soft)!important;
  backdrop-filter:blur(12px);
}

.tabs button,
.tab{
  white-space:nowrap!important;
}

.tabs .active,
.tab.active,
.tabs button.active,
.tabbar .active{
  border-color:#8db4ef!important;
  background:var(--enterprise-blue-soft)!important;
  color:var(--enterprise-blue)!important;
}

.panel.active{
  display:block!important;
}

table,
.data-table,
.records-table,
.results-table,
.doc-table{
  width:100%;
  border:1px solid var(--enterprise-line)!important;
  border-collapse:separate!important;
  border-radius:8px!important;
  border-spacing:0!important;
  overflow:hidden!important;
  color:var(--enterprise-ink)!important;
}

th,
td{
  border-color:var(--enterprise-line)!important;
}

table th,
.data-table th,
.records-table th,
.results-table th{
  background:#eef4fb!important;
  color:#314155!important;
  font-size:.78rem!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

table td,
.data-table td,
.records-table td,
.results-table td{
  background:#fff!important;
  color:var(--enterprise-ink)!important;
  font-weight:400!important;
}

tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}

tbody tr:hover td{
  background:#f4f8ff!important;
}

.history-results,
.record-results,
.home-recent-list,
.chat-messages,
.chat-conversations,
.batch-rooms,
.results-list,
.user-list{
  border-color:var(--enterprise-line)!important;
  background:#fff!important;
}

.completion-state,
.record-completion,
.placeholder-status,
.notification-badge,
.badge,
.status-badge,
.status-pill,
.doc-status,
.semaphore-pill{
  border:1px solid var(--enterprise-line)!important;
  border-radius:999px!important;
  background:#f4f7fb!important;
  color:var(--enterprise-muted)!important;
  font-size:.78rem!important;
  font-weight:500!important;
}

.complete,
.completed,
.done,
.firmado,
.firmado-terminado,
.status-complete,
.status-done,
.completion-state.complete,
.record-completion.complete,
.semaphore-green{
  border-color:#a8d8bf!important;
  background:#eaf8f0!important;
  color:var(--enterprise-green)!important;
}

.incomplete,
.pending,
.pendiente,
.status-pending,
.completion-state.incomplete,
.record-completion.incomplete,
.semaphore-red{
  border-color:#f0b8b3!important;
  background:#fff1ef!important;
  color:var(--enterprise-red)!important;
}

.process,
.processing,
.en-proceso,
.status-process,
.semaphore-yellow,
.warning{
  border-color:#f4d58b!important;
  background:#fff7df!important;
  color:var(--enterprise-yellow)!important;
}

.info,
.informativo,
.status-info,
.semaphore-blue{
  border-color:#aac8f4!important;
  background:#edf5ff!important;
  color:var(--enterprise-info)!important;
}

#toast,
.ui-system-message{
  border:1px solid #c8d7e7!important;
  border-radius:var(--enterprise-radius)!important;
  background:#fff!important;
  color:var(--enterprise-ink)!important;
  box-shadow:var(--enterprise-shadow)!important;
}

.teams-chat-layout,
.chat-room-head,
.teams-chat-sidebar,
.teams-chat-room{
  border-color:var(--enterprise-line)!important;
  background:#fff!important;
}

.chat-message,
.message,
.chat-bubble{
  border:1px solid var(--enterprise-line)!important;
  background:#f8fafc!important;
  color:var(--enterprise-ink)!important;
}

.room-workflow span{
  border:1px solid var(--enterprise-line)!important;
  background:#fff!important;
  color:var(--enterprise-ink)!important;
}

.room-workflow b{
  background:var(--enterprise-blue)!important;
}

.app-header p,
.app-header small,
.header-state span{
  color:var(--enterprise-muted)!important;
}

.app-header h1,
.header-state strong{
  color:var(--enterprise-ink)!important;
}

.record-tools{
  grid-template-columns:minmax(220px,.9fr) minmax(280px,1.2fr) auto auto!important;
}

.preview-wrap{
  background:transparent!important;
}

.preview-toolbar{
  top:84px!important;
}

.document{
  background:transparent!important;
}

.doc-page,
.report-page,
.print-page,
.document .doc-page{
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 18px 50px rgba(18,35,58,.16)!important;
}

.doc-page table,
.report-page table,
.print-page table{
  border-radius:0!important;
  box-shadow:none!important;
}

.doc-page table th,
.doc-page table td,
.report-page table th,
.report-page table td,
.print-page table th,
.print-page table td{
  color:inherit!important;
}

.doc-page img,
.report-page img,
.print-page img{
  filter:none!important;
}

.photo-preview figure,
.photo-item,
.evidence figure,
.attached-image,
.certificate-image-page,
.pdf-page-image{
  border:1px solid #cbd5e1!important;
  border-radius:6px!important;
  background:#fff!important;
  padding:8px!important;
}

.photo-preview img,
.photo-item img,
.evidence img,
.attached-image img,
.certificate-image-page img,
.pdf-page-image img{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

.certificate-name,
.file-name,
.pdf-render-status{
  color:var(--enterprise-muted)!important;
}

@media(max-width:1100px){
  .menu-header,
  .app-header,
  body>header{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }

  .menu-account{
    width:100%!important;
    margin-left:0!important;
    justify-content:flex-start!important;
  }

  .ui-home-dashboard{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .record-tools{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  html,
  body{
    font-size:14px!important;
  }

  .menu-shell,
  .app-shell,
  .workspace{
    padding:18px 14px 64px!important;
  }

  .menu-intro{
    display:block!important;
  }

  .ui-home-dashboard,
  .module-grid,
  .database-options,
  .protocol-grid,
  .reports-grid{
    grid-template-columns:1fr!important;
  }

  .module-card{
    grid-template-columns:40px 1fr 20px!important;
  }
}

@media print{
  :root{
    color-scheme:light!important;
  }

  html,
  body{
    background:#fff!important;
    color:#000!important;
    font-size:12pt!important;
  }

  .menu-header,
  .app-header,
  .tabs,
  .tabbar,
  .preview-toolbar,
  .main-menu::before{
    display:none!important;
  }

  .doc-page,
  .report-page,
  .print-page{
    background:#fff!important;
    color:#000!important;
    box-shadow:none!important;
  }

  .doc-page table,
  .report-page table,
  .print-page table{
    border-radius:0!important;
  }

  .doc-page table th,
  .doc-page table td,
  .report-page table th,
  .report-page table td,
  .print-page table th,
  .print-page table td{
    background:inherit!important;
    color:inherit!important;
  }
}

/* Unified action semantics on the active light theme */
button[data-ui-icon]::before,
a.button[data-ui-icon]::before,
.button[data-ui-icon]::before,
.file-button[data-ui-icon]::before {
  content: attr(data-ui-icon);
  width: 18px;
  min-width: 18px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", Inter, sans-serif;
  font-size: 15px;
  line-height: 1;
}

button[data-ui-level],
a[data-ui-level],
.button[data-ui-level],
.file-button[data-ui-level] {
  min-width: 118px!important;
  min-height: 42px!important;
  border-radius: var(--enterprise-radius)!important;
  font-weight: 600!important;
}

button[data-ui-level="primary"],
a[data-ui-level="primary"],
.ui-primary-action {
  border-color: var(--enterprise-blue-strong)!important;
  background: var(--enterprise-blue-strong)!important;
  color: #fff!important;
}

button[data-ui-level="secondary"],
a[data-ui-level="secondary"],
.ui-secondary-action {
  border-color: var(--enterprise-line)!important;
  background: #fff!important;
  color: var(--enterprise-blue)!important;
}

button[data-ui-level="tertiary"],
a[data-ui-level="tertiary"],
.ui-tertiary-action {
  border-color: transparent!important;
  background: transparent!important;
  color: var(--enterprise-muted)!important;
}

button[data-ui-level="document"],
a[data-ui-level="document"],
.ui-document-action {
  border-color: #adc7d8!important;
  background: #eef8ff!important;
  color: #184b68!important;
}

button[data-ui-level="gmp"],
a[data-ui-level="gmp"],
.ui-gmp-action {
  border-color: #9dc8b3!important;
  background: #eaf8f0!important;
  color: #0b5b35!important;
}

button[data-ui-level="danger"],
a[data-ui-level="danger"],
.ui-danger-action {
  border-color: #e4aaa5!important;
  background: #fff!important;
  color: var(--enterprise-red)!important;
}

button[data-ui-level="danger"]:hover,
a[data-ui-level="danger"]:hover,
.ui-danger-action:hover {
  background: var(--enterprise-red)!important;
  color: #fff!important;
}

.ui-more-actions {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.ui-more-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 80;
  display: grid;
  min-width: 230px;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--enterprise-line);
  border-radius: var(--enterprise-radius);
  background: #fff;
  box-shadow: var(--enterprise-shadow);
}

.ui-more-menu[hidden] {
  display: none!important;
}

.ui-more-menu button {
  width: 100%!important;
  justify-content: flex-start!important;
  min-width: 0!important;
  min-height: 38px!important;
  padding: 8px 10px!important;
}


