/*
 * Equation Fund Admin UX consistency layer.
 *
 * Presentation only.
 * No workflow, API, permission, status or business-rule changes.
 */


/* =========================================================
   CONSISTENT ADMIN ACTION BUTTONS
   ========================================================= */

.app .primary,
.app .secondary,
.app .icon-btn,
.app .subnav button,
.app #operationsSubnav button,
.app #settingsSubnav button,
.app .filter-pill,
.app .quick button,
.app #set-roles .compact-row button,
.app .eqf-lifecycle-action {
  box-sizing:border-box !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:0 !important;
  max-width:100%;

  min-height:36px !important;
  height:36px;

  margin:0 !important;
  padding:0 13px !important;

  border-radius:8px !important;

  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;

  white-space:nowrap;
  vertical-align:middle;
}


/*
 * Primary business actions.
 */
.app .primary,
.app .eqf-action-primary {
  border:1px solid var(--accent) !important;
  background:var(--accent) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.app .primary:hover,
.app .eqf-action-primary:hover {
  background:#1e2761 !important;
  border-color:#1e2761 !important;
}


/*
 * Secondary actions.
 */
.app .secondary {
  border:1px solid #cbd4e2 !important;
  background:#fff !important;
  color:var(--ink) !important;
}

.app .secondary:hover {
  border-color:#9dabc2 !important;
  background:#f7f9fc !important;
}


/*
 * Potentially destructive lifecycle action.
 */
.app .eqf-action-danger {
  border:1px solid #d8aaa7 !important;
  background:#fff !important;
  color:var(--danger) !important;
}

.app .eqf-action-danger:hover {
  background:var(--danger-bg) !important;
}


/*
 * Text links remain visually lighter, but they now
 * clearly appear interactive.
 */
.app .linkbtn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:30px;

  padding:0 9px !important;

  border:1px solid transparent !important;
  border-radius:7px !important;

  line-height:1 !important;
}

.app .linkbtn:hover {
  border-color:#d4dce8 !important;
  background:#f4f7fb !important;
}


/* =========================================================
   STATUS / BADGE CONSISTENCY
   ========================================================= */

.app .tag,
.app .authoritative,
.app .section-badge {
  box-sizing:border-box !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  flex:0 0 auto !important;

  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;

  min-height:24px !important;
  height:auto !important;

  margin:0 !important;
  padding:5px 9px !important;

  border-radius:999px !important;

  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.1 !important;

  letter-spacing:.07em !important;
  text-transform:uppercase;

  white-space:nowrap !important;

  align-self:center !important;
}


/*
 * Prevent grid/flex containers from stretching tags
 * vertically or horizontally.
 */
.app .attn > .tag,
.app .compact-row > .tag,
.app .integration-head > .tag,
.app .asset-head > .tag {
  justify-self:end !important;
  align-self:center !important;
}


/* =========================================================
   LIFECYCLE ACTION CLARITY
   ========================================================= */

.app .eqf-lifecycle-action {
  position:relative;

  border:1px solid #bbc7d9 !important;
  background:#fff !important;
  color:#24336c !important;
}

.app .eqf-lifecycle-action.eqf-action-primary {
  border-color:#2c4a8a !important;
  background:#2c4a8a !important;
  color:#fff !important;
}

.app .eqf-lifecycle-action.eqf-action-primary:hover {
  background:#1e2761 !important;
}

.app .eqf-lifecycle-help {
  flex:1 0 100%;

  box-sizing:border-box;

  margin:5px 0 9px;
  padding:9px 11px;

  border:1px solid #dde4ef;
  border-left:3px solid #b87b3e;
  border-radius:7px;

  background:#f8fafc;
  color:#59657a;

  font-size:10px;
  line-height:1.45;
}

.app .eqf-lifecycle-help strong {
  color:#1e2761;
}


/* =========================================================
   ACTION CONTAINERS
   ========================================================= */

.app .source-meta,
.app .filter-group,
.app .filter-row,
.app .asset-foot {
  flex-wrap:wrap;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px) {

  .app .primary,
  .app .secondary,
  .app .icon-btn,
  .app .eqf-lifecycle-action {
    min-height:38px !important;
    height:38px;
  }

}


@media(max-width:760px) {

  .app .eqf-lifecycle-action {
    width:100% !important;
  }

  .app .eqf-lifecycle-help {
    width:100%;
  }

  .app .tag,
  .app .authoritative,
  .app .section-badge {
    white-space:normal !important;
    text-align:center;
  }

}