/* v1.311 — original light AngelCRM theme + refreshed button language only */
/* The base surfaces, forms, tables, drawers and menus intentionally come from app.css. */

.btn,.seg,.sideCreate,.quickAct,.notificationOpen,.multiStatusFilter>summary{
  min-height:46px!important;
  border-radius:15px!important;
  font-weight:850!important;
  letter-spacing:-.01em;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
.btn{padding:11px 18px!important;border:1px solid #bfd3ec!important;background:#fff!important;color:#0f172a!important;box-shadow:0 9px 22px rgba(15,23,42,.08)!important}
.btn:hover,.seg:hover,.sideCreate:hover{transform:translateY(-1px)}
.btn.primary,.sideCreate{
  background:linear-gradient(180deg,#3185f4 0%,#1769d8 100%)!important;
  color:#fff!important;
  border-color:#4b9bff!important;
  box-shadow:0 13px 30px rgba(20,101,218,.25),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn.primary:hover,.sideCreate:hover{
  background:linear-gradient(180deg,#4294ff 0%,#2175e8 100%)!important;
  box-shadow:0 16px 34px rgba(20,101,218,.32)!important;
}
.btn.dark{
  background:linear-gradient(180deg,#0a1629 0%,#050c18 100%)!important;
  color:#fff!important;
  border-color:#344968!important;
  box-shadow:0 13px 30px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.btn.ghost,.btn.light,.seg,.multiStatusFilter>summary{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid #b8cce5!important;
  box-shadow:0 9px 22px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.btn.ghost:hover,.btn.light:hover,.seg:hover,.multiStatusFilter>summary:hover{
  background:#f8fbff!important;
  border-color:#8eb5e5!important;
}
.btn.danger{background:#fff1f2!important;color:#b42336!important;border-color:#fecdd3!important}
.seg.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;box-shadow:0 10px 24px rgba(15,23,42,.18)!important}
.linkBtn{color:#2563eb!important}
.sidebarToggle{
  background:#fff!important;
  border-color:#cbd9ea!important;
  color:#334155!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
.sidebarToggle:hover{background:#f8fbff!important;color:#1d4ed8!important;border-color:#93b8e8!important}
.notificationBtn,.mobileProfileBtn,.phoneTopButton{
  background:#fff!important;
  color:#0f172a!important;
  border-color:#cbd9ea!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
}
/* Keep the multi-status popup opaque while preserving the original light theme. */
.multiStatusMenu,.multiStatusOptions,.multiStatusOption,.multiStatusActions{background:#fff!important;opacity:1!important}


/* v1.311 — one consistent Open action across all standard entity tables */
.responsiveRecordList .dataTable .rowAct{
  text-align:center!important;
  vertical-align:middle!important;
  padding-left:7px!important;
  padding-right:7px!important;
}
.responsiveRecordList .dataTable .rowAct .adaptiveOpenButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:104px!important;
  min-width:0!important;
  min-height:36px!important;
  margin:0 auto!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:12px!important;
  background:#eef2ff!important;
  color:#1d4ed8!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.responsiveRecordList .dataTable .rowAct .adaptiveOpenButton:hover{
  background:#dfe8ff!important;
  color:#1743bd!important;
  box-shadow:0 6px 16px rgba(37,99,235,.10)!important;
  transform:none!important;
}
.responsiveRecordList .dataTable .rowAct .adaptiveOpenButton.iconOnly{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
}


/* v1.311 — stronger brand visibility without changing the supplied logo artwork. */
.brandMark{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  border-radius:17px!important;
  box-shadow:0 8px 20px rgba(37,99,235,.28),0 0 0 1px rgba(125,211,252,.34)!important;
}
.brandMark img{
  transform:scale(1.22)!important;
  filter:saturate(1.18) contrast(1.08) brightness(1.04)!important;
}
.bigLogo{
  width:68px!important;
  height:68px!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(37,99,235,.30),0 0 0 1px rgba(255,255,255,.30)!important;
}
.bigLogo img{
  transform:scale(1.16)!important;
  filter:saturate(1.14) contrast(1.07) brightness(1.04)!important;
}
.crmShell.sideCollapsed .brandMark{width:50px!important;height:50px!important;flex-basis:50px!important}

/* v1.311 — center the Action header in every annotated CRM data table. */
.dataTable th.actionColumnHeader,
.responsiveRecordList .dataTable th[data-column="__action__"]{
  text-align:center!important;
}
.dataTable th.actionColumnHeader .tableHeaderText,
.responsiveRecordList .dataTable th[data-column="__action__"] .tableHeaderText{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

/* v1.311 — optical vertical centering for refreshed action buttons. */
.btn.primary,.sideCreate{
  line-height:1!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
}

/* v1.311 — compact mobile Web Push disable action. */
@media(max-width:900px){
  body.mobileMode .profilePushControl .pushControlActions,
  html.mobileMode .profilePushControl .pushControlActions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
  }
  body.mobileMode .profilePushControl .pushControlActions .btn,
  html.mobileMode .profilePushControl .pushControlActions .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:118px!important;
    max-width:180px!important;
    min-height:40px!important;
    height:40px!important;
    padding:8px 14px!important;
    line-height:1!important;
    align-self:flex-start!important;
  }
}

/* v1.312 — fullscreen drawer grows from the right edge toward the left, then collapses back to the right. */
@media(min-width:761px){
  .drawer.open{
    left:auto!important;
    right:0!important;
    transform:none!important;
    transition:
      width .28s cubic-bezier(.22,.61,.36,1),
      max-width .28s cubic-bezier(.22,.61,.36,1),
      border-radius .28s ease,
      box-shadow .28s ease!important;
    will-change:width,max-width,border-radius;
  }
  .drawer.open:not(.fullscreen){
    left:auto!important;
    right:0!important;
  }
  body.drawerFullscreenOpen .drawer.open.fullscreen,
  .drawer.open.fullscreen{
    left:auto!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* v1.318 — mobile Save is portaled to body so iOS transformed drawers cannot scroll it away. */
/* v1.318 — floating Save docks into the bottom action block when it reaches Delete, then undocks when scrolling back up. */
.mobileEntitySaveOverlay{display:none!important}
@media(max-width:760px){
  body.mobileMode .entityRecordForm,
  html.mobileMode .entityRecordForm{
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  body.mobileMode .entityFormActions,
  html.mobileMode .entityFormActions{
    position:static!important;
    bottom:auto!important;
    z-index:auto!important;
    margin:12px 0 0!important;
    padding:10px 0 4px!important;
    background:transparent!important;
    border-top:0!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body.mobileMode .entityFormActions .entityPrimarySave,
  html.mobileMode .entityFormActions .entityPrimarySave{
    display:none!important;
  }
  body.mobileMode .entityFormActions .entityDeleteButton,
  html.mobileMode .entityFormActions .entityDeleteButton{
    position:static!important;
    display:inline-flex!important;
    width:100%!important;
    min-height:48px!important;
    margin:10px 0 0!important;
  }
  body.mobileMode .mobileEntitySaveOverlay,
  html.mobileMode .mobileEntitySaveOverlay{
    display:inline-flex!important;
    position:fixed!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    z-index:9000!important;
    width:auto!important;
    min-height:52px!important;
    margin:0!important;
    border-radius:16px!important;
    box-shadow:0 12px 30px rgba(37,99,235,.28)!important;
  }
  body.mobileMode .mobileEntitySaveOverlay.mobileEntitySaveDocked,
  html.mobileMode .mobileEntitySaveOverlay.mobileEntitySaveDocked{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:52px!important;
    margin:0 0 10px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  body.mobileMode .entityFormActions.mobileSaveDocked,
  html.mobileMode .entityFormActions.mobileSaveDocked{
    padding-top:0!important;
  }
  body.mobileMode.mobileKeyboardOpen .mobileEntitySaveOverlay,
  html.mobileKeyboardOpen .mobileEntitySaveOverlay{
    display:none!important;
  }
  body.mobileMode .drawerBody,
  html.mobileMode .drawerBody{
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
  }
}