/* ==========================================================
   ATOSY ERP
   INFORMATION WORKSPACE V1
   ========================================================== */

#information-full-page.hidden,
.information-detail-overlay.hidden,
#information-full-loading.hidden,
#information-full-table-wrapper.hidden {
  display: none !important;
}

body.atosy-view-information {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(30, 112, 255, .35),
      transparent 35%
    ),
    #041f55;
}

.information-full-page {
  width: 100%;
  padding: 16px 28px 40px;
  box-sizing: border-box;
}

.information-full-hero {
  min-height: 130px;
  padding: 28px 34px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 180px;
  gap: 22px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 28px;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      rgba(17,102,232,.92),
      rgba(9,55,133,.95)
    );
  box-shadow:
    0 16px 35px rgba(0,25,80,.28);
}

.information-full-back {
  width: 62px;
  height: 62px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}

.information-full-hero-copy {
  min-width: 0;
}

.information-full-eyebrow,
.information-classification-eyebrow {
  color: #b8d5ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.information-full-hero h1 {
  margin: 8px 0 5px;
  font-size: 38px;
  line-height: 1;
}

.information-full-hero h1 span {
  margin-left: 8px;
  color: #b7d2ff;
  font-size: 22px;
}

.information-full-hero p {
  margin: 0;
  color: #d5e5ff;
  font-size: 15px;
}

.information-full-total {
  padding: 18px 20px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 21px;
  background: rgba(255,255,255,.10);
}

.information-full-total span {
  display: block;
  color: #d3e4ff;
  font-size: 12px;
}

.information-full-total strong {
  display: block;
  margin-top: 5px;
  font-size: 32px;
}

.information-full-toolbar {
  margin-top: 18px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto auto;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 25px;
  background: rgba(8,65,157,.88);
}

.information-full-search {
  min-height: 54px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 18px;
}

.information-full-search span {
  color: #fff;
}

.information-full-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
}

.information-full-search input::placeholder {
  color: #bcd3f6;
}

.information-full-refresh,
.information-full-add {
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 18px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.information-full-refresh {
  background: rgba(255,255,255,.08);
}

.information-full-add {
  background: #10b832;
  border-color: #10b832;
}

.information-full-layout {
  margin-top: 20px;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    350px;
  gap: 20px;
  align-items: start;
}

.information-full-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 28px;
  background: #fff;
  box-shadow:
    0 18px 38px rgba(0,24,72,.25);
}

.information-full-card-header {
  min-height: 74px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #08418f;
  border-bottom: 1px solid #d8e6f7;
}

.information-full-card-header > strong {
  font-size: 22px;
}

.information-full-page-size {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #517093;
  font-size: 13px;
}

.information-full-page-size select {
  padding: 8px 12px;
  border: 1px solid #c9d9eb;
  border-radius: 10px;
  background: #fff;
}

.information-full-loading {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #4d6d90;
}

.information-full-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #d7e4f4;
  border-top-color: #1573e9;
  border-radius: 50%;
  animation:
    information-spin .8s linear infinite;
}

@keyframes information-spin {
  to {
    transform: rotate(360deg);
  }
}

.information-full-table-wrapper {
  width: 100%;
  overflow: auto;
}

.information-full-table {
  width: 100%;
  min-width: 1050px;
  border-collapse: collapse;
  table-layout: fixed;
}

.information-full-table th {
  padding: 16px 14px;
  text-align: left;
  color: #507091;
  background: #eaf4ff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.information-full-table td {
  padding: 14px;
  border-bottom: 1px solid #edf2f7;
  color: #304d6d;
  vertical-align: middle;
}

.information-full-table tbody tr:hover {
  background: #f7fbff;
}

.information-full-table th:nth-child(1),
.information-full-table td:nth-child(1) {
  width: 130px;
}

.information-full-table th:nth-child(2),
.information-full-table td:nth-child(2) {
  width: 70px;
}

.information-full-table th:nth-child(3),
.information-full-table td:nth-child(3) {
  width: 220px;
}

.information-full-table th:nth-child(4),
.information-full-table td:nth-child(4) {
  width: 300px;
}

.information-full-table th:nth-child(5),
.information-full-table td:nth-child(5) {
  width: 180px;
}

.information-full-table th:nth-child(6),
.information-full-table td:nth-child(6) {
  width: 90px;
}

.information-full-table th:nth-child(7),
.information-full-table td:nth-child(7) {
  width: 55px;
}

.information-full-code {
  color: #0867d7;
}

.information-full-subject,
.information-full-content,
.information-full-category {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.information-full-category {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eff5fb;
  color: #647d98;
  font-size: 12px;
}

.information-full-drive {
  color: #0867d7;
  text-decoration: none;
  font-weight: 700;
}

.information-full-drive-empty {
  color: #9aabbc;
}

.information-full-row-action {
  width: 34px;
  height: 34px;
  border: 1px solid #c8d9ec;
  border-radius: 11px;
  background: #fff;
  color: #116bd4;
  font-size: 22px;
  cursor: pointer;
}

.information-full-empty,
.information-full-error {
  padding: 60px !important;
  text-align: center !important;
}

.information-full-error {
  color: #b3261e !important;
}

.information-full-pagination {
  min-height: 68px;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  color: #67809b;
  font-size: 13px;
}

.information-full-pagination > :last-child {
  text-align: right;
}

.information-full-pagination-control {
  display: flex;
  align-items: center;
  gap: 10px;
}

.information-full-pagination-control button {
  width: 36px;
  height: 36px;
  border: 1px solid #cad9ea;
  border-radius: 10px;
  background: #fff;
  color: #0c61c1;
  cursor: pointer;
}

.information-full-pagination-control button:disabled {
  opacity: .35;
  cursor: default;
}

.information-classification-panel {
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 120px);
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 28px;
  color: #fff;
  background:
    linear-gradient(
      160deg,
      #0a4ca3,
      #063370
    );
  box-shadow:
    0 18px 38px rgba(0,24,72,.25);
}

.information-classification-title-row {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.information-classification-title-row h2 {
  margin: 0;
  font-size: 23px;
}

.information-classification-title-row p {
  margin: 4px 0 0;
  color: #a9c9ee;
  font-size: 12px;
}

#information-category-reset {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 23px;
  cursor: pointer;
}

.information-category-all {
  width: 100%;
  margin-top: 18px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 15px;
  background: transparent;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.information-category-all.is-selected {
  background: rgba(255,255,255,.12);
}

.information-category-selected {
  margin-top: 12px;
  padding: 10px 12px;
  overflow: hidden;
  border-radius: 12px;
  color: #c8ddf5;
  background: rgba(0,0,0,.12);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.information-category-tree {
  margin-top: 14px;
  max-height: calc(100vh - 350px);
  overflow: auto;
  padding-right: 4px;
}

.information-category-node-row {
  min-height: 42px;
  display: flex;
  align-items: center;
  border-radius: 12px;
}

.information-category-node-row:hover,
.information-category-node-row.is-selected {
  background: rgba(255,255,255,.10);
}

.information-category-toggle,
.information-category-toggle-spacer {
  width: 28px;
  flex: 0 0 28px;
}

.information-category-toggle {
  border: 0;
  background: transparent;
  color: #9fc9ff;
  font-size: 20px;
  cursor: pointer;
}

.information-category-label {
  min-width: 0;
  flex: 1;
  padding: 8px 4px;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.information-category-children {
  margin-left: 15px;
  padding-left: 8px;
  border-left: 1px solid rgba(255,255,255,.15);
}

.information-category-node.level-2 .information-category-label,
.information-category-node.level-3 .information-category-label,
.information-category-node.level-4 .information-category-label,
.information-category-node.level-5 .information-category-label,
.information-category-node.level-6 .information-category-label,
.information-category-node.level-7 .information-category-label,
.information-category-node.level-8 .information-category-label {
  color: #d6e7fb;
  font-weight: 600;
  font-size: 13px;
}

.information-category-loading,
.information-category-empty,
.information-category-error {
  padding: 24px 10px;
  text-align: center;
  color: #b8d4f3;
}

.information-category-error {
  color: #ffd0cc;
}

.information-detail-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: flex-end;
}

.information-detail-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,16,45,.55);
  backdrop-filter: blur(3px);
}

.information-detail-panel {
  position: relative;
  z-index: 1;
  width: min(620px, 94vw);
  height: 100%;
  overflow: auto;
  background: #f8fbff;
  box-shadow:
    -20px 0 50px rgba(0,20,55,.25);
}

.information-detail-header {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 22px 26px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #fff;
  background: #08489b;
}

.information-detail-header span {
  color: #b9d4f6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
}

.information-detail-header h2 {
  margin: 4px 0 0;
}

.information-detail-header button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

.information-detail-content {
  padding: 24px;
}

.information-detail-loading,
.information-detail-error {
  padding: 40px 10px;
  text-align: center;
  color: #577494;
}

.information-detail-error {
  color: #b3261e;
}

.information-detail-hero {
  padding: 18px;
  display: flex;
  gap: 14px;
  align-items: center;
  border-radius: 18px;
  background: #eaf4ff;
}

.information-detail-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: #ff7e49;
  font-size: 22px;
  font-weight: 900;
}

.information-detail-hero strong,
.information-detail-hero span {
  display: block;
}

.information-detail-hero strong {
  color: #103e75;
  font-size: 18px;
}

.information-detail-hero span {
  margin-top: 3px;
  color: #69819b;
}

.information-detail-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.information-detail-field {
  padding: 14px;
  border: 1px solid #dbe7f3;
  border-radius: 14px;
  background: #fff;
}

.information-detail-field span,
.information-detail-field strong {
  display: block;
}

.information-detail-field span {
  color: #7890a8;
  font-size: 11px;
}

.information-detail-field strong {
  margin-top: 5px;
  color: #274b71;
  word-break: break-word;
}

.information-detail-section-title {
  margin-top: 22px;
  color: #0b478e;
  font-weight: 900;
}

.information-detail-content-box {
  margin-top: 8px;
  padding: 18px;
  border: 1px solid #dce7f2;
  border-radius: 14px;
  background: #fff;
  color: #344f6b;
  line-height: 1.55;
  white-space: pre-wrap;
}

.information-detail-drive {
  margin-top: 10px;
  display: inline-block;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  background: #116bd4;
  text-decoration: none;
  font-weight: 800;
}

@media (max-width: 1100px) {

  .information-full-layout {
    grid-template-columns: 1fr;
  }

  .information-classification-panel {
    position: static;
    max-height: none;
  }

  .information-category-tree {
    max-height: 420px;
  }

}

@media (max-width: 760px) {

  .information-full-page {
    padding: 10px;
  }

  .information-full-hero {
    grid-template-columns: 48px 1fr;
    padding: 20px;
  }

  .information-full-total {
    grid-column: 1 / -1;
  }

  .information-full-toolbar {
    grid-template-columns: 1fr;
  }

  .information-full-refresh,
  .information-full-add {
    min-height: 50px;
  }

  .information-detail-grid {
    grid-template-columns: 1fr;
  }

}

/* ==========================================================
   T90 — LONG INFORMATION TABLE TITLE WRAP
   ========================================================== */

/*
 * Cho tiêu đề:
 *
 * Cấp 1 → Cấp sâu nhất
 *
 * tự xuống 2–3 dòng khi dài.
 * Không ellipsis, không marquee, không tràn khỏi card.
 */

body.atosy-view-information
#information-full-page
#atosy-information-title-clone-v1,

body.atosy-view-information
#information-full-page
.information-table-title-v35 {

  display:
    block
    !important;

  width:
    100%
    !important;

  max-width:
    100%
    !important;

  height:
    auto
    !important;

  min-height:
    0
    !important;

  max-height:
    none
    !important;

  padding:
    26px 28px
    !important;

  margin:
    0
    !important;

  box-sizing:
    border-box
    !important;

  white-space:
    normal
    !important;

  overflow:
    visible
    !important;

  text-overflow:
    clip
    !important;

  overflow-wrap:
    anywhere
    !important;

  word-break:
    normal
    !important;

  line-height:
    1.22
    !important;

  text-align:
    center
    !important;

}


/*
 * Header chứa title cũng phải tự tăng chiều cao.
 */

body.atosy-view-information
#information-full-page
.information-full-card-header,

body.atosy-view-information
#information-full-page
.information-header-v35 {

  height:
    auto
    !important;

  min-height:
    0
    !important;

  max-height:
    none
    !important;

  overflow:
    visible
    !important;

}


/*
 * Nếu các patch cũ gắn marquee/overflow state vào title,
 * tắt hoàn toàn cho title chính.
 */

body.atosy-view-information
#information-full-page
#atosy-information-title-clone-v1.information-marquee,

body.atosy-view-information
#information-full-page
#atosy-information-title-clone-v1.is-overflowing {

  animation:
    none
    !important;

  transform:
    none
    !important;

  white-space:
    normal
    !important;

  overflow:
    visible
    !important;

}


/* ==========================================================
   T105 — INFORMATION DETAIL = SUBJECT PROFILE PARITY V1
   ========================================================== */


/* ==========================================================
   OVERLAY
   ========================================================== */

.information-detail-overlay {

  position:
    fixed
    !important;

  inset:
    0
    !important;

  z-index:
    9999
    !important;

  display:
    flex
    !important;

  justify-content:
    flex-end
    !important;

  align-items:
    stretch
    !important;

  padding:
    128px 18px 18px
    !important;

  box-sizing:
    border-box
    !important;

  background:
    rgba(5, 35, 82, .22)
    !important;

  backdrop-filter:
    blur(5px)
    !important;

  -webkit-backdrop-filter:
    blur(5px)
    !important;

}


.information-detail-overlay.hidden {

  display:
    none
    !important;

}


.information-detail-backdrop {

  position:
    absolute
    !important;

  inset:
    0
    !important;

  background:
    transparent
    !important;

  backdrop-filter:
    none
    !important;

  -webkit-backdrop-filter:
    none
    !important;

}


/* ==========================================================
   DRAWER
   ========================================================== */

.information-detail-panel {

  position:
    relative
    !important;

  z-index:
    1
    !important;

  width:
    min(
      760px,
      calc(100vw - 110px)
    )
    !important;

  height:
    100%
    !important;

  overflow:
    hidden
    !important;

  display:
    flex
    !important;

  flex-direction:
    column
    !important;

  background:
    #f5f9ff
    !important;

  border:
    1px solid
    rgba(190, 215, 255, .72)
    !important;

  border-radius:
    28px
    !important;

  box-shadow:
    -24px 24px 70px
    rgba(0, 29, 78, .34)
    !important;

}


/* ==========================================================
   HERO HEADER
   ========================================================== */

.information-detail-header {

  position:
    relative
    !important;

  top:
    auto
    !important;

  z-index:
    2
    !important;

  flex:
    0 0 auto
    !important;

  min-height:
    200px
    !important;

  padding:
    22px 24px 20px
    !important;

  display:
    flex
    !important;

  justify-content:
    space-between
    !important;

  align-items:
    flex-start
    !important;

  gap:
    18px
    !important;

  color:
    #fff
    !important;

  background:
    linear-gradient(
      135deg,
      #083b91 0%,
      #0b58cb 55%,
      #2479ef 100%
    )
    !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.16)
    !important;

  overflow:
    hidden
    !important;

}


.information-detail-header::after {

  content:
    ""
    !important;

  position:
    absolute
    !important;

  width:
    240px
    !important;

  height:
    240px
    !important;

  right:
    -90px
    !important;

  top:
    -110px
    !important;

  border-radius:
    999px
    !important;

  background:
    rgba(255,255,255,.10)
    !important;

  pointer-events:
    none
    !important;

}


.information-detail-header > div {

  position:
    relative
    !important;

  z-index:
    1
    !important;

  min-width:
    0
    !important;

  flex:
    1 1 auto
    !important;

  display:
    grid
    !important;

  grid-template-columns:
    66px minmax(0,1fr)
    !important;

  grid-template-rows:
    auto auto auto
    !important;

  column-gap:
    16px
    !important;

  align-items:
    center
    !important;

}


.information-detail-header > div::before {

  content:
    "A"
    !important;

  grid-column:
    1
    !important;

  grid-row:
    2 / span 2
    !important;

  width:
    66px
    !important;

  height:
    66px
    !important;

  border-radius:
    20px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  justify-content:
    center
    !important;

  color:
    #fff
    !important;

  background:
    #ff7e49
    !important;

  border:
    1px solid
    rgba(255,255,255,.26)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.15)
    !important;

  font-size:
    30px
    !important;

  font-weight:
    900
    !important;

}


.information-detail-header span {

  grid-column:
    1 / -1
    !important;

  margin-bottom:
    28px
    !important;

  color:
    rgba(255,255,255,.78)
    !important;

  font-size:
    11px
    !important;

  font-weight:
    800
    !important;

  letter-spacing:
    .18em
    !important;

  text-transform:
    uppercase
    !important;

}


.information-detail-header h2 {

  grid-column:
    2
    !important;

  margin:
    0
    !important;

  min-width:
    0
    !important;

  color:
    #fff
    !important;

  font-size:
    25px
    !important;

  line-height:
    1.15
    !important;

  font-weight:
    800
    !important;

  letter-spacing:
    -.02em
    !important;

  overflow-wrap:
    anywhere
    !important;

}


.information-detail-meta {

  grid-column:
    2
    !important;

  margin-top:
    7px
    !important;

  display:
    flex
    !important;

  flex-wrap:
    wrap
    !important;

  gap:
    8px
    !important;

}


.information-detail-chip {

  min-height:
    27px
    !important;

  padding:
    5px 10px
    !important;

  border-radius:
    999px
    !important;

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  color:
    #fff
    !important;

  font-size:
    11px
    !important;

  font-weight:
    700
    !important;

  background:
    rgba(255,255,255,.13)
    !important;

  border:
    1px solid
    rgba(255,255,255,.20)
    !important;

}


.information-detail-chip.classification {

  max-width:
    340px
    !important;

  overflow:
    hidden
    !important;

  white-space:
    nowrap
    !important;

  text-overflow:
    ellipsis
    !important;

  background:
    rgba(137,92,246,.32)
    !important;

  border-color:
    rgba(221,205,255,.50)
    !important;

}


.information-detail-header button {

  position:
    relative
    !important;

  z-index:
    3
    !important;

  flex:
    0 0 42px
    !important;

  width:
    42px
    !important;

  height:
    42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.30)
    !important;

  border-radius:
    50%
    !important;

  background:
    rgba(255,255,255,.08)
    !important;

  color:
    #fff
    !important;

  font-size:
    24px
    !important;

  cursor:
    pointer
    !important;

}


/* ==========================================================
   SCROLL BODY
   ========================================================== */

.information-detail-content {

  flex:
    1 1 auto
    !important;

  min-height:
    0
    !important;

  overflow-y:
    auto
    !important;

  padding:
    0
    !important;

  scrollbar-width:
    thin
    !important;

  scrollbar-color:
    #aac5ec transparent
    !important;

}


.information-profile-body {

  padding:
    18px 20px 28px
    !important;

}


/* ==========================================================
   SUMMARY
   ========================================================== */

.information-profile-summary {

  display:
    grid
    !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr))
    !important;

  gap:
    10px
    !important;

  margin-bottom:
    16px
    !important;

}


.information-profile-summary-card {

  min-width:
    0
    !important;

  padding:
    13px 14px
    !important;

  border-radius:
    17px
    !important;

  background:
    #fff
    !important;

  border:
    1px solid #dce8f8
    !important;

  box-shadow:
    0 7px 18px
    rgba(45,82,135,.06)
    !important;

}


.information-profile-summary-card span {

  display:
    block
    !important;

  margin-bottom:
    5px
    !important;

  color:
    #8195ae
    !important;

  font-size:
    10px
    !important;

  font-weight:
    700
    !important;

  text-transform:
    uppercase
    !important;

  letter-spacing:
    .06em
    !important;

}


.information-profile-summary-card strong {

  display:
    block
    !important;

  overflow:
    hidden
    !important;

  text-overflow:
    ellipsis
    !important;

  white-space:
    nowrap
    !important;

  color:
    #123f79
    !important;

  font-size:
    13px
    !important;

  line-height:
    1.35
    !important;

}


/* ==========================================================
   COLORED SECTIONS
   ========================================================== */

.information-profile-section {

  --section-color:
    #287be8;

  --section-soft:
    #edf5ff;

  margin-top:
    14px
    !important;

  overflow:
    hidden
    !important;

  background:
    #fff
    !important;

  border:
    1px solid #dce7f5
    !important;

  border-radius:
    20px
    !important;

  box-shadow:
    0 7px 20px
    rgba(35,78,135,.055)
    !important;

}


.information-profile-section.blue {

  --section-color:
    #287be8;

  --section-soft:
    #edf5ff;

}


.information-profile-section.purple {

  --section-color:
    #7c55e9;

  --section-soft:
    #f4f0ff;

}


.information-profile-section.green {

  --section-color:
    #0dac85;

  --section-soft:
    #eafaf5;

}


.information-profile-section.orange {

  --section-color:
    #ed8b2d;

  --section-soft:
    #fff5e9;

}


.information-profile-section.cyan {

  --section-color:
    #169bc1;

  --section-soft:
    #eaf9fd;

}


.information-profile-section.slate {

  --section-color:
    #60758f;

  --section-soft:
    #f1f5fa;

}


.information-profile-section-head {

  min-height:
    50px
    !important;

  padding:
    10px 14px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  gap:
    10px
    !important;

  background:
    linear-gradient(
      90deg,
      var(--section-soft),
      #fff
    )
    !important;

  border-bottom:
    1px solid #e4edf8
    !important;

}


.information-profile-section-icon {

  width:
    32px
    !important;

  height:
    32px
    !important;

  flex:
    0 0 32px
    !important;

  border-radius:
    10px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  justify-content:
    center
    !important;

  color:
    #fff
    !important;

  background:
    var(--section-color)
    !important;

  font-size:
    15px
    !important;

  font-weight:
    800
    !important;

}


.information-profile-section-title strong {

  display:
    block
    !important;

  color:
    #163f73
    !important;

  font-size:
    14px
    !important;

  line-height:
    1.2
    !important;

}


.information-profile-section-title span {

  display:
    block
    !important;

  margin-top:
    2px
    !important;

  color:
    #8293aa
    !important;

  font-size:
    10px
    !important;

}


/* ==========================================================
   FIELDS
   ========================================================== */

.information-profile-fields {

  display:
    grid
    !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr))
    !important;

  padding:
    4px 14px 10px
    !important;

}


.information-profile-field {

  min-width:
    0
    !important;

  padding:
    11px 9px
    !important;

  border-bottom:
    1px solid #edf2f8
    !important;

}


.information-profile-field.full {

  grid-column:
    1 / -1
    !important;

}


.information-profile-field-label {

  margin-bottom:
    4px
    !important;

  color:
    #8a9bb0
    !important;

  font-size:
    10px
    !important;

  font-weight:
    700
    !important;

}


.information-profile-field-value {

  color:
    #173f72
    !important;

  font-size:
    13px
    !important;

  line-height:
    1.4
    !important;

  font-weight:
    650
    !important;

  overflow-wrap:
    anywhere
    !important;

}


.information-profile-field-value.preserve {

  white-space:
    pre-wrap
    !important;

  font-weight:
    500
    !important;

  line-height:
    1.55
    !important;

}


.information-profile-drive-link {

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  min-height:
    40px
    !important;

  padding:
    9px 14px
    !important;

  border-radius:
    12px
    !important;

  color:
    #fff
    !important;

  background:
    #1676df
    !important;

  text-decoration:
    none
    !important;

  font-size:
    12px
    !important;

  font-weight:
    800
    !important;

}


.information-profile-drive-link:hover {

  background:
    #0b61c4
    !important;

}


/* ==========================================================
   TECHNICAL
   ========================================================== */

.information-profile-technical {

  margin-top:
    14px
    !important;

  overflow:
    hidden
    !important;

  border:
    1px solid #dce7f5
    !important;

  border-radius:
    16px
    !important;

  background:
    #fff
    !important;

}


.information-profile-technical summary {

  padding:
    12px 14px
    !important;

  color:
    #60758f
    !important;

  font-size:
    11px
    !important;

  font-weight:
    800
    !important;

  cursor:
    pointer
    !important;

}


.information-profile-technical pre {

  margin:
    0
    !important;

  padding:
    14px
    !important;

  overflow:
    auto
    !important;

  border-top:
    1px solid #edf2f8
    !important;

  background:
    #f7faff
    !important;

  color:
    #38516d
    !important;

  font-size:
    10px
    !important;

  line-height:
    1.45
    !important;

}


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

@media (
  max-width:
  760px
) {

  .information-detail-overlay {

    padding:
      92px 8px 8px
      !important;

  }


  .information-detail-panel {

    width:
      100%
      !important;

    border-radius:
      22px
      !important;

  }


  .information-profile-summary {

    grid-template-columns:
      1fr
      !important;

  }


  .information-profile-fields {

    grid-template-columns:
      1fr
      !important;

  }

}


/* T105 END */

/* ==========================================================
   T106 — INFORMATION PROFILE PROFESSIONAL POLISH
   Subject Profile visual parity
   ========================================================== */


/* ==========================================================
   1. OVERLAY
   ========================================================== */

.information-detail-overlay {

  padding:
    112px 22px 22px
    !important;

  align-items:
    stretch
    !important;

  background:
    rgba(3, 29, 73, .30)
    !important;

  backdrop-filter:
    blur(7px)
    !important;

  -webkit-backdrop-filter:
    blur(7px)
    !important;

}


/* ==========================================================
   2. DRAWER — GỌN HƠN, GIỐNG SUBJECT
   ========================================================== */

.information-detail-panel {

  width:
    min(
      880px,
      calc(100vw - 150px)
    )
    !important;

  max-width:
    880px
    !important;

  height:
    100%
    !important;

  max-height:
    calc(100vh - 134px)
    !important;

  border-radius:
    26px
    !important;

  background:
    #f4f8fd
    !important;

  border:
    1px solid
    rgba(195, 215, 242, .88)
    !important;

  box-shadow:
    -18px 22px 62px
    rgba(0, 35, 88, .32)
    !important;

}


/* ==========================================================
   3. HERO — GIẢM CHIỀU CAO
   ========================================================== */

.information-detail-header {

  min-height:
    164px
    !important;

  padding:
    22px 28px
    !important;

  background:
    linear-gradient(
      122deg,
      #0a3b8e 0%,
      #0e58c8 54%,
      #287cec 100%
    )
    !important;

}


.information-detail-header::after {

  width:
    210px
    !important;

  height:
    210px
    !important;

  top:
    -102px
    !important;

  right:
    -70px
    !important;

  background:
    rgba(255,255,255,.105)
    !important;

}


.information-detail-header > div {

  grid-template-columns:
    62px minmax(0,1fr)
    !important;

  column-gap:
    16px
    !important;

}


.information-detail-header > div::before {

  width:
    62px
    !important;

  height:
    62px
    !important;

  border-radius:
    18px
    !important;

  font-size:
    27px
    !important;

  box-shadow:
    none
    !important;

}


.information-detail-header span {

  margin-bottom:
    19px
    !important;

  font-size:
    10px
    !important;

  font-weight:
    850
    !important;

  letter-spacing:
    .17em
    !important;

}


.information-detail-header h2 {

  font-size:
    24px
    !important;

  font-weight:
    800
    !important;

  line-height:
    1.15
    !important;

  letter-spacing:
    -.025em
    !important;

}


.information-detail-meta {

  margin-top:
    7px
    !important;

  gap:
    6px
    !important;

}


.information-detail-chip {

  min-height:
    25px
    !important;

  padding:
    4px 9px
    !important;

  font-size:
    10.5px
    !important;

  font-weight:
    750
    !important;

}


/* ==========================================================
   4. CLOSE BUTTON
   ========================================================== */

.information-detail-header button {

  width:
    42px
    !important;

  height:
    42px
    !important;

  flex-basis:
    42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.27)
    !important;

  background:
    rgba(255,255,255,.055)
    !important;

  transition:
    background 140ms ease,
    transform 140ms ease
    !important;

}


.information-detail-header button:hover {

  background:
    rgba(255,255,255,.15)
    !important;

  transform:
    translateY(-1px)
    !important;

}


/* ==========================================================
   5. CONTENT
   ========================================================== */

.information-profile-body {

  padding:
    18px 24px 30px
    !important;

}


/* ==========================================================
   6. SUMMARY — 3 Ô NHẸ, KHÔNG QUÁ TO
   ========================================================== */

.information-profile-summary {

  grid-template-columns:
    repeat(3, minmax(0,1fr))
    !important;

  gap:
    12px
    !important;

  margin:
    0 0 16px
    !important;

}


.information-profile-summary-card {

  min-height:
    68px
    !important;

  padding:
    12px 14px
    !important;

  display:
    flex
    !important;

  flex-direction:
    column
    !important;

  justify-content:
    center
    !important;

  border-radius:
    16px
    !important;

  border:
    1px solid #d8e5f4
    !important;

  background:
    rgba(255,255,255,.96)
    !important;

  box-shadow:
    0 4px 12px
    rgba(29, 71, 126, .045)
    !important;

}


.information-profile-summary-card span {

  margin-bottom:
    4px
    !important;

  font-size:
    9.5px
    !important;

  font-weight:
    750
    !important;

  letter-spacing:
    .045em
    !important;

  color:
    #8598b0
    !important;

}


.information-profile-summary-card strong {

  font-size:
    13px
    !important;

  font-weight:
    780
    !important;

  color:
    #123d71
    !important;

}


/* ==========================================================
   7. SECTION CARD
   ========================================================== */

.information-profile-section {

  margin-top:
    13px
    !important;

  border-radius:
    18px
    !important;

  border:
    1px solid
    #dce7f4
    !important;

  box-shadow:
    0 5px 16px
    rgba(30, 72, 122, .045)
    !important;

}


/* ==========================================================
   8. SECTION HEADER
   ========================================================== */

.information-profile-section-head {

  min-height:
    54px
    !important;

  padding:
    9px 14px
    !important;

  gap:
    11px
    !important;

  background:
    linear-gradient(
      90deg,
      var(--section-soft) 0%,
      rgba(255,255,255,.94) 78%
    )
    !important;

}


.information-profile-section-icon {

  width:
    34px
    !important;

  height:
    34px
    !important;

  flex-basis:
    34px
    !important;

  border-radius:
    10px
    !important;

  font-size:
    14px
    !important;

  box-shadow:
    0 3px 8px
    color-mix(
      in srgb,
      var(--section-color) 20%,
      transparent
    )
    !important;

}


.information-profile-section-title strong {

  font-size:
    13.5px
    !important;

  font-weight:
    800
    !important;

  line-height:
    1.18
    !important;

}


.information-profile-section-title span {

  margin-top:
    2px
    !important;

  font-size:
    10px
    !important;

  line-height:
    1.25
    !important;

}


/* ==========================================================
   9. SECTION COLORS — GIỐNG TRIẾT LÝ SUBJECT
   ========================================================== */

.information-profile-section.blue {

  --section-color:
    #287bea;

  --section-soft:
    #eef5ff;

}


.information-profile-section.purple {

  --section-color:
    #8157ea;

  --section-soft:
    #f5f1ff;

}


.information-profile-section.green {

  --section-color:
    #11a981;

  --section-soft:
    #ecfaf5;

}


.information-profile-section.orange {

  --section-color:
    #ef8c34;

  --section-soft:
    #fff5e9;

}


.information-profile-section.cyan {

  --section-color:
    #219bbc;

  --section-soft:
    #ebf9fd;

}


.information-profile-section.slate {

  --section-color:
    #61738c;

  --section-soft:
    #f1f5f9;

}


/* ==========================================================
   10. FIELD GRID
   ========================================================== */

.information-profile-fields {

  padding:
    3px 15px 8px
    !important;

  column-gap:
    18px
    !important;

}


.information-profile-field {

  padding:
    10px 8px
    !important;

  min-height:
    57px
    !important;

  border-bottom:
    1px solid
    #edf2f7
    !important;

}


.information-profile-field-label {

  margin-bottom:
    4px
    !important;

  font-size:
    9.7px
    !important;

  font-weight:
    750
    !important;

  color:
    #8b9db3
    !important;

}


.information-profile-field-value {

  font-size:
    12.5px
    !important;

  line-height:
    1.38
    !important;

  font-weight:
    650
    !important;

  color:
    #153e70
    !important;

}


/* ==========================================================
   11. CONTENT TEXT
   ========================================================== */

.information-profile-field-value.preserve {

  min-height:
    70px
    !important;

  padding:
    2px 0 4px
    !important;

  font-size:
    12.5px
    !important;

  line-height:
    1.55
    !important;

  font-weight:
    500
    !important;

  color:
    #385675
    !important;

}


/* ==========================================================
   12. DRIVE BUTTON
   ========================================================== */

.information-profile-drive-link {

  min-height:
    38px
    !important;

  padding:
    8px 13px
    !important;

  border-radius:
    11px
    !important;

  font-size:
    11.5px
    !important;

  font-weight:
    800
    !important;

  box-shadow:
    0 5px 12px
    rgba(22,118,223,.17)
    !important;

  transition:
    transform 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease
    !important;

}


.information-profile-drive-link:hover {

  transform:
    translateY(-1px)
    !important;

  box-shadow:
    0 7px 16px
    rgba(22,118,223,.22)
    !important;

}


/* ==========================================================
   13. TECHNICAL DATA — NHẸ, KHÔNG GIÀNH SỰ CHÚ Ý
   ========================================================== */

.information-profile-technical {

  margin-top:
    13px
    !important;

  border-radius:
    14px
    !important;

  box-shadow:
    none
    !important;

}


.information-profile-technical summary {

  padding:
    11px 13px
    !important;

  font-size:
    10px
    !important;

  color:
    #71849b
    !important;

}


/* ==========================================================
   14. SCROLLBAR
   ========================================================== */

.information-detail-content::-webkit-scrollbar {

  width:
    8px
    !important;

}


.information-detail-content::-webkit-scrollbar-track {

  background:
    transparent
    !important;

}


.information-detail-content::-webkit-scrollbar-thumb {

  background:
    #b7c9e1
    !important;

  border:
    2px solid
    #f4f8fd
    !important;

  border-radius:
    999px
    !important;

}


/* ==========================================================
   15. REMOVE LEGACY VISUAL HEAVINESS
   ========================================================== */

.information-detail-content
.information-detail-section {

  border-radius:
    18px
    !important;

  box-shadow:
    none
    !important;

}


.information-detail-content
.information-detail-section-title {

  font-size:
    13.5px
    !important;

  font-weight:
    800
    !important;

}


/* ==========================================================
   16. RESPONSIVE
   ========================================================== */

@media (
  max-width:
  980px
) {

  .information-detail-panel {

    width:
      min(
        820px,
        calc(100vw - 92px)
      )
      !important;

  }

}


@media (
  max-width:
  720px
) {

  .information-detail-overlay {

    padding:
      84px 8px 8px
      !important;

  }


  .information-detail-panel {

    width:
      100%
      !important;

    max-width:
      none
      !important;

    max-height:
      calc(100vh - 92px)
      !important;

    border-radius:
      20px
      !important;

  }


  .information-detail-header {

    min-height:
      150px
      !important;

    padding:
      18px
      !important;

  }


  .information-profile-body {

    padding:
      14px
      !important;

  }


  .information-profile-summary {

    grid-template-columns:
      1fr
      !important;

  }


  .information-profile-fields {

    grid-template-columns:
      1fr
      !important;

  }

}


/* T106 END */

/* ==========================================================
   T107 — INFORMATION PROFILE REBUILD
   ========================================================== */


/* ----------------------------------------------------------
   DRAWER
   ---------------------------------------------------------- */

.information-detail-panel {

  width:
    min(860px, calc(100vw - 140px))
    !important;

  max-width:
    860px
    !important;

  background:
    #f3f7fc
    !important;

  border-radius:
    26px
    !important;

  overflow:
    hidden
    !important;

}


/* ----------------------------------------------------------
   HERO
   ---------------------------------------------------------- */

.information-detail-header {

  min-height:
    146px
    !important;

  padding:
    22px 28px
    !important;

  background:
    linear-gradient(
      125deg,
      #073985 0%,
      #0d56c5 52%,
      #2479e9 100%
    )
    !important;

}


.information-detail-header > div {

  grid-template-columns:
    58px minmax(0, 1fr)
    !important;

  column-gap:
    15px
    !important;

}


.information-detail-header > div::before {

  width:
    58px
    !important;

  height:
    58px
    !important;

  border-radius:
    17px
    !important;

  background:
    linear-gradient(
      145deg,
      #ff8a51,
      #ff7040
    )
    !important;

  font-size:
    26px
    !important;

}


.information-detail-header span {

  margin-bottom:
    16px
    !important;

}


.information-detail-header h2 {

  max-width:
    650px
    !important;

  font-size:
    23px
    !important;

  line-height:
    1.18
    !important;

}


.information-detail-meta {

  margin-top:
    8px
    !important;

}


/* ----------------------------------------------------------
   BODY
   ---------------------------------------------------------- */

.information-detail-content {

  background:
    #f3f7fc
    !important;

}


.information-profile-v107 {

  padding:
    20px 22px 30px
    !important;

  display:
    grid
    !important;

  gap:
    15px
    !important;

}


/* ----------------------------------------------------------
   SECTION CARD
   ---------------------------------------------------------- */

.information-profile-section-v107 {

  --accent:
    #287be8;

  --soft:
    #edf5ff;

  overflow:
    hidden
    !important;

  border:
    1px solid
    #dbe6f3
    !important;

  border-radius:
    19px
    !important;

  background:
    rgba(255,255,255,.98)
    !important;

  box-shadow:
    0 5px 16px
    rgba(26,65,114,.045)
    !important;

}


.information-profile-section-v107.tone-blue {

  --accent:
    #277bea;

  --soft:
    #edf5ff;

}


.information-profile-section-v107.tone-purple {

  --accent:
    #8055e7;

  --soft:
    #f3efff;

}


.information-profile-section-v107.tone-green {

  --accent:
    #0ca77f;

  --soft:
    #eaf9f4;

}


.information-profile-section-v107.tone-orange {

  --accent:
    #ec8a31;

  --soft:
    #fff4e8;

}


.information-profile-section-v107.tone-cyan {

  --accent:
    #1599bc;

  --soft:
    #eaf8fc;

}


.information-profile-section-v107.tone-slate {

  --accent:
    #65778d;

  --soft:
    #f0f4f8;

}


/* ----------------------------------------------------------
   SECTION HEADER
   ---------------------------------------------------------- */

.information-profile-section-header-v107 {

  min-height:
    56px
    !important;

  padding:
    10px 15px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  gap:
    11px
    !important;

  background:
    linear-gradient(
      90deg,
      var(--soft) 0%,
      rgba(255,255,255,.97) 78%
    )
    !important;

  border-bottom:
    1px solid
    #e5edf7
    !important;

}


.information-profile-section-icon-v107 {

  width:
    34px
    !important;

  height:
    34px
    !important;

  flex:
    0 0 34px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  justify-content:
    center
    !important;

  border-radius:
    10px
    !important;

  background:
    var(--accent)
    !important;

  color:
    #fff
    !important;

  font-size:
    15px
    !important;

  font-weight:
    850
    !important;

}


.information-profile-section-heading-v107 {

  min-width:
    0
    !important;

}


.information-profile-section-heading-v107 strong {

  display:
    block
    !important;

  color:
    #163e70
    !important;

  font-size:
    14px
    !important;

  line-height:
    1.2
    !important;

  font-weight:
    800
    !important;

}


.information-profile-section-heading-v107 span {

  display:
    block
    !important;

  margin-top:
    2px
    !important;

  color:
    #8295aa
    !important;

  font-size:
    10px
    !important;

  line-height:
    1.25
    !important;

}


/* ----------------------------------------------------------
   SECTION BODY
   ---------------------------------------------------------- */

.information-profile-section-body-v107 {

  padding:
    5px 15px 12px
    !important;

}


/* ----------------------------------------------------------
   FIELD GRID
   ---------------------------------------------------------- */

.information-profile-grid-v107 {

  display:
    grid
    !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr))
    !important;

  column-gap:
    20px
    !important;

}


.information-profile-field-v107 {

  min-width:
    0
    !important;

  min-height:
    62px
    !important;

  padding:
    12px 8px
    !important;

  border-bottom:
    1px solid
    #edf2f7
    !important;

}


.information-profile-field-label-v107 {

  margin-bottom:
    4px
    !important;

  color:
    #8a9bb0
    !important;

  font-size:
    10px
    !important;

  font-weight:
    720
    !important;

}


.information-profile-field-value-v107 {

  color:
    #153e70
    !important;

  font-size:
    13px
    !important;

  line-height:
    1.4
    !important;

  font-weight:
    720
    !important;

  overflow-wrap:
    anywhere
    !important;

}


/* ----------------------------------------------------------
   CLASSIFICATION PATH
   ---------------------------------------------------------- */

.information-profile-path-v107 {

  margin:
    10px 5px 12px
    !important;

  padding:
    13px 14px
    !important;

  border:
    1px solid
    #e1dcf7
    !important;

  border-radius:
    14px
    !important;

  background:
    #faf8ff
    !important;

}


.information-profile-path-v107 span {

  display:
    block
    !important;

  margin-bottom:
    5px
    !important;

  color:
    #8d80ad
    !important;

  font-size:
    9.5px
    !important;

  font-weight:
    750
    !important;

  text-transform:
    uppercase
    !important;

  letter-spacing:
    .055em
    !important;

}


.information-profile-path-v107 strong {

  display:
    block
    !important;

  color:
    #3f3470
    !important;

  font-size:
    12.5px
    !important;

  line-height:
    1.48
    !important;

  font-weight:
    720
    !important;

}


.information-profile-category-list-v107 {

  display:
    flex
    !important;

  flex-wrap:
    wrap
    !important;

  gap:
    7px
    !important;

  padding:
    0 5px 5px
    !important;

}


.information-profile-category-chip-v107 {

  max-width:
    100%
    !important;

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  gap:
    7px
    !important;

  padding:
    6px 9px
    !important;

  border:
    1px solid
    #e2dcf7
    !important;

  border-radius:
    999px
    !important;

  background:
    #f8f5ff
    !important;

}


.information-profile-category-chip-v107 small {

  color:
    #9688b8
    !important;

  font-size:
    9px
    !important;

  white-space:
    nowrap
    !important;

}


.information-profile-category-chip-v107 strong {

  color:
    #554481
    !important;

  font-size:
    10.5px
    !important;

  font-weight:
    700
    !important;

}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.information-profile-content-v107 {

  margin:
    8px 4px 4px
    !important;

  min-height:
    82px
    !important;

  padding:
    16px
    !important;

  border:
    1px solid
    #f1e3d4
    !important;

  border-radius:
    14px
    !important;

  background:
    #fffaf5
    !important;

  color:
    #3d526b
    !important;

  font-size:
    13px
    !important;

  line-height:
    1.62
    !important;

  white-space:
    pre-wrap
    !important;

  overflow-wrap:
    anywhere
    !important;

}


/* ----------------------------------------------------------
   RESOURCE
   ---------------------------------------------------------- */

.information-profile-resource-v107 {

  margin:
    8px 4px 4px
    !important;

  padding:
    12px
    !important;

  display:
    grid
    !important;

  grid-template-columns:
    38px minmax(0,1fr) auto
    !important;

  align-items:
    center
    !important;

  gap:
    11px
    !important;

  border:
    1px solid
    #d6edf3
    !important;

  border-radius:
    14px
    !important;

  background:
    #f6fcfe
    !important;

}


.information-profile-resource-icon-v107 {

  width:
    38px
    !important;

  height:
    38px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  justify-content:
    center
    !important;

  border-radius:
    11px
    !important;

  background:
    #1599bc
    !important;

  color:
    #fff
    !important;

  font-size:
    17px
    !important;

  font-weight:
    850
    !important;

}


.information-profile-resource-copy-v107 {

  min-width:
    0
    !important;

}


.information-profile-resource-copy-v107 strong {

  display:
    block
    !important;

  color:
    #174d68
    !important;

  font-size:
    12.5px
    !important;

}


.information-profile-resource-copy-v107 span {

  display:
    block
    !important;

  margin-top:
    3px
    !important;

  color:
    #7892a1
    !important;

  font-size:
    10px
    !important;

  overflow:
    hidden
    !important;

  white-space:
    nowrap
    !important;

  text-overflow:
    ellipsis
    !important;

}


.information-profile-resource-button-v107 {

  min-height:
    36px
    !important;

  padding:
    8px 12px
    !important;

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  gap:
    6px
    !important;

  border-radius:
    10px
    !important;

  background:
    #1779dc
    !important;

  color:
    #fff
    !important;

  text-decoration:
    none
    !important;

  font-size:
    11px
    !important;

  font-weight:
    800
    !important;

  transition:
    transform 140ms ease,
    background 140ms ease
    !important;

}


.information-profile-resource-button-v107:hover {

  transform:
    translateY(-1px)
    !important;

  background:
    #0d65c1
    !important;

}


.information-profile-empty-v107 {

  padding:
    17px 5px 9px
    !important;

  color:
    #8a9bab
    !important;

  font-size:
    11px
    !important;

}


/* ----------------------------------------------------------
   REMOVE LEGACY T105/T106 BODY VISUALS
   ---------------------------------------------------------- */

.information-profile-body,
.information-profile-summary,
.information-profile-summary-card,
.information-profile-section {

  display:
    none
    !important;

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 760px) {

  .information-detail-panel {

    width:
      100%
      !important;

    max-width:
      none
      !important;

  }


  .information-profile-v107 {

    padding:
      14px
      !important;

  }


  .information-profile-grid-v107 {

    grid-template-columns:
      1fr
      !important;

  }


  .information-profile-resource-v107 {

    grid-template-columns:
      38px minmax(0,1fr)
      !important;

  }


  .information-profile-resource-button-v107 {

    grid-column:
      1 / -1
      !important;

    justify-content:
      center
      !important;

  }

}


/* T107 END */

/* ==========================================================
   T108 — INFORMATION EDIT MODE
   ========================================================== */

.information-detail-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.information-detail-header .information-detail-edit-trigger {
  width: auto !important;
  min-width: 92px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition:
    transform 140ms ease,
    background 140ms ease,
    border-color 140ms ease !important;
}

.information-detail-header .information-detail-edit-trigger:hover {
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.34) !important;
}

.information-detail-header .information-detail-edit-trigger.is-hidden {
  display: none !important;
}

.information-detail-header .information-detail-close-btn {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 24px !important;
  cursor: pointer !important;
}

.information-edit-v108 {
  display: grid !important;
  gap: 16px !important;
}

.information-edit-toolbar-v108 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 6px 2px 2px !important;
}

.information-edit-toolbar-copy-v108 strong,
.information-edit-toolbar-copy-v108 span {
  display: block !important;
}

.information-edit-toolbar-copy-v108 strong {
  color: #163e70 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.information-edit-toolbar-copy-v108 span {
  margin-top: 4px !important;
  color: #8294a8 !important;
  font-size: 11px !important;
}

.information-edit-toolbar-actions-v108 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.information-edit-cancel-btn-v108,
.information-edit-save-btn-v108 {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition:
    transform 140ms ease,
    background 140ms ease,
    border-color 140ms ease !important;
}

.information-edit-cancel-btn-v108 {
  border: 1px solid #c8d8ea !important;
  background: #fff !important;
  color: #355a84 !important;
}

.information-edit-cancel-btn-v108:hover {
  transform: translateY(-1px) !important;
  background: #f8fbff !important;
}

.information-edit-save-btn-v108 {
  border: 1px solid #146ddd !important;
  background: #1776df !important;
  color: #fff !important;
}

.information-edit-save-btn-v108:hover {
  transform: translateY(-1px) !important;
  background: #0f68ca !important;
}

.information-edit-save-btn-v108:disabled {
  opacity: .7 !important;
  cursor: wait !important;
  transform: none !important;
}

.information-edit-message-v108 {
  min-height: 18px !important;
  color: #68829d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.information-edit-message-v108.is-error {
  color: #c43b32 !important;
}

.information-edit-section-v108 {
  --edit-accent: #287be8;
  --edit-soft: #edf5ff;
  overflow: hidden !important;
  border: 1px solid #dbe6f3 !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 5px 16px rgba(26,65,114,.045) !important;
}

.information-edit-section-v108.tone-blue {
  --edit-accent: #277bea;
  --edit-soft: #edf5ff;
}

.information-edit-section-v108.tone-green {
  --edit-accent: #0ca77f;
  --edit-soft: #eaf9f4;
}

.information-edit-section-v108.tone-purple {
  --edit-accent: #8055e7;
  --edit-soft: #f3efff;
}

.information-edit-section-v108.tone-orange {
  --edit-accent: #ec8a31;
  --edit-soft: #fff4e8;
}

.information-edit-section-v108.tone-cyan {
  --edit-accent: #1599bc;
  --edit-soft: #eaf8fc;
}

.information-edit-section-head-v108 {
  min-height: 58px !important;
  padding: 12px 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  background:
    linear-gradient(
      90deg,
      var(--edit-soft) 0%,
      rgba(255,255,255,.98) 80%
    ) !important;
  border-bottom: 1px solid #e5edf7 !important;
}

.information-edit-section-icon-v108 {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: var(--edit-accent) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.information-edit-section-title-v108 strong,
.information-edit-section-title-v108 span {
  display: block !important;
}

.information-edit-section-title-v108 strong {
  color: #163e70 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.information-edit-section-title-v108 span {
  margin-top: 2px !important;
  color: #8295aa !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.information-edit-section-body-v108 {
  padding: 14px 15px 16px !important;
}

.information-edit-grid-v108 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 14px 16px !important;
}

.information-edit-field-v108 {
  min-width: 0 !important;
  display: block !important;
}

.information-edit-field-v108.full {
  grid-column: 1 / -1 !important;
}

.information-edit-field-v108 > span {
  display: block !important;
  margin-bottom: 7px !important;
  color: #7d91a8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.information-edit-field-v108 input,
.information-edit-field-v108 textarea {
  width: 100% !important;
  border: 1px solid #d7e4f0 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #183f70 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  outline: none !important;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease !important;
  box-sizing: border-box !important;
}

.information-edit-field-v108 input {
  min-height: 46px !important;
  padding: 0 14px !important;
}

.information-edit-field-v108 textarea {
  min-height: 130px !important;
  padding: 12px 14px !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}

.information-edit-field-v108 input:hover,
.information-edit-field-v108 textarea:hover {
  border-color: #c8daeb !important;
}

.information-edit-field-v108 input:focus,
.information-edit-field-v108 textarea:focus {
  border-color: #2b7de8 !important;
  box-shadow: 0 0 0 4px rgba(43,125,232,.10) !important;
}

.information-edit-field-v108 input[readonly] {
  background: #f7fbff !important;
  color: #7890a8 !important;
  cursor: default !important;
}

@media (max-width: 760px) {

  .information-edit-toolbar-v108 {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .information-edit-toolbar-actions-v108 {
    justify-content: stretch !important;
  }

  .information-edit-cancel-btn-v108,
  .information-edit-save-btn-v108 {
    flex: 1 1 0 !important;
  }

  .information-edit-grid-v108 {
    grid-template-columns: 1fr !important;
  }

}

/* ==========================================================
   T109 — FULL LIQUID INFORMATION PROFILE + EDIT
   ========================================================== */


/* ==========================================================
   0. LIQUID TOKENS
   ========================================================== */

:root {

  --atosy-liquid-surface:
    rgba(244, 249, 255, .82);

  --atosy-liquid-card:
    rgba(255, 255, 255, .62);

  --atosy-liquid-card-strong:
    rgba(255, 255, 255, .74);

  --atosy-liquid-border:
    rgba(255, 255, 255, .72);

  --atosy-liquid-line:
    rgba(131, 163, 200, .22);

  --atosy-liquid-shadow:
    0 24px 65px
    rgba(2, 29, 73, .25);

  --atosy-liquid-card-shadow:
    0 10px 26px
    rgba(29, 74, 126, .07);

}


/* ==========================================================
   1. OVERLAY — DEEP LIQUID BACKDROP
   ========================================================== */

.information-detail-backdrop {

  background:
    rgba(4, 25, 61, .48)
    !important;

  backdrop-filter:
    blur(10px)
    saturate(125%)
    !important;

  -webkit-backdrop-filter:
    blur(10px)
    saturate(125%)
    !important;

}


/* ==========================================================
   2. MAIN DRAWER — FROSTED LIQUID GLASS
   ========================================================== */

.information-detail-panel {

  border:
    1px solid
    rgba(255,255,255,.72)
    !important;

  border-radius:
    30px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(250,253,255,.92) 0%,
      rgba(239,247,255,.84) 52%,
      rgba(246,250,255,.89) 100%
    )
    !important;

  backdrop-filter:
    blur(30px)
    saturate(150%)
    !important;

  -webkit-backdrop-filter:
    blur(30px)
    saturate(150%)
    !important;

  box-shadow:
    0 30px 80px
    rgba(2,29,73,.31),
    inset 0 1px 0
    rgba(255,255,255,.88)
    !important;

  overflow:
    hidden
    !important;

}


/* ==========================================================
   3. HERO — LIQUID GRADIENT
   ========================================================== */

.information-detail-header {

  position:
    sticky
    !important;

  top:
    0
    !important;

  min-height:
    148px
    !important;

  padding:
    24px 30px
    !important;

  overflow:
    hidden
    !important;

  background:
    radial-gradient(
      circle at 90% -15%,
      rgba(128,194,255,.72) 0,
      rgba(128,194,255,0) 35%
    ),
    linear-gradient(
      120deg,
      #073b8e 0%,
      #0a57c6 48%,
      #2581f0 100%
    )
    !important;

  box-shadow:
    inset 0 -1px 0
    rgba(255,255,255,.22)
    !important;

}


/*
 * Xóa triệt để avatar/icon A bị nhân đôi
 * ở phía phải của HERO.
 *
 * Icon A bên trái do layout chính xử lý,
 * không cần icon trang trí thứ hai.
 */

.information-detail-header::after {

  content:
    none
    !important;

  display:
    none
    !important;

}


.information-detail-header
[class*="avatar"],

.information-detail-header
.information-detail-icon {

  display:
    none
    !important;

}


/*
 * Không cho pseudo phụ trên khối title
 * tạo thêm một avatar thứ hai.
 */

.information-detail-header
> div::after {

  content:
    none
    !important;

  display:
    none
    !important;

}


/* ==========================================================
   4. HERO TITLE
   ========================================================== */

.information-detail-header
> div {

  position:
    relative
    !important;

  z-index:
    2
    !important;

}


.information-detail-header
> div::before {

  box-shadow:
    0 10px 24px
    rgba(92,48,18,.20),
    inset 0 1px 0
    rgba(255,255,255,.35)
    !important;

}


.information-detail-header
span {

  color:
    rgba(222,238,255,.84)
    !important;

}


.information-detail-header
h2 {

  color:
    #fff
    !important;

  text-shadow:
    0 2px 10px
    rgba(0,33,83,.16)
    !important;

}


/* ==========================================================
   5. HEADER ACTIONS — LIQUID PILLS
   ========================================================== */

.information-detail-header-actions {

  position:
    relative
    !important;

  z-index:
    4
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  gap:
    10px
    !important;

  align-self:
    flex-start
    !important;

}


.information-detail-header
.information-detail-edit-trigger {

  min-width:
    88px
    !important;

  height:
    42px
    !important;

  padding:
    0 15px
    !important;

  border:
    1px solid
    rgba(255,255,255,.34)
    !important;

  border-radius:
    14px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.19),
      rgba(255,255,255,.10)
    )
    !important;

  backdrop-filter:
    blur(14px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(14px)
    saturate(145%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.28),
    0 8px 20px
    rgba(0,31,82,.12)
    !important;

  color:
    #fff
    !important;

  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease
    !important;

}


.information-detail-header
.information-detail-edit-trigger:hover {

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(255,255,255,.25)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.40),
    0 11px 24px
    rgba(0,31,82,.17)
    !important;

}


.information-detail-header
.information-detail-edit-trigger:active {

  transform:
    scale(.985)
    !important;

}


.information-detail-header
.information-detail-close-btn,

.information-detail-header
[data-information-detail-close] {

  width:
    42px
    !important;

  height:
    42px
    !important;

  flex:
    0 0 42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.33)
    !important;

  border-radius:
    50%
    !important;

  background:
    rgba(255,255,255,.10)
    !important;

  backdrop-filter:
    blur(14px)
    !important;

  -webkit-backdrop-filter:
    blur(14px)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.26)
    !important;

  transition:
    transform .15s ease,
    background .15s ease
    !important;

}


.information-detail-header
[data-information-detail-close]:hover {

  transform:
    rotate(5deg)
    scale(1.04)
    !important;

  background:
    rgba(255,255,255,.20)
    !important;

}


/* ==========================================================
   6. HERO CHIPS — TRANSLUCENT LIQUID
   ========================================================== */

.information-detail-chip {

  border:
    1px solid
    rgba(255,255,255,.30)
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.18),
      rgba(255,255,255,.10)
    )
    !important;

  backdrop-filter:
    blur(10px)
    saturate(140%)
    !important;

  -webkit-backdrop-filter:
    blur(10px)
    saturate(140%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.22)
    !important;

  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease
    !important;

}


.information-detail-chip:hover {

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(255,255,255,.22)
    !important;

  border-color:
    rgba(255,255,255,.45)
    !important;

}


/* ==========================================================
   7. BODY — LIQUID CONTINUITY
   ========================================================== */

.information-detail-content {

  padding:
    22px
    !important;

  background:
    linear-gradient(
      180deg,
      rgba(239,247,255,.76),
      rgba(247,251,255,.88)
    )
    !important;

  backdrop-filter:
    blur(24px)
    saturate(135%)
    !important;

  -webkit-backdrop-filter:
    blur(24px)
    saturate(135%)
    !important;

}


/* ==========================================================
   8. VIEW PROFILE GRID
   ========================================================== */

.information-profile-v107 {

  gap:
    17px
    !important;

  padding:
    0
    !important;

}


/* ==========================================================
   9. LIQUID SECTION CARDS
   ========================================================== */

.information-profile-section-v107 {

  position:
    relative
    !important;

  border:
    1px solid
    rgba(255,255,255,.82)
    !important;

  border-radius:
    22px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.70),
      rgba(255,255,255,.48)
    )
    !important;

  backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  box-shadow:
    var(--atosy-liquid-card-shadow),
    inset 0 1px 0
    rgba(255,255,255,.92)
    !important;

  overflow:
    hidden
    !important;

}


/*
 * Tint rất nhẹ theo từng section.
 */

.information-profile-section-v107.tone-blue {

  background:
    linear-gradient(
      145deg,
      rgba(239,247,255,.83),
      rgba(255,255,255,.58)
    )
    !important;

}


.information-profile-section-v107.tone-purple {

  background:
    linear-gradient(
      145deg,
      rgba(247,242,255,.86),
      rgba(255,255,255,.58)
    )
    !important;

}


.information-profile-section-v107.tone-green {

  background:
    linear-gradient(
      145deg,
      rgba(237,251,246,.86),
      rgba(255,255,255,.58)
    )
    !important;

}


.information-profile-section-v107.tone-orange {

  background:
    linear-gradient(
      145deg,
      rgba(255,247,238,.88),
      rgba(255,255,255,.60)
    )
    !important;

}


.information-profile-section-v107.tone-cyan {

  background:
    linear-gradient(
      145deg,
      rgba(235,249,253,.88),
      rgba(255,255,255,.60)
    )
    !important;

}


/* ==========================================================
   10. SECTION HEADER — SOFTER LIQUID
   ========================================================== */

.information-profile-section-header-v107 {

  background:
    linear-gradient(
      90deg,
      var(--soft) 0%,
      rgba(255,255,255,.42) 76%,
      rgba(255,255,255,.22) 100%
    )
    !important;

  border-bottom:
    1px solid
    rgba(132,162,194,.16)
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

}


/* ==========================================================
   11. SECTION ICON — LIQUID GEM
   ========================================================== */

.information-profile-section-icon-v107 {

  border:
    1px solid
    rgba(255,255,255,.42)
    !important;

  box-shadow:
    0 7px 16px
    color-mix(
      in srgb,
      var(--accent) 24%,
      transparent
    ),
    inset 0 1px 0
    rgba(255,255,255,.34)
    !important;

}


/* ==========================================================
   12. FIELDS — REMOVE HARD CARD FEEL
   ========================================================== */

.information-profile-field-v107 {

  border-bottom:
    1px solid
    rgba(135,164,196,.18)
    !important;

}


.information-profile-field-label-v107 {

  color:
    #8195aa
    !important;

}


.information-profile-field-value-v107 {

  color:
    #123d70
    !important;

}


/* ==========================================================
   13. CLASSIFICATION LIQUID PATH
   ========================================================== */

.information-profile-path-v107 {

  border:
    1px solid
    rgba(142,111,222,.17)
    !important;

  border-radius:
    16px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(246,241,255,.68),
      rgba(255,255,255,.48)
    )
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.86)
    !important;

}


.information-profile-category-chip-v107 {

  border:
    1px solid
    rgba(132,96,220,.16)
    !important;

  background:
    rgba(249,246,255,.62)
    !important;

  backdrop-filter:
    blur(9px)
    !important;

  -webkit-backdrop-filter:
    blur(9px)
    !important;

  transition:
    transform .14s ease,
    background .14s ease
    !important;

}


.information-profile-category-chip-v107:hover {

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(244,238,255,.92)
    !important;

}


/* ==========================================================
   14. CONTENT CARD
   ========================================================== */

.information-profile-content-v107 {

  border:
    1px solid
    rgba(231,170,103,.18)
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,250,244,.73),
      rgba(255,255,255,.54)
    )
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

}


/* ==========================================================
   15. RESOURCE CARD
   ========================================================== */

.information-profile-resource-v107 {

  border:
    1px solid
    rgba(64,179,203,.20)
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(239,251,254,.76),
      rgba(255,255,255,.52)
    )
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

}


/* ==========================================================
   16. EDIT MODE — REMOVE FLAT ERP FORM FEEL
   ========================================================== */

.information-edit-v108 {

  gap:
    17px
    !important;

}


/* ==========================================================
   17. EDIT TOOLBAR — LIQUID BAR
   ========================================================== */

.information-edit-toolbar-v108 {

  padding:
    13px 15px
    !important;

  border:
    1px solid
    rgba(255,255,255,.78)
    !important;

  border-radius:
    18px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.67),
      rgba(246,251,255,.46)
    )
    !important;

  backdrop-filter:
    blur(18px)
    saturate(140%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(140%)
    !important;

  box-shadow:
    0 8px 20px
    rgba(31,69,110,.06),
    inset 0 1px 0
    rgba(255,255,255,.90)
    !important;

}


.information-edit-toolbar-copy-v108
strong {

  font-size:
    15px
    !important;

}


.information-edit-toolbar-copy-v108
span {

  color:
    #8395a9
    !important;

}


/* ==========================================================
   18. CANCEL — CLEAR GLASS
   ========================================================== */

.information-edit-cancel-btn-v108 {

  border:
    1px solid
    rgba(115,151,189,.25)
    !important;

  border-radius:
    13px
    !important;

  background:
    rgba(255,255,255,.54)
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.88)
    !important;

}


/* ==========================================================
   19. SAVE — LIQUID BLUE
   ========================================================== */

.information-edit-save-btn-v108 {

  border:
    1px solid
    rgba(40,127,234,.52)
    !important;

  border-radius:
    13px
    !important;

  background:
    linear-gradient(
      135deg,
      #2384ee 0%,
      #1268d4 100%
    )
    !important;

  box-shadow:
    0 8px 18px
    rgba(26,113,213,.20),
    inset 0 1px 0
    rgba(255,255,255,.26)
    !important;

}


.information-edit-save-btn-v108:hover {

  background:
    linear-gradient(
      135deg,
      #3191f7,
      #1471df
    )
    !important;

}


.information-edit-save-btn-v108:active,

.information-edit-cancel-btn-v108:active {

  transform:
    scale(.985)
    !important;

}


/* ==========================================================
   20. EDIT SECTIONS — TINTED FROSTED GLASS
   ========================================================== */

.information-edit-section-v108 {

  border:
    1px solid
    rgba(255,255,255,.78)
    !important;

  border-radius:
    22px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.68),
      rgba(255,255,255,.47)
    )
    !important;

  backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  box-shadow:
    0 9px 24px
    rgba(24,67,117,.065),
    inset 0 1px 0
    rgba(255,255,255,.92)
    !important;

}


.information-edit-section-v108.tone-blue {

  background:
    linear-gradient(
      145deg,
      rgba(238,247,255,.83),
      rgba(255,255,255,.56)
    )
    !important;

}


.information-edit-section-v108.tone-green {

  background:
    linear-gradient(
      145deg,
      rgba(237,251,246,.84),
      rgba(255,255,255,.56)
    )
    !important;

}


.information-edit-section-v108.tone-purple {

  background:
    linear-gradient(
      145deg,
      rgba(247,242,255,.84),
      rgba(255,255,255,.56)
    )
    !important;

}


.information-edit-section-v108.tone-orange {

  background:
    linear-gradient(
      145deg,
      rgba(255,247,238,.86),
      rgba(255,255,255,.57)
    )
    !important;

}


.information-edit-section-v108.tone-cyan {

  background:
    linear-gradient(
      145deg,
      rgba(237,250,253,.86),
      rgba(255,255,255,.57)
    )
    !important;

}


/* ==========================================================
   21. EDIT SECTION HEADER
   ========================================================== */

.information-edit-section-head-v108 {

  background:
    linear-gradient(
      90deg,
      var(--edit-soft),
      rgba(255,255,255,.38)
    )
    !important;

  border-bottom:
    1px solid
    rgba(131,164,197,.16)
    !important;

}


/* ==========================================================
   22. INPUTS — INTERACTIVE LIQUID GLASS
   ========================================================== */

.information-edit-field-v108
input,

.information-edit-field-v108
textarea {

  border:
    1px solid
    rgba(132,163,196,.26)
    !important;

  border-radius:
    15px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.69),
      rgba(248,252,255,.48)
    )
    !important;

  backdrop-filter:
    blur(12px)
    saturate(125%)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    saturate(125%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.91)
    !important;

}


.information-edit-field-v108
input:hover,

.information-edit-field-v108
textarea:hover {

  border-color:
    rgba(52,127,211,.35)
    !important;

  background:
    rgba(255,255,255,.76)
    !important;

}


.information-edit-field-v108
input:focus,

.information-edit-field-v108
textarea:focus {

  border-color:
    rgba(35,121,226,.70)
    !important;

  background:
    rgba(255,255,255,.88)
    !important;

  box-shadow:
    0 0 0 4px
    rgba(32,126,230,.10),
    inset 0 1px 0
    rgba(255,255,255,.96)
    !important;

}


/* ==========================================================
   23. READONLY — CLEAR DIFFERENCE
   ========================================================== */

.information-edit-field-v108
input[readonly] {

  border-color:
    rgba(134,160,187,.18)
    !important;

  background:
    rgba(230,239,248,.52)
    !important;

  color:
    #71869c
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.72)
    !important;

}


/* ==========================================================
   24. LABELS
   ========================================================== */

.information-edit-field-v108
> span {

  color:
    #7a90a8
    !important;

  font-size:
    10.5px
    !important;

  letter-spacing:
    .01em
    !important;

}


/* ==========================================================
   25. SCROLLBAR — LIQUID
   ========================================================== */

.information-detail-panel {

  scrollbar-width:
    thin
    !important;

  scrollbar-color:
    rgba(78,135,198,.38)
    transparent
    !important;

}


.information-detail-panel::-webkit-scrollbar {

  width:
    7px
    !important;

}


.information-detail-panel::-webkit-scrollbar-track {

  background:
    transparent
    !important;

}


.information-detail-panel::-webkit-scrollbar-thumb {

  border:
    2px solid
    transparent
    !important;

  border-radius:
    999px
    !important;

  background:
    rgba(66,127,194,.34)
    !important;

  background-clip:
    padding-box
    !important;

}


/* ==========================================================
   26. VIEW ↔ EDIT SOFT APPEARANCE
   ========================================================== */

.information-profile-v107,

.information-edit-v108 {

  animation:
    atosyInformationLiquidIn
    .19s ease-out
    both
    !important;

}


@keyframes atosyInformationLiquidIn {

  from {

    opacity:
      0;

    transform:
      translateY(4px);

  }

  to {

    opacity:
      1;

    transform:
      translateY(0);

  }

}


/* ==========================================================
   27. MOBILE LIQUID
   ========================================================== */

@media (max-width: 760px) {

  .information-detail-panel {

    border-radius:
      22px
      !important;

  }


  .information-detail-header {

    padding:
      20px
      !important;

  }


  .information-detail-content {

    padding:
      14px
      !important;

  }


  .information-edit-toolbar-v108 {

    padding:
      13px
      !important;

  }

}


/* ==========================================================
   T109 END
   ========================================================== */


/* ==========================================================
   T142 — CLEAN BASE MODAL STACKING ONLY

   Giữ modal Information cao hơn app-header.
   Không chứa bất kỳ Edit patch nào.
   ========================================================== */

#information-detail-overlay.information-detail-overlay {
  z-index: 11000 !important;
}


/* T142 END */


/* ==========================================================
   T152 — INFORMATION SCROLL PERFORMANCE
   VIEW
   ========================================================== */


/*
 * Scroll container chính.
 * Chỉ content scroll, hero/header không repaint theo.
 */

#information-detail-overlay
.information-detail-content {

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

  overscroll-behavior:
    contain !important;

  scroll-behavior:
    auto !important;

  -webkit-overflow-scrolling:
    touch;

  contain:
    layout paint style;

  transform:
    translateZ(0);

}


/*
 * Những surface nằm trong vùng scroll:
 * bỏ blur realtime để tránh repaint GPU mỗi frame.
 */

#information-detail-overlay
.information-profile-section-v107,

#information-detail-overlay
.information-profile-summary-card,

#information-detail-overlay
.information-profile-section,

#information-detail-overlay
.information-profile-technical {

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

}


/*
 * Giảm shadow sâu thành shadow compositor nhẹ.
 */

#information-detail-overlay
.information-profile-section-v107,

#information-detail-overlay
.information-profile-section,

#information-detail-overlay
.information-profile-summary-card {

  box-shadow:
    0 6px 18px
    rgba(18,61,117,.055)
    !important;

}


/*
 * Mỗi card tự cô lập paint.
 */

#information-detail-overlay
.information-profile-section-v107,

#information-detail-overlay
.information-profile-section {

  contain:
    layout paint style;

}


/*
 * Card ngoài viewport không cần render toàn bộ ngay.
 */

@supports (content-visibility: auto) {

  #information-detail-overlay
  .information-profile-section-v107,

  #information-detail-overlay
  .information-profile-section {

    content-visibility:
      auto;

    contain-intrinsic-size:
      180px;

  }

}


/* T152 VIEW END */


/* ==========================================================
   T153 — INFORMATION VIEW SCROLL = SUBJECT V5
   ========================================================== */

#information-detail-overlay
.information-detail-panel {

  display:
    flex !important;

  flex-direction:
    column !important;

  overflow:
    hidden !important;

}


#information-detail-overlay
.information-detail-header {

  flex:
    0 0 auto !important;

}


/*
 * Copy đúng mô hình .atosy-subject-detail-v5-body
 */

#information-detail-overlay
.information-detail-content {

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

  padding:
    18px 20px 28px !important;

  scrollbar-width:
    thin !important;

  scrollbar-color:
    #aac5ec transparent !important;


  /*
   * Gỡ toàn bộ thử nghiệm T152.
   */

  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

  scroll-behavior:
    auto !important;

  overscroll-behavior:
    auto !important;

}


/* Chrome scrollbar giống Subject */

#information-detail-overlay
.information-detail-content::-webkit-scrollbar {

  width:
    8px !important;

}


#information-detail-overlay
.information-detail-content::-webkit-scrollbar-track {

  background:
    transparent !important;

}


#information-detail-overlay
.information-detail-content::-webkit-scrollbar-thumb {

  background:
    #aac5ec !important;

  border-radius:
    999px !important;

  border:
    2px solid transparent !important;

  background-clip:
    padding-box !important;

}


/*
 * Card View: không dùng paint containment / lazy paint.
 * Subject cũng render card bình thường.
 */

#information-detail-overlay
.information-profile-section-v107,

#information-detail-overlay
.information-profile-section,

#information-detail-overlay
.information-profile-summary-card,

#information-detail-overlay
.information-profile-technical {

  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

}


/* T153 VIEW END */


/* ==========================================================
   T155 — INFORMATION DETAIL WIDTH = SUBJECT
   ========================================================== */

#information-detail-overlay
.information-detail-panel {

  width:
    min(
      900px,
      calc(100vw - 80px)
    ) !important;

  max-width:
    900px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;

}


/*
 * Tablet / mobile:
 * giữ khoảng thở giống drawer Subject.
 */

@media (max-width: 760px) {

  #information-detail-overlay
  .information-detail-panel {

    width:
      calc(100vw - 24px)
      !important;

    max-width:
      calc(100vw - 24px)
      !important;

  }

}


/* T155 END */


/* ==========================================================
   T160 — INFORMATION DRAWER HEIGHT = SUBJECT-LIKE
   ========================================================== */

#information-detail-overlay
.information-detail-panel {

  height:
    min(
      720px,
      calc(100vh - 140px)
    ) !important;

  max-height:
    min(
      720px,
      calc(100vh - 140px)
    ) !important;

  min-height:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  overflow:
    hidden !important;

}


/*
 * Hero luôn cố định.
 */

#information-detail-overlay
.information-detail-header {

  flex:
    0 0 auto !important;

}


/*
 * Chỉ phần nội dung scroll.
 */

#information-detail-overlay
.information-detail-content {

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

}


/*
 * Desktop nhỏ hơn thì co theo viewport.
 */

@media (max-height: 820px) {

  #information-detail-overlay
  .information-detail-panel {

    height:
      calc(100vh - 90px)
      !important;

    max-height:
      calc(100vh - 90px)
      !important;

  }

}


/*
 * Mobile/tablet.
 */

@media (max-width: 760px) {

  #information-detail-overlay
  .information-detail-panel {

    height:
      calc(100vh - 24px)
      !important;

    max-height:
      calc(100vh - 24px)
      !important;

  }

}


/* T160 END */


/* ==========================================================
   T161 — SAFE INFORMATION DRAWER HEIGHT
   Không cắt đáy, luôn chừa khoảng thở trên/dưới
   ========================================================== */

#information-detail-overlay {

  align-items:
    center !important;

  justify-content:
    center !important;

  padding:
    24px !important;

  box-sizing:
    border-box !important;

}


#information-detail-overlay
.information-detail-panel {

  height:
    auto !important;

  min-height:
    0 !important;

  max-height:
    calc(100vh - 48px)
    !important;

  overflow:
    hidden !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  margin:
    0 auto !important;

}


/*
 * Hero cố định
 */

#information-detail-overlay
.information-detail-header {

  flex:
    0 0 auto !important;

}


/*
 * Chỉ content scroll
 */

#information-detail-overlay
.information-detail-content {

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

}


/*
 * Desktop lớn:
 * giới hạn chiều cao để không quá dài,
 * nhưng không được vượt viewport.
 */

@media (min-height: 900px) {

  #information-detail-overlay
  .information-detail-panel {

    max-height:
      min(
        760px,
        calc(100vh - 48px)
      )
      !important;

  }

}


/*
 * Màn hình thấp:
 * ưu tiên an toàn viewport.
 */

@media (max-height: 760px) {

  #information-detail-overlay {

    padding:
      12px !important;

  }


  #information-detail-overlay
  .information-detail-panel {

    max-height:
      calc(100vh - 24px)
      !important;

  }

}


/* T161 END */

/* ==========================================================
   TASK 002 — Information controls, aligned with Object 333o.
   Keep existing layout, table widths, sticky and scroll rules.
   ========================================================== */

body.atosy-view-information #information-full-page .information-full-search {
  min-width: 0;
  border: 1px solid rgba(135,196,255,.65) !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg, rgba(31,101,196,.28), rgba(13,55,126,.38)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 30px rgba(0,39,105,.13) !important;
}

body.atosy-view-information #information-full-page .information-full-search input {
  min-width: 0;
}

body.atosy-view-information #information-full-page .information-full-search:focus-within {
  border-color: rgba(159,214,255,.95) !important;
  box-shadow:
    0 0 0 3px rgba(54,145,255,.16),
    0 12px 30px rgba(0,39,105,.2) !important;
}

/* Inset focus stays visible inside existing clipped surfaces. */
body.atosy-view-information #information-full-page .information-full-toolbar button:focus-visible,
body.atosy-view-information #information-full-page .information-classification-panel button:focus-visible,
body.atosy-view-information #information-full-page .information-full-pagination-control button:focus-visible,
body.atosy-view-information #information-full-page #information-full-page-size:focus-visible,
body.atosy-view-information #information-full-page #information-full-table-wrapper:focus-visible {
  outline: 2px solid #9fd6ff !important;
  outline-offset: -3px !important;
}

/* END TASK 002 */


/* ATOSY_552B_SEARCH_AND_BOTTOM_CORNERS */
/* Search placeholder: improve contrast without changing entered text */
body.atosy-view-information
#information-full-page
#information-full-search-input::placeholder {
  color: rgba(220, 235, 255, 0.88);
  opacity: 1;
}

/* Preserve the scrolling/sticky structure; round the card footer */
body.atosy-view-information
#information-full-page
.information-full-card {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

body.atosy-view-information
#information-full-page
.information-full-card > :last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
/* END ATOSY_552B_SEARCH_AND_BOTTOM_CORNERS */


/* ATOSY_552C_SEARCH_INPUT_FOCUS_FIX */

/* Text entered by the user */
body.atosy-view-information
#information-full-page
#information-full-search-input,
body.atosy-view-information
#information-full-page
#information-full-search-input:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder */
body.atosy-view-information
#information-full-page
#information-full-search-input::placeholder {
  color: #dceaff !important;
  -webkit-text-fill-color: #dceaff !important;
  opacity: 1 !important;
}

/* Selected text stays readable */
body.atosy-view-information
#information-full-page
#information-full-search-input::selection {
  color: #ffffff;
  background: #286ed1;
  -webkit-text-fill-color: #ffffff;
}

/* Remove the extra square focus frame */
body.atosy-view-information
#information-full-page
.information-full-search,
body.atosy-view-information
#information-full-page
.information-full-search:focus,
body.atosy-view-information
#information-full-page
.information-full-search:focus-within {
  border-radius: 11px !important;
  outline: none !important;
}

/* Preserve a visible, rounded keyboard focus indicator */
body.atosy-view-information
#information-full-page
.information-full-search:focus-within {
  box-shadow: 0 0 0 2px rgba(113, 180, 255, 0.70);
}

/* END ATOSY_552C_SEARCH_INPUT_FOCUS_FIX */

/* TASK023V1 — View only. Values measured from the active Subject View stack:
 * subject-detail-v5.js installed CSS, subject-object-parity-v1.css,
 * styles.css, responsive-liquid-v1.css and their active index.html overrides.
 * TASK023F1: View shell is the default during empty/loading/error states.
 * Only Edit content opts out; no profile insertion is needed for first paint.
 * Keep restored templates, data, handlers and all Edit rules intact.
 */
#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) {
  box-sizing: border-box !important;
  display: flex !important;
  position: fixed !important;
  inset: 0px !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: normal !important;
  padding: 128px 18px 18px !important;
  margin: 0px !important;
  background: rgba(5, 35, 82, 0.22) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  z-index: 9000 !important;
  width: auto !important;
  height: auto !important;
  backdrop-filter: blur(5px) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-panel {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgba(10, 52, 108, 0.97), rgba(5, 27, 66, 0.98)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 65px 0px, rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  width: min(760px, calc(100vw - 110px)) !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header {
  box-sizing: border-box !important;
  display: grid !important;
  position: relative !important;
  inset: 0px !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 22px 24px 20px !important;
  margin: 0px !important;
  background: radial-gradient(at 92% 0%, rgba(116, 166, 229, 0.16), rgba(0, 0, 0, 0) 52%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(115deg, rgb(6, 28, 67) 0%, rgb(10, 50, 108) 62%, rgb(16, 66, 122) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.2) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  grid-template-rows: 58px minmax(30.375px, auto) minmax(35.625px, auto) !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header > div:first-child {
  display: contents !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header::after {
  content: none !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header > div:first-child > span {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: 1.98px !important;
  text-transform: uppercase !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin-bottom: 18px !important;
  opacity: 0.75 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header-actions {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  height: 40px !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  z-index: 1 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-header > div:first-child::before {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.16) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  content: "A" !important;
  width: 66px !important;
  height: 66px !important;
  grid-column: 1 !important;
  grid-row: 2 / 4 !important;
  align-self: center !important;
  transform: none !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) #information-detail-title {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 28.75px !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: end !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-meta {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 7px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  align-self: start !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-chip {
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  height: auto !important;
  max-width: 100% !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-chip.classification {
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(137, 92, 246, 0.32) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-right: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-bottom: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-left: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  max-width: 330px !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-edit-trigger {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.12) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 38px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-close-btn {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 1px 6px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.08) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) #information-detail-content {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 28px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(170, 197, 236) rgba(0, 0, 0, 0) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-v107 {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 14px 0px 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(12, 50, 103) 0%, rgb(9, 43, 89) 56%, rgb(7, 31, 70) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.11) 0px 1px 0px 0px inset, rgba(0, 10, 34, 0.12) 0px 5px 15px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-body-v107 {
  padding: 0 !important;
  background: transparent !important;
  color: rgb(242, 247, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-header-v107 {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(36, 81, 132), rgb(27, 58, 99)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(245, 249, 255) !important;
  border-top: 0px none rgb(245, 249, 255) !important;
  border-right: 0px none rgb(245, 249, 255) !important;
  border-bottom: 1px solid rgba(171, 208, 239, 0.21) !important;
  border-left: 0px none rgb(245, 249, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(246, 253, 255, 0.2) 0px 1px 0px 0px inset, rgba(3, 18, 36, 0.23) 0px -1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(245, 249, 255) !important;
  min-height: 50px !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-icon-v107 {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 0 32px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: var(--section-color) !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 13px color-mix(in srgb, var(--section-color) 25%, transparent) !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-heading-v107 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-heading-v107 strong {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-heading-v107 span {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 2px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-grid-v107 {
  box-sizing: border-box !important;
  display: grid !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 0px !important;
  padding: 4px 14px 10px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-field-v107 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 11px 9px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 1px solid rgb(237, 242, 248) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-field-v107:nth-last-child(-n+2) {
  border-bottom-color: transparent !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-field-label-v107 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 4px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(172, 197, 224) !important;
  border-top: 0px none rgb(172, 197, 224) !important;
  border-right: 0px none rgb(172, 197, 224) !important;
  border-bottom: 0px none rgb(172, 197, 224) !important;
  border-left: 0px none rgb(172, 197, 224) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(172, 197, 224) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-field-value-v107 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(242, 247, 255) !important;
  border-top: 0px none rgb(242, 247, 255) !important;
  border-right: 0px none rgb(242, 247, 255) !important;
  border-bottom: 0px none rgb(242, 247, 255) !important;
  border-left: 0px none rgb(242, 247, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(242, 247, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107.tone-blue {
  --section-color: #287be8 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .tone-blue > .information-profile-section-header-v107 {
  background: linear-gradient(90deg, #245184, #1b3a63) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107.tone-purple {
  --section-color: #7c55e9 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .tone-purple > .information-profile-section-header-v107 {
  background: linear-gradient(90deg, #493b7a, #312858) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107.tone-green {
  --section-color: #0dac85 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .tone-green > .information-profile-section-header-v107 {
  background: linear-gradient(90deg, #1d615b, #174540) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107.tone-orange {
  --section-color: #ed8b2d !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .tone-orange > .information-profile-section-header-v107 {
  background: linear-gradient(90deg, #705139, #49382f) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-section-v107.tone-cyan {
  --section-color: #169bc1 !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .tone-cyan > .information-profile-section-header-v107 {
  background: linear-gradient(90deg, #17647c, #14465f) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) :is(.information-profile-path-v107, .information-profile-content-v107, .information-profile-resource-v107, .information-profile-empty-v107) {
  background: transparent !important;
  color: rgb(242, 247, 255) !important;
  border-color: rgba(154, 201, 255, .23) !important;
  overflow-wrap: anywhere !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) :is(.information-profile-path-v107 > span, .information-profile-category-chip-v107 small, .information-profile-resource-copy-v107 > span) {
  color: rgb(172, 197, 224) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) :is(.information-profile-path-v107 > strong, .information-profile-category-chip-v107 strong, .information-profile-resource-copy-v107 > strong) {
  color: rgb(242, 247, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-category-chip-v107 {
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgb(255, 255, 255) !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) :is(.information-profile-path-v107 > span, .information-profile-category-chip-v107 small, .information-profile-resource-copy-v107 > span) {
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) :is(.information-profile-path-v107 > strong, .information-profile-category-chip-v107 strong, .information-profile-resource-copy-v107 > strong, .information-profile-empty-v107, .information-profile-content-v107) {
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-content-v107 {
  line-height: 1.45 !important;
  white-space: pre-wrap !important;
}

@media (max-width: 1180px) {
#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-panel {
  width: min(900px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}

}
@media (max-width: 880px) {
#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) {
  padding: 8px !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-detail-panel {
  width: 100% !important;
  border-radius: 22px !important;
}

#information-detail-overlay:not(.hidden):not(:has(.information-edit-v108, [data-information-edit])) .information-profile-grid-v107 {
  grid-template-columns: 1fr !important;
}

}
/* END TASK023V1 */

/* TASK023E1 — Edit only. Subject Edit computed styles, 2026-10-23.
 * Positive direct-child Edit root + negative View guard; TASK023V1 above is untouched.
 * Frame/hero use the measured Subject structure adapted to the existing header DOM.
 */
#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) {
  box-sizing: border-box !important;
  display: flex !important;
  position: fixed !important;
  inset: 0px !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: normal !important;
  padding: 128px 18px 18px !important;
  margin: 0px !important;
  background: rgba(5, 35, 82, 0.22) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  z-index: 9000 !important;
  width: auto !important;
  height: auto !important;
  backdrop-filter: blur(5px) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgba(10, 52, 108, 0.97), rgba(5, 27, 66, 0.98)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 65px 0px, rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  width: min(760px, calc(100vw - 110px)) !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header {
  box-sizing: border-box !important;
  display: grid !important;
  position: relative !important;
  inset: 0px !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 22px 24px 20px !important;
  margin: 0px !important;
  background: radial-gradient(at 92% 0%, rgba(116, 166, 229, 0.16), rgba(0, 0, 0, 0) 52%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(115deg, rgb(6, 28, 67) 0%, rgb(10, 50, 108) 62%, rgb(16, 66, 122) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.2) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  grid-template-rows: 58px minmax(30.375px, auto) minmax(35.625px, auto) !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child {
  display: contents !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header::after {
  content: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child > span {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: 1.98px !important;
  text-transform: uppercase !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin-bottom: 18px !important;
  opacity: 0.75 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header-actions {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  height: 40px !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  z-index: 1 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child::before {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.16) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  content: "\270e" !important;
  width: 66px !important;
  height: 66px !important;
  grid-column: 1 !important;
  grid-row: 2 / 4 !important;
  align-self: center !important;
  transform: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) #information-detail-title {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 28.75px !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: end !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-meta {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 7px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  align-self: start !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-chip {
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  height: auto !important;
  max-width: 100% !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-chip.classification {
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(137, 92, 246, 0.32) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-right: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-bottom: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-left: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  max-width: 330px !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-edit-trigger {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.12) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 38px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-close-btn {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 1px 6px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.08) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) #information-detail-content {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 28px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(170, 197, 236) rgba(0, 0, 0, 0) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) #information-detail-content {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 30px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-cancel-btn-v108 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  height: 38px !important;
  min-height: 38px !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-save-btn-v108 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgb(25, 185, 120) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: rgba(0, 100, 60, 0.2) 0px 6px 16px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  height: 38px !important;
  min-height: 38px !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header-actions::before {
  content: none !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-v108 {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 14px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(12, 50, 103) 0%, rgb(9, 43, 89) 56%, rgb(7, 31, 70) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-radius: 22px !important;
  box-shadow: rgba(255, 255, 255, 0.11) 0px 1px 0px 0px inset, rgba(0, 10, 34, 0.12) 0px 5px 15px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-head-v108 {
  box-sizing: border-box !important;
  display: flex !important;
  position: relative !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 12px !important;
  padding: 14px 18px 13px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(36, 81, 132), rgb(27, 58, 99)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(245, 249, 255) !important;
  border-top: 0px none rgb(245, 249, 255) !important;
  border-right: 0px none rgb(245, 249, 255) !important;
  border-bottom: 1px solid rgba(90, 130, 180, 0.12) !important;
  border-left: 0px none rgb(245, 249, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(246, 253, 255, 0.2) 0px 1px 0px 0px inset, rgba(3, 18, 36, 0.23) 0px -1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(245, 249, 255) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108 {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108 strong {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108 span {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 2px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 13.65px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-grid-v108 {
  box-sizing: border-box !important;
  display: grid !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 12px !important;
  padding: 16px 18px 18px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-body-v108 {
  padding: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108.full {
  grid-column: 1 / -1 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 > span {
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 6px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(190, 212, 239) !important;
  border-top: 0px none rgb(190, 212, 239) !important;
  border-right: 0px none rgb(190, 212, 239) !important;
  border-bottom: 0px none rgb(190, 212, 239) !important;
  border-left: 0px none rgb(190, 212, 239) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 12.5px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(190, 212, 239) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 :is(input, textarea, select) {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 11px !important;
  margin: 0px !important;
  background: rgba(5, 34, 77, 0.9) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-radius: 11px !important;
  box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: clip !important;
  overflow-y: clip !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 41px !important;
  min-height: 41px !important;
  cursor: text !important;
  caret-color: rgb(227, 243, 255) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 textarea {
  height: auto !important;
  min-height: 86px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-icon-v108 {
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  flex: 0 0 32px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: var(--section-color) !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 10px !important;
  box-shadow: color(srgb 0.156863 0.482353 0.909804 / 0.25) 0px 5px 13px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-blue {
  --section-color: #287be8 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .tone-blue > .information-edit-section-head-v108 {
  background: linear-gradient(90deg, #245184, #1b3a63) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-purple {
  --section-color: #7c55e9 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .tone-purple > .information-edit-section-head-v108 {
  background: linear-gradient(90deg, #493b7a, #312858) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-green {
  --section-color: #0dac85 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .tone-green > .information-edit-section-head-v108 {
  background: linear-gradient(90deg, #1d615b, #174540) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-orange {
  --section-color: #ed8b2d !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .tone-orange > .information-edit-section-head-v108 {
  background: linear-gradient(90deg, #705139, #49382f) !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-cyan {
  --section-color: #169bc1 !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .tone-cyan > .information-edit-section-head-v108 {
  background: linear-gradient(90deg, #17647c, #14465f) !important;
}

@media (max-width: 1180px) {
#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel {
  width: min(900px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}

}
@media (max-width: 880px) {
#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) {
  padding: 8px !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel {
  width: 100% !important;
  border-radius: 22px !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-grid-v108 {
  grid-template-columns: 1fr !important;
}

}
#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 input[readonly] {
  cursor: not-allowed !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-toolbar-v108 {
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(16, 54, 106), rgb(9, 40, 86)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(217, 233, 251) !important;
  border: 1px solid rgba(154, 201, 255, 0.24) !important;
  border-radius: 12px !important;
  padding: 10px 13px !important;
  margin: 0px 0px 14px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: normal !important;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
}

#information-detail-overlay:not(.hidden):has(#information-detail-content .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-toolbar-copy-v108 :is(strong, span) {
  color: inherit !important;
}

/* END TASK023E1 */

/* TASK023E2 V2 — actual Subject 420A/B/C tokens, Information Edit only. */
:is(.information-edit-v108, .info-category-portal-v3) .info-category-control{grid-column:1/-1;min-width:0;font:600 13px/1.45 Inter,system-ui,sans-serif}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]{width:100%;min-height:48px;border:1px solid #406393;border-radius:12px;background:#0a2a54;color:#f4f8ff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;text-align:left;cursor:pointer;font:inherit}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]:is(:hover,:focus-visible){border-color:#73adff;outline:none}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-status]{color:#ffcf9d;font-size:12px}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker{position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;width:min(680px,calc(100vw - 36px));height:420px;max-width:none;max-height:none;padding:0;background:#09254b;border:1px solid #3a628f;border-radius:14px;box-shadow:0 18px 50px #0008;color:#f3f7ff;font:400 13px/1.4 Inter,system-ui,sans-serif;overflow:hidden}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker{display:flex;flex-direction:column}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header,:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px;flex-shrink:0}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header strong{font-size:14px;font-weight:700}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header button{border:0;background:transparent;color:white;font-size:22px;cursor:pointer;min-width:30px}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-search{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-width:0;min-height:40px;padding:7px 12px;margin:0 12px 6px;border:1px solid #40658f;border-radius:10px;background:#10345f;overflow:hidden;flex-shrink:0}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker .info-category-search input{appearance:none!important;display:block!important;flex:1 1 auto;box-sizing:border-box;min-width:0!important;width:100%!important;height:26px!important;min-height:0!important;max-height:26px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#eef5ff!important;font:400 13px/26px Inter,system-ui,sans-serif!important}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-search input::placeholder{color:#acc5e3;opacity:1}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-list{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:2px 10px}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-row{display:flex;align-items:stretch;gap:3px;margin-left:calc(var(--depth)*12px)}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;background:transparent;border:0;color:#edf5ff;text-align:left;cursor:pointer;border-radius:7px;font:500 13px/1.4 Inter,system-ui,sans-serif}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]>span{min-width:0;overflow-wrap:anywhere;line-height:1.35}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]:hover,:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row][aria-pressed="true"]{background:#21518b}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row] small{display:block;font-size:11px;font-weight:400;line-height:1.35;color:#f0f6ff;margin-top:2px}
:is(.information-edit-v108, .info-category-portal-v3) [data-info-category-expand]{flex:0 0 30px;background:transparent;color:#d9e9ff;border:0;cursor:pointer;font:500 16px/1.4 Inter,system-ui,sans-serif}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-empty{padding:15px;color:#b1cae9}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-notice{padding:0 14px 8px;color:#ffcf9d;font-size:12px;flex-shrink:0}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-notice:empty{display:none}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer{border-top:1px solid #31547e}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-path{flex:1;min-width:0;overflow-wrap:anywhere;color:#c2d6f3;font-size:12px}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer button{padding:9px 12px;border:0;border-radius:8px;background:#10345f;color:white;cursor:pointer;white-space:nowrap;font:600 13px/1.4 Inter,system-ui,sans-serif}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer [data-info-category-confirm]{background:#1379e9}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker button:disabled{opacity:.5;cursor:not-allowed}
:is(.information-edit-v108, .info-category-portal-v3) .info-category-picker button:focus-visible,:is(.information-edit-v108, .info-category-portal-v3) .info-category-search:focus-within{outline:2px solid #73adff;outline-offset:-2px}
/* END TASK023E2 V2 */

/* TASK023E2 V3 — canonical fields retained; actual View chip styles, Edit only. */
.information-edit-v108 [data-info-category-legacy-fields]{display:none!important}
.information-edit-v108 [data-info-category-chips]{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 5px 5px;min-width:0}
.information-edit-v108 [data-info-category-chip]{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.information-edit-v108 [data-info-category-chip] small{color:rgb(172,197,224)!important;font-family:Inter,-apple-system,"system-ui","SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:normal!important;letter-spacing:normal!important}
.information-edit-v108 [data-info-category-chip] strong{color:rgb(242,247,255)!important;font-family:Inter,-apple-system,"system-ui","SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:normal!important;overflow-wrap:anywhere}
.information-edit-v108 .info-category-empty-summary{color:rgb(172,197,224);font:400 12px/1.4 Inter,system-ui,sans-serif}
.info-category-portal-v3 .info-category-picker footer{flex-wrap:wrap}
.info-category-portal-v3 .info-category-path{max-height:36px;overflow:auto}
.info-category-portal-v3 .info-category-notice{max-height:52px;overflow:auto}

.info-category-portal-v3 .info-category-compact-v3 header{display:none}
.info-category-portal-v3 .info-category-compact-v3 .info-category-search{margin-top:8px}
.info-category-portal-v3 .info-category-compact-v3 footer{padding:8px 12px;gap:8px}
.info-category-portal-v3 .info-category-compact-v3 .info-category-notice{max-height:28px;padding-bottom:4px}

/* TASK023E3: exact Subject 345D visuals + active 423L typography. */
#information-save-toast-host .information-save-toast {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 2147483600;
  width: min(370px, calc(100vw - 32px));
  min-height: 76px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-sizing: border-box;
  padding: 16px 38px 19px 16px;
  color: #f4f8ff;
  background: linear-gradient(
    145deg,
    rgba(25, 64, 120, .95),
    rgba(9, 29, 65, .97)
  );
  border: 1px solid rgba(123, 177, 245, .36);
  border-radius: 16px;
  box-shadow:
    0 14px 36px rgba(0, 11, 37, .38),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  font: 13px/1.5 system-ui, -apple-system, sans-serif;
  animation: information-save-toast-enter .20s ease-out both;
  overflow: hidden;
}

#information-save-toast-host .information-save-toast-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #6ff0c8;
  background: rgba(73, 223, 181, .13);
  border: 1px solid rgba(94, 228, 189, .50);
  font-size: 15px;
  font-weight: 800;
}

#information-save-toast-host .information-save-toast.is-error .information-save-toast-icon {
  color: #ff9da9;
  background: rgba(255, 100, 120, .12);
  border-color: rgba(255, 145, 160, .50);
}

#information-save-toast-host .information-save-toast-content {
  min-width: 0;
  flex: 1;
}

#information-save-toast-host .information-save-toast-content strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}

#information-save-toast-host .information-save-toast-detail {
  white-space: pre-line;
  overflow-wrap: anywhere;
  color: #c5d8f4;
}

#information-save-toast-host .information-save-toast-close {
  position: absolute;
  top: 9px;
  right: 12px;
  border: 0;
  background: transparent;
  color: #b5ccec;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
}

#information-save-toast-host .information-save-toast-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #62dfbd;
  transform-origin: left;
  animation: information-save-toast-progress 3s linear forwards;
}

#information-save-toast-host .information-save-toast.is-error
.information-save-toast-progress {
  background: #ff91a0;
}

@keyframes information-save-toast-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes information-save-toast-progress {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

@media (max-width: 600px) {
  #information-save-toast-host .information-save-toast {
    right: 16px;
    bottom: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #information-save-toast-host .information-save-toast {
    animation: none;
  }
}

#information-save-toast-host { pointer-events: none; }
#information-save-toast-host .information-save-toast { pointer-events: none; }
#information-save-toast-host .information-save-toast-close { pointer-events: auto; }
#information-save-toast-host .information-save-toast-content strong {
  font-size: 16px !important; font-weight: 800 !important;
  line-height: 1.35 !important; color: #ffffff !important;
  display: block; margin-bottom: 5px;
}
#information-save-toast-host .information-save-toast-detail {
  font-size: 12px; font-weight: 400; line-height: 1.5;
}
#information-save-toast-host .is-notice .information-save-toast-icon {
  color: #c5d8f4; background: rgba(123,177,245,.13); border-color: rgba(123,177,245,.5);
}
#information-save-toast-host .is-notice .information-save-toast-progress { background: #b5ccec; }
@media (prefers-reduced-motion: reduce) {
  #information-save-toast-host .information-save-toast-progress { animation: none; }
}

/* TASK025A — exact active Information Edit cascade, isolated Create selectors. */
#information-create-overlay .information-detail-overlay.hidden{
  display: none !important;
}
#information-create-overlay .information-detail-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: flex-end;
}
#information-create-overlay .information-detail-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,16,45,.55);
  backdrop-filter: blur(3px);
}
#information-create-overlay .information-detail-panel{
  position: relative;
  z-index: 1;
  width: min(620px, 94vw);
  height: 100%;
  overflow: auto;
  background: #f8fbff;
  box-shadow:
    -20px 0 50px rgba(0,20,55,.25);
}
#information-create-overlay .information-detail-header{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 22px 26px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #fff;
  background: #08489b;
}
#information-create-overlay .information-detail-header span{
  color: #b9d4f6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
}
#information-create-overlay .information-detail-header h2{
  margin: 4px 0 0;
}
#information-create-overlay .information-detail-header button{
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
#information-create-overlay .information-detail-content{
  padding: 24px;
}
#information-create-overlay .information-detail-loading,
#information-create-overlay .information-detail-error{
  padding: 40px 10px;
  text-align: center;
  color: #577494;
}
#information-create-overlay .information-detail-error{
  color: #b3261e;
}
#information-create-overlay .information-detail-hero{
  padding: 18px;
  display: flex;
  gap: 14px;
  align-items: center;
  border-radius: 18px;
  background: #eaf4ff;
}
#information-create-overlay .information-detail-icon{
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: #ff7e49;
  font-size: 22px;
  font-weight: 900;
}
#information-create-overlay .information-detail-hero strong,
#information-create-overlay .information-detail-hero span{
  display: block;
}
#information-create-overlay .information-detail-hero strong{
  color: #103e75;
  font-size: 18px;
}
#information-create-overlay .information-detail-hero span{
  margin-top: 3px;
  color: #69819b;
}
#information-create-overlay .information-detail-grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#information-create-overlay .information-detail-field{
  padding: 14px;
  border: 1px solid #dbe7f3;
  border-radius: 14px;
  background: #fff;
}
#information-create-overlay .information-detail-field span,
#information-create-overlay .information-detail-field strong{
  display: block;
}
#information-create-overlay .information-detail-field span{
  color: #7890a8;
  font-size: 11px;
}
#information-create-overlay .information-detail-field strong{
  margin-top: 5px;
  color: #274b71;
  word-break: break-word;
}
#information-create-overlay .information-detail-section-title{
  margin-top: 22px;
  color: #0b478e;
  font-weight: 900;
}
#information-create-overlay .information-detail-content-box{
  margin-top: 8px;
  padding: 18px;
  border: 1px solid #dce7f2;
  border-radius: 14px;
  background: #fff;
  color: #344f6b;
  line-height: 1.55;
  white-space: pre-wrap;
}
#information-create-overlay .information-detail-drive{
  margin-top: 10px;
  display: inline-block;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  background: #116bd4;
  text-decoration: none;
  font-weight: 800;
}
@media (max-width: 760px){#information-create-overlay .information-detail-grid{
    grid-template-columns: 1fr;
  }
}
#information-create-overlay .information-detail-overlay{

  position:
    fixed
    !important;

  inset:
    0
    !important;

  z-index:
    9999
    !important;

  display:
    flex
    !important;

  justify-content:
    flex-end
    !important;

  align-items:
    stretch
    !important;

  padding:
    128px 18px 18px
    !important;

  box-sizing:
    border-box
    !important;

  background:
    rgba(5, 35, 82, .22)
    !important;

  backdrop-filter:
    blur(5px)
    !important;

  -webkit-backdrop-filter:
    blur(5px)
    !important;

}
#information-create-overlay .information-detail-overlay.hidden{

  display:
    none
    !important;

}
#information-create-overlay .information-detail-backdrop{

  position:
    absolute
    !important;

  inset:
    0
    !important;

  background:
    transparent
    !important;

  backdrop-filter:
    none
    !important;

  -webkit-backdrop-filter:
    none
    !important;

}
#information-create-overlay .information-detail-panel{

  position:
    relative
    !important;

  z-index:
    1
    !important;

  width:
    min(
      760px,
      calc(100vw - 110px)
    )
    !important;

  height:
    100%
    !important;

  overflow:
    hidden
    !important;

  display:
    flex
    !important;

  flex-direction:
    column
    !important;

  background:
    #f5f9ff
    !important;

  border:
    1px solid
    rgba(190, 215, 255, .72)
    !important;

  border-radius:
    28px
    !important;

  box-shadow:
    -24px 24px 70px
    rgba(0, 29, 78, .34)
    !important;

}
#information-create-overlay .information-detail-header{

  position:
    relative
    !important;

  top:
    auto
    !important;

  z-index:
    2
    !important;

  flex:
    0 0 auto
    !important;

  min-height:
    200px
    !important;

  padding:
    22px 24px 20px
    !important;

  display:
    flex
    !important;

  justify-content:
    space-between
    !important;

  align-items:
    flex-start
    !important;

  gap:
    18px
    !important;

  color:
    #fff
    !important;

  background:
    linear-gradient(
      135deg,
      #083b91 0%,
      #0b58cb 55%,
      #2479ef 100%
    )
    !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.16)
    !important;

  overflow:
    hidden
    !important;

}
#information-create-overlay .information-detail-header::after{

  content:
    ""
    !important;

  position:
    absolute
    !important;

  width:
    240px
    !important;

  height:
    240px
    !important;

  right:
    -90px
    !important;

  top:
    -110px
    !important;

  border-radius:
    999px
    !important;

  background:
    rgba(255,255,255,.10)
    !important;

  pointer-events:
    none
    !important;

}
#information-create-overlay .information-detail-header > div{

  position:
    relative
    !important;

  z-index:
    1
    !important;

  min-width:
    0
    !important;

  flex:
    1 1 auto
    !important;

  display:
    grid
    !important;

  grid-template-columns:
    66px minmax(0,1fr)
    !important;

  grid-template-rows:
    auto auto auto
    !important;

  column-gap:
    16px
    !important;

  align-items:
    center
    !important;

}
#information-create-overlay .information-detail-header > div::before{

  content:
    "A"
    !important;

  grid-column:
    1
    !important;

  grid-row:
    2 / span 2
    !important;

  width:
    66px
    !important;

  height:
    66px
    !important;

  border-radius:
    20px
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  justify-content:
    center
    !important;

  color:
    #fff
    !important;

  background:
    #ff7e49
    !important;

  border:
    1px solid
    rgba(255,255,255,.26)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.15)
    !important;

  font-size:
    30px
    !important;

  font-weight:
    900
    !important;

}
#information-create-overlay .information-detail-header span{

  grid-column:
    1 / -1
    !important;

  margin-bottom:
    28px
    !important;

  color:
    rgba(255,255,255,.78)
    !important;

  font-size:
    11px
    !important;

  font-weight:
    800
    !important;

  letter-spacing:
    .18em
    !important;

  text-transform:
    uppercase
    !important;

}
#information-create-overlay .information-detail-header h2{

  grid-column:
    2
    !important;

  margin:
    0
    !important;

  min-width:
    0
    !important;

  color:
    #fff
    !important;

  font-size:
    25px
    !important;

  line-height:
    1.15
    !important;

  font-weight:
    800
    !important;

  letter-spacing:
    -.02em
    !important;

  overflow-wrap:
    anywhere
    !important;

}
#information-create-overlay .information-detail-meta{

  grid-column:
    2
    !important;

  margin-top:
    7px
    !important;

  display:
    flex
    !important;

  flex-wrap:
    wrap
    !important;

  gap:
    8px
    !important;

}
#information-create-overlay .information-detail-chip{

  min-height:
    27px
    !important;

  padding:
    5px 10px
    !important;

  border-radius:
    999px
    !important;

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  color:
    #fff
    !important;

  font-size:
    11px
    !important;

  font-weight:
    700
    !important;

  background:
    rgba(255,255,255,.13)
    !important;

  border:
    1px solid
    rgba(255,255,255,.20)
    !important;

}
#information-create-overlay .information-detail-chip.classification{

  max-width:
    340px
    !important;

  overflow:
    hidden
    !important;

  white-space:
    nowrap
    !important;

  text-overflow:
    ellipsis
    !important;

  background:
    rgba(137,92,246,.32)
    !important;

  border-color:
    rgba(221,205,255,.50)
    !important;

}
#information-create-overlay .information-detail-header button{

  position:
    relative
    !important;

  z-index:
    3
    !important;

  flex:
    0 0 42px
    !important;

  width:
    42px
    !important;

  height:
    42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.30)
    !important;

  border-radius:
    50%
    !important;

  background:
    rgba(255,255,255,.08)
    !important;

  color:
    #fff
    !important;

  font-size:
    24px
    !important;

  cursor:
    pointer
    !important;

}
#information-create-overlay .information-detail-content{

  flex:
    1 1 auto
    !important;

  min-height:
    0
    !important;

  overflow-y:
    auto
    !important;

  padding:
    0
    !important;

  scrollbar-width:
    thin
    !important;

  scrollbar-color:
    #aac5ec transparent
    !important;

}
@media (
  max-width:
  760px
){#information-create-overlay .information-detail-overlay{

    padding:
      92px 8px 8px
      !important;

  }
#information-create-overlay .information-detail-panel{

    width:
      100%
      !important;

    border-radius:
      22px
      !important;

  }
}
#information-create-overlay .information-detail-overlay{

  padding:
    112px 22px 22px
    !important;

  align-items:
    stretch
    !important;

  background:
    rgba(3, 29, 73, .30)
    !important;

  backdrop-filter:
    blur(7px)
    !important;

  -webkit-backdrop-filter:
    blur(7px)
    !important;

}
#information-create-overlay .information-detail-panel{

  width:
    min(
      880px,
      calc(100vw - 150px)
    )
    !important;

  max-width:
    880px
    !important;

  height:
    100%
    !important;

  max-height:
    calc(100vh - 134px)
    !important;

  border-radius:
    26px
    !important;

  background:
    #f4f8fd
    !important;

  border:
    1px solid
    rgba(195, 215, 242, .88)
    !important;

  box-shadow:
    -18px 22px 62px
    rgba(0, 35, 88, .32)
    !important;

}
#information-create-overlay .information-detail-header{

  min-height:
    164px
    !important;

  padding:
    22px 28px
    !important;

  background:
    linear-gradient(
      122deg,
      #0a3b8e 0%,
      #0e58c8 54%,
      #287cec 100%
    )
    !important;

}
#information-create-overlay .information-detail-header::after{

  width:
    210px
    !important;

  height:
    210px
    !important;

  top:
    -102px
    !important;

  right:
    -70px
    !important;

  background:
    rgba(255,255,255,.105)
    !important;

}
#information-create-overlay .information-detail-header > div{

  grid-template-columns:
    62px minmax(0,1fr)
    !important;

  column-gap:
    16px
    !important;

}
#information-create-overlay .information-detail-header > div::before{

  width:
    62px
    !important;

  height:
    62px
    !important;

  border-radius:
    18px
    !important;

  font-size:
    27px
    !important;

  box-shadow:
    none
    !important;

}
#information-create-overlay .information-detail-header span{

  margin-bottom:
    19px
    !important;

  font-size:
    10px
    !important;

  font-weight:
    850
    !important;

  letter-spacing:
    .17em
    !important;

}
#information-create-overlay .information-detail-header h2{

  font-size:
    24px
    !important;

  font-weight:
    800
    !important;

  line-height:
    1.15
    !important;

  letter-spacing:
    -.025em
    !important;

}
#information-create-overlay .information-detail-meta{

  margin-top:
    7px
    !important;

  gap:
    6px
    !important;

}
#information-create-overlay .information-detail-chip{

  min-height:
    25px
    !important;

  padding:
    4px 9px
    !important;

  font-size:
    10.5px
    !important;

  font-weight:
    750
    !important;

}
#information-create-overlay .information-detail-header button{

  width:
    42px
    !important;

  height:
    42px
    !important;

  flex-basis:
    42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.27)
    !important;

  background:
    rgba(255,255,255,.055)
    !important;

  transition:
    background 140ms ease,
    transform 140ms ease
    !important;

}
#information-create-overlay .information-detail-header button:hover{

  background:
    rgba(255,255,255,.15)
    !important;

  transform:
    translateY(-1px)
    !important;

}
#information-create-overlay .information-detail-content::-webkit-scrollbar{

  width:
    8px
    !important;

}
#information-create-overlay .information-detail-content::-webkit-scrollbar-track{

  background:
    transparent
    !important;

}
#information-create-overlay .information-detail-content::-webkit-scrollbar-thumb{

  background:
    #b7c9e1
    !important;

  border:
    2px solid
    #f4f8fd
    !important;

  border-radius:
    999px
    !important;

}
#information-create-overlay .information-detail-content
.information-detail-section{

  border-radius:
    18px
    !important;

  box-shadow:
    none
    !important;

}
#information-create-overlay .information-detail-content
.information-detail-section-title{

  font-size:
    13.5px
    !important;

  font-weight:
    800
    !important;

}
@media (
  max-width:
  980px
){#information-create-overlay .information-detail-panel{

    width:
      min(
        820px,
        calc(100vw - 92px)
      )
      !important;

  }
}
@media (
  max-width:
  720px
){#information-create-overlay .information-detail-overlay{

    padding:
      84px 8px 8px
      !important;

  }
#information-create-overlay .information-detail-panel{

    width:
      100%
      !important;

    max-width:
      none
      !important;

    max-height:
      calc(100vh - 92px)
      !important;

    border-radius:
      20px
      !important;

  }
#information-create-overlay .information-detail-header{

    min-height:
      150px
      !important;

    padding:
      18px
      !important;

  }
}
#information-create-overlay .information-detail-panel{

  width:
    min(860px, calc(100vw - 140px))
    !important;

  max-width:
    860px
    !important;

  background:
    #f3f7fc
    !important;

  border-radius:
    26px
    !important;

  overflow:
    hidden
    !important;

}
#information-create-overlay .information-detail-header{

  min-height:
    146px
    !important;

  padding:
    22px 28px
    !important;

  background:
    linear-gradient(
      125deg,
      #073985 0%,
      #0d56c5 52%,
      #2479e9 100%
    )
    !important;

}
#information-create-overlay .information-detail-header > div{

  grid-template-columns:
    58px minmax(0, 1fr)
    !important;

  column-gap:
    15px
    !important;

}
#information-create-overlay .information-detail-header > div::before{

  width:
    58px
    !important;

  height:
    58px
    !important;

  border-radius:
    17px
    !important;

  background:
    linear-gradient(
      145deg,
      #ff8a51,
      #ff7040
    )
    !important;

  font-size:
    26px
    !important;

}
#information-create-overlay .information-detail-header span{

  margin-bottom:
    16px
    !important;

}
#information-create-overlay .information-detail-header h2{

  max-width:
    650px
    !important;

  font-size:
    23px
    !important;

  line-height:
    1.18
    !important;

}
#information-create-overlay .information-detail-meta{

  margin-top:
    8px
    !important;

}
#information-create-overlay .information-detail-content{

  background:
    #f3f7fc
    !important;

}
#information-create-overlay .information-profile-category-chip-v107{

  max-width:
    100%
    !important;

  display:
    inline-flex
    !important;

  align-items:
    center
    !important;

  gap:
    7px
    !important;

  padding:
    6px 9px
    !important;

  border:
    1px solid
    #e2dcf7
    !important;

  border-radius:
    999px
    !important;

  background:
    #f8f5ff
    !important;

}
#information-create-overlay .information-profile-category-chip-v107 small{

  color:
    #9688b8
    !important;

  font-size:
    9px
    !important;

  white-space:
    nowrap
    !important;

}
#information-create-overlay .information-profile-category-chip-v107 strong{

  color:
    #554481
    !important;

  font-size:
    10.5px
    !important;

  font-weight:
    700
    !important;

}
@media (max-width: 760px){#information-create-overlay .information-detail-panel{

    width:
      100%
      !important;

    max-width:
      none
      !important;

  }
}
#information-create-overlay .information-detail-header-actions{
  display: flex;
  align-items: center;
  gap: 10px;
}
#information-create-overlay .information-detail-header .information-detail-edit-trigger{
  width: auto !important;
  min-width: 92px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition:
    transform 140ms ease,
    background 140ms ease,
    border-color 140ms ease !important;
}
#information-create-overlay .information-detail-header .information-detail-edit-trigger:hover{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.34) !important;
}
#information-create-overlay .information-detail-header .information-detail-edit-trigger.is-hidden{
  display: none !important;
}
#information-create-overlay .information-detail-header .information-detail-close-btn{
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 24px !important;
  cursor: pointer !important;
}
#information-create-overlay .information-edit-v108{
  display: grid !important;
  gap: 16px !important;
}
#information-create-overlay .information-edit-toolbar-v108{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 6px 2px 2px !important;
}
#information-create-overlay .information-edit-toolbar-copy-v108 strong,
#information-create-overlay .information-edit-toolbar-copy-v108 span{
  display: block !important;
}
#information-create-overlay .information-edit-toolbar-copy-v108 strong{
  color: #163e70 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
#information-create-overlay .information-edit-toolbar-copy-v108 span{
  margin-top: 4px !important;
  color: #8294a8 !important;
  font-size: 11px !important;
}
#information-create-overlay .information-edit-toolbar-actions-v108{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#information-create-overlay .information-edit-cancel-btn-v108,
#information-create-overlay .information-edit-save-btn-v108{
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition:
    transform 140ms ease,
    background 140ms ease,
    border-color 140ms ease !important;
}
#information-create-overlay .information-edit-cancel-btn-v108{
  border: 1px solid #c8d8ea !important;
  background: #fff !important;
  color: #355a84 !important;
}
#information-create-overlay .information-edit-cancel-btn-v108:hover{
  transform: translateY(-1px) !important;
  background: #f8fbff !important;
}
#information-create-overlay .information-edit-save-btn-v108{
  border: 1px solid #146ddd !important;
  background: #1776df !important;
  color: #fff !important;
}
#information-create-overlay .information-edit-save-btn-v108:hover{
  transform: translateY(-1px) !important;
  background: #0f68ca !important;
}
#information-create-overlay .information-edit-save-btn-v108:disabled{
  opacity: .7 !important;
  cursor: wait !important;
  transform: none !important;
}
#information-create-overlay .information-edit-message-v108{
  min-height: 18px !important;
  color: #68829d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
#information-create-overlay .information-edit-message-v108.is-error{
  color: #c43b32 !important;
}
#information-create-overlay .information-edit-section-v108{
  --edit-accent: #287be8;
  --edit-soft: #edf5ff;
  overflow: hidden !important;
  border: 1px solid #dbe6f3 !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 5px 16px rgba(26,65,114,.045) !important;
}
#information-create-overlay .information-edit-section-v108.tone-blue{
  --edit-accent: #277bea;
  --edit-soft: #edf5ff;
}
#information-create-overlay .information-edit-section-v108.tone-green{
  --edit-accent: #0ca77f;
  --edit-soft: #eaf9f4;
}
#information-create-overlay .information-edit-section-v108.tone-purple{
  --edit-accent: #8055e7;
  --edit-soft: #f3efff;
}
#information-create-overlay .information-edit-section-v108.tone-orange{
  --edit-accent: #ec8a31;
  --edit-soft: #fff4e8;
}
#information-create-overlay .information-edit-section-v108.tone-cyan{
  --edit-accent: #1599bc;
  --edit-soft: #eaf8fc;
}
#information-create-overlay .information-edit-section-head-v108{
  min-height: 58px !important;
  padding: 12px 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  background:
    linear-gradient(
      90deg,
      var(--edit-soft) 0%,
      rgba(255,255,255,.98) 80%
    ) !important;
  border-bottom: 1px solid #e5edf7 !important;
}
#information-create-overlay .information-edit-section-icon-v108{
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: var(--edit-accent) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
#information-create-overlay .information-edit-section-title-v108 strong,
#information-create-overlay .information-edit-section-title-v108 span{
  display: block !important;
}
#information-create-overlay .information-edit-section-title-v108 strong{
  color: #163e70 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}
#information-create-overlay .information-edit-section-title-v108 span{
  margin-top: 2px !important;
  color: #8295aa !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}
#information-create-overlay .information-edit-section-body-v108{
  padding: 14px 15px 16px !important;
}
#information-create-overlay .information-edit-grid-v108{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 14px 16px !important;
}
#information-create-overlay .information-edit-field-v108{
  min-width: 0 !important;
  display: block !important;
}
#information-create-overlay .information-edit-field-v108.full{
  grid-column: 1 / -1 !important;
}
#information-create-overlay .information-edit-field-v108 > span{
  display: block !important;
  margin-bottom: 7px !important;
  color: #7d91a8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
#information-create-overlay .information-edit-field-v108 input,
#information-create-overlay .information-edit-field-v108 textarea{
  width: 100% !important;
  border: 1px solid #d7e4f0 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #183f70 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  outline: none !important;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease !important;
  box-sizing: border-box !important;
}
#information-create-overlay .information-edit-field-v108 input{
  min-height: 46px !important;
  padding: 0 14px !important;
}
#information-create-overlay .information-edit-field-v108 textarea{
  min-height: 130px !important;
  padding: 12px 14px !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}
#information-create-overlay .information-edit-field-v108 input:hover,
#information-create-overlay .information-edit-field-v108 textarea:hover{
  border-color: #c8daeb !important;
}
#information-create-overlay .information-edit-field-v108 input:focus,
#information-create-overlay .information-edit-field-v108 textarea:focus{
  border-color: #2b7de8 !important;
  box-shadow: 0 0 0 4px rgba(43,125,232,.10) !important;
}
#information-create-overlay .information-edit-field-v108 input[readonly]{
  background: #f7fbff !important;
  color: #7890a8 !important;
  cursor: default !important;
}
@media (max-width: 760px){#information-create-overlay .information-edit-toolbar-v108{
    flex-direction: column !important;
    align-items: stretch !important;
  }
#information-create-overlay .information-edit-toolbar-actions-v108{
    justify-content: stretch !important;
  }
#information-create-overlay .information-edit-cancel-btn-v108,
#information-create-overlay .information-edit-save-btn-v108{
    flex: 1 1 0 !important;
  }
#information-create-overlay .information-edit-grid-v108{
    grid-template-columns: 1fr !important;
  }
}
#information-create-overlay .information-detail-backdrop{

  background:
    rgba(4, 25, 61, .48)
    !important;

  backdrop-filter:
    blur(10px)
    saturate(125%)
    !important;

  -webkit-backdrop-filter:
    blur(10px)
    saturate(125%)
    !important;

}
#information-create-overlay .information-detail-panel{

  border:
    1px solid
    rgba(255,255,255,.72)
    !important;

  border-radius:
    30px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(250,253,255,.92) 0%,
      rgba(239,247,255,.84) 52%,
      rgba(246,250,255,.89) 100%
    )
    !important;

  backdrop-filter:
    blur(30px)
    saturate(150%)
    !important;

  -webkit-backdrop-filter:
    blur(30px)
    saturate(150%)
    !important;

  box-shadow:
    0 30px 80px
    rgba(2,29,73,.31),
    inset 0 1px 0
    rgba(255,255,255,.88)
    !important;

  overflow:
    hidden
    !important;

}
#information-create-overlay .information-detail-header{

  position:
    sticky
    !important;

  top:
    0
    !important;

  min-height:
    148px
    !important;

  padding:
    24px 30px
    !important;

  overflow:
    hidden
    !important;

  background:
    radial-gradient(
      circle at 90% -15%,
      rgba(128,194,255,.72) 0,
      rgba(128,194,255,0) 35%
    ),
    linear-gradient(
      120deg,
      #073b8e 0%,
      #0a57c6 48%,
      #2581f0 100%
    )
    !important;

  box-shadow:
    inset 0 -1px 0
    rgba(255,255,255,.22)
    !important;

}
#information-create-overlay .information-detail-header::after{

  content:
    none
    !important;

  display:
    none
    !important;

}
#information-create-overlay .information-detail-header
[class*="avatar"],
#information-create-overlay .information-detail-header
.information-detail-icon{

  display:
    none
    !important;

}
#information-create-overlay .information-detail-header
> div::after{

  content:
    none
    !important;

  display:
    none
    !important;

}
#information-create-overlay .information-detail-header
> div{

  position:
    relative
    !important;

  z-index:
    2
    !important;

}
#information-create-overlay .information-detail-header
> div::before{

  box-shadow:
    0 10px 24px
    rgba(92,48,18,.20),
    inset 0 1px 0
    rgba(255,255,255,.35)
    !important;

}
#information-create-overlay .information-detail-header
span{

  color:
    rgba(222,238,255,.84)
    !important;

}
#information-create-overlay .information-detail-header
h2{

  color:
    #fff
    !important;

  text-shadow:
    0 2px 10px
    rgba(0,33,83,.16)
    !important;

}
#information-create-overlay .information-detail-header-actions{

  position:
    relative
    !important;

  z-index:
    4
    !important;

  display:
    flex
    !important;

  align-items:
    center
    !important;

  gap:
    10px
    !important;

  align-self:
    flex-start
    !important;

}
#information-create-overlay .information-detail-header
.information-detail-edit-trigger{

  min-width:
    88px
    !important;

  height:
    42px
    !important;

  padding:
    0 15px
    !important;

  border:
    1px solid
    rgba(255,255,255,.34)
    !important;

  border-radius:
    14px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.19),
      rgba(255,255,255,.10)
    )
    !important;

  backdrop-filter:
    blur(14px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(14px)
    saturate(145%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.28),
    0 8px 20px
    rgba(0,31,82,.12)
    !important;

  color:
    #fff
    !important;

  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease
    !important;

}
#information-create-overlay .information-detail-header
.information-detail-edit-trigger:hover{

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(255,255,255,.25)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.40),
    0 11px 24px
    rgba(0,31,82,.17)
    !important;

}
#information-create-overlay .information-detail-header
.information-detail-edit-trigger:active{

  transform:
    scale(.985)
    !important;

}
#information-create-overlay .information-detail-header
.information-detail-close-btn,
#information-create-overlay .information-detail-header
[data-information-detail-close]{

  width:
    42px
    !important;

  height:
    42px
    !important;

  flex:
    0 0 42px
    !important;

  border:
    1px solid
    rgba(255,255,255,.33)
    !important;

  border-radius:
    50%
    !important;

  background:
    rgba(255,255,255,.10)
    !important;

  backdrop-filter:
    blur(14px)
    !important;

  -webkit-backdrop-filter:
    blur(14px)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.26)
    !important;

  transition:
    transform .15s ease,
    background .15s ease
    !important;

}
#information-create-overlay .information-detail-header
[data-information-detail-close]:hover{

  transform:
    rotate(5deg)
    scale(1.04)
    !important;

  background:
    rgba(255,255,255,.20)
    !important;

}
#information-create-overlay .information-detail-chip{

  border:
    1px solid
    rgba(255,255,255,.30)
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.18),
      rgba(255,255,255,.10)
    )
    !important;

  backdrop-filter:
    blur(10px)
    saturate(140%)
    !important;

  -webkit-backdrop-filter:
    blur(10px)
    saturate(140%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.22)
    !important;

  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease
    !important;

}
#information-create-overlay .information-detail-chip:hover{

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(255,255,255,.22)
    !important;

  border-color:
    rgba(255,255,255,.45)
    !important;

}
#information-create-overlay .information-detail-content{

  padding:
    22px
    !important;

  background:
    linear-gradient(
      180deg,
      rgba(239,247,255,.76),
      rgba(247,251,255,.88)
    )
    !important;

  backdrop-filter:
    blur(24px)
    saturate(135%)
    !important;

  -webkit-backdrop-filter:
    blur(24px)
    saturate(135%)
    !important;

}
#information-create-overlay .information-profile-category-chip-v107{

  border:
    1px solid
    rgba(132,96,220,.16)
    !important;

  background:
    rgba(249,246,255,.62)
    !important;

  backdrop-filter:
    blur(9px)
    !important;

  -webkit-backdrop-filter:
    blur(9px)
    !important;

  transition:
    transform .14s ease,
    background .14s ease
    !important;

}
#information-create-overlay .information-profile-category-chip-v107:hover{

  transform:
    translateY(-1px)
    !important;

  background:
    rgba(244,238,255,.92)
    !important;

}
#information-create-overlay .information-edit-v108{

  gap:
    17px
    !important;

}
#information-create-overlay .information-edit-toolbar-v108{

  padding:
    13px 15px
    !important;

  border:
    1px solid
    rgba(255,255,255,.78)
    !important;

  border-radius:
    18px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.67),
      rgba(246,251,255,.46)
    )
    !important;

  backdrop-filter:
    blur(18px)
    saturate(140%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(140%)
    !important;

  box-shadow:
    0 8px 20px
    rgba(31,69,110,.06),
    inset 0 1px 0
    rgba(255,255,255,.90)
    !important;

}
#information-create-overlay .information-edit-toolbar-copy-v108
strong{

  font-size:
    15px
    !important;

}
#information-create-overlay .information-edit-toolbar-copy-v108
span{

  color:
    #8395a9
    !important;

}
#information-create-overlay .information-edit-cancel-btn-v108{

  border:
    1px solid
    rgba(115,151,189,.25)
    !important;

  border-radius:
    13px
    !important;

  background:
    rgba(255,255,255,.54)
    !important;

  backdrop-filter:
    blur(12px)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.88)
    !important;

}
#information-create-overlay .information-edit-save-btn-v108{

  border:
    1px solid
    rgba(40,127,234,.52)
    !important;

  border-radius:
    13px
    !important;

  background:
    linear-gradient(
      135deg,
      #2384ee 0%,
      #1268d4 100%
    )
    !important;

  box-shadow:
    0 8px 18px
    rgba(26,113,213,.20),
    inset 0 1px 0
    rgba(255,255,255,.26)
    !important;

}
#information-create-overlay .information-edit-save-btn-v108:hover{

  background:
    linear-gradient(
      135deg,
      #3191f7,
      #1471df
    )
    !important;

}
#information-create-overlay .information-edit-save-btn-v108:active,
#information-create-overlay .information-edit-cancel-btn-v108:active{

  transform:
    scale(.985)
    !important;

}
#information-create-overlay .information-edit-section-v108{

  border:
    1px solid
    rgba(255,255,255,.78)
    !important;

  border-radius:
    22px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.68),
      rgba(255,255,255,.47)
    )
    !important;

  backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(135%)
    !important;

  box-shadow:
    0 9px 24px
    rgba(24,67,117,.065),
    inset 0 1px 0
    rgba(255,255,255,.92)
    !important;

}
#information-create-overlay .information-edit-section-v108.tone-blue{

  background:
    linear-gradient(
      145deg,
      rgba(238,247,255,.83),
      rgba(255,255,255,.56)
    )
    !important;

}
#information-create-overlay .information-edit-section-v108.tone-green{

  background:
    linear-gradient(
      145deg,
      rgba(237,251,246,.84),
      rgba(255,255,255,.56)
    )
    !important;

}
#information-create-overlay .information-edit-section-v108.tone-purple{

  background:
    linear-gradient(
      145deg,
      rgba(247,242,255,.84),
      rgba(255,255,255,.56)
    )
    !important;

}
#information-create-overlay .information-edit-section-v108.tone-orange{

  background:
    linear-gradient(
      145deg,
      rgba(255,247,238,.86),
      rgba(255,255,255,.57)
    )
    !important;

}
#information-create-overlay .information-edit-section-v108.tone-cyan{

  background:
    linear-gradient(
      145deg,
      rgba(237,250,253,.86),
      rgba(255,255,255,.57)
    )
    !important;

}
#information-create-overlay .information-edit-section-head-v108{

  background:
    linear-gradient(
      90deg,
      var(--edit-soft),
      rgba(255,255,255,.38)
    )
    !important;

  border-bottom:
    1px solid
    rgba(131,164,197,.16)
    !important;

}
#information-create-overlay .information-edit-field-v108
input,
#information-create-overlay .information-edit-field-v108
textarea{

  border:
    1px solid
    rgba(132,163,196,.26)
    !important;

  border-radius:
    15px
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.69),
      rgba(248,252,255,.48)
    )
    !important;

  backdrop-filter:
    blur(12px)
    saturate(125%)
    !important;

  -webkit-backdrop-filter:
    blur(12px)
    saturate(125%)
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.91)
    !important;

}
#information-create-overlay .information-edit-field-v108
input:hover,
#information-create-overlay .information-edit-field-v108
textarea:hover{

  border-color:
    rgba(52,127,211,.35)
    !important;

  background:
    rgba(255,255,255,.76)
    !important;

}
#information-create-overlay .information-edit-field-v108
input:focus,
#information-create-overlay .information-edit-field-v108
textarea:focus{

  border-color:
    rgba(35,121,226,.70)
    !important;

  background:
    rgba(255,255,255,.88)
    !important;

  box-shadow:
    0 0 0 4px
    rgba(32,126,230,.10),
    inset 0 1px 0
    rgba(255,255,255,.96)
    !important;

}
#information-create-overlay .information-edit-field-v108
input[readonly]{

  border-color:
    rgba(134,160,187,.18)
    !important;

  background:
    rgba(230,239,248,.52)
    !important;

  color:
    #71869c
    !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.72)
    !important;

}
#information-create-overlay .information-edit-field-v108
> span{

  color:
    #7a90a8
    !important;

  font-size:
    10.5px
    !important;

  letter-spacing:
    .01em
    !important;

}
#information-create-overlay .information-detail-panel{

  scrollbar-width:
    thin
    !important;

  scrollbar-color:
    rgba(78,135,198,.38)
    transparent
    !important;

}
#information-create-overlay .information-detail-panel::-webkit-scrollbar{

  width:
    7px
    !important;

}
#information-create-overlay .information-detail-panel::-webkit-scrollbar-track{

  background:
    transparent
    !important;

}
#information-create-overlay .information-detail-panel::-webkit-scrollbar-thumb{

  border:
    2px solid
    transparent
    !important;

  border-radius:
    999px
    !important;

  background:
    rgba(66,127,194,.34)
    !important;

  background-clip:
    padding-box
    !important;

}
#information-create-overlay .information-edit-v108{

  animation:
    atosyInformationLiquidIn
    .19s ease-out
    both
    !important;

}
@media (max-width: 760px){#information-create-overlay .information-detail-panel{

    border-radius:
      22px
      !important;

  }
#information-create-overlay .information-detail-header{

    padding:
      20px
      !important;

  }
#information-create-overlay .information-detail-content{

    padding:
      14px
      !important;

  }
#information-create-overlay .information-edit-toolbar-v108{

    padding:
      13px
      !important;

  }
}
#information-create-overlay.information-detail-overlay{
  z-index: 11000 !important;
}
#information-create-overlay
.information-detail-content{

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

  overscroll-behavior:
    contain !important;

  scroll-behavior:
    auto !important;

  -webkit-overflow-scrolling:
    touch;

  contain:
    layout paint style;

  transform:
    translateZ(0);

}
#information-create-overlay
.information-profile-section-v107,
#information-create-overlay
.information-profile-summary-card,
#information-create-overlay
.information-profile-section,
#information-create-overlay
.information-profile-technical{

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

}
#information-create-overlay
.information-profile-section-v107,
#information-create-overlay
.information-profile-section,
#information-create-overlay
.information-profile-summary-card{

  box-shadow:
    0 6px 18px
    rgba(18,61,117,.055)
    !important;

}
#information-create-overlay
.information-profile-section-v107,
#information-create-overlay
.information-profile-section{

  contain:
    layout paint style;

}
@supports (content-visibility: auto){#information-create-overlay
  .information-profile-section-v107,
#information-create-overlay
  .information-profile-section{

    content-visibility:
      auto;

    contain-intrinsic-size:
      180px;

  }
}
#information-create-overlay
.information-detail-panel{

  display:
    flex !important;

  flex-direction:
    column !important;

  overflow:
    hidden !important;

}
#information-create-overlay
.information-detail-header{

  flex:
    0 0 auto !important;

}
#information-create-overlay
.information-detail-content{

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

  padding:
    18px 20px 28px !important;

  scrollbar-width:
    thin !important;

  scrollbar-color:
    #aac5ec transparent !important;




  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

  scroll-behavior:
    auto !important;

  overscroll-behavior:
    auto !important;

}
#information-create-overlay
.information-detail-content::-webkit-scrollbar{

  width:
    8px !important;

}
#information-create-overlay
.information-detail-content::-webkit-scrollbar-track{

  background:
    transparent !important;

}
#information-create-overlay
.information-detail-content::-webkit-scrollbar-thumb{

  background:
    #aac5ec !important;

  border-radius:
    999px !important;

  border:
    2px solid transparent !important;

  background-clip:
    padding-box !important;

}
#information-create-overlay
.information-profile-section-v107,
#information-create-overlay
.information-profile-section,
#information-create-overlay
.information-profile-summary-card,
#information-create-overlay
.information-profile-technical{

  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

}
#information-create-overlay
.information-detail-panel{

  width:
    min(
      900px,
      calc(100vw - 80px)
    ) !important;

  max-width:
    900px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;

}
@media (max-width: 760px){#information-create-overlay
  .information-detail-panel{

    width:
      calc(100vw - 24px)
      !important;

    max-width:
      calc(100vw - 24px)
      !important;

  }
}
#information-create-overlay
.information-detail-panel{

  height:
    min(
      720px,
      calc(100vh - 140px)
    ) !important;

  max-height:
    min(
      720px,
      calc(100vh - 140px)
    ) !important;

  min-height:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  overflow:
    hidden !important;

}
#information-create-overlay
.information-detail-header{

  flex:
    0 0 auto !important;

}
#information-create-overlay
.information-detail-content{

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

}
@media (max-height: 820px){#information-create-overlay
  .information-detail-panel{

    height:
      calc(100vh - 90px)
      !important;

    max-height:
      calc(100vh - 90px)
      !important;

  }
}
@media (max-width: 760px){#information-create-overlay
  .information-detail-panel{

    height:
      calc(100vh - 24px)
      !important;

    max-height:
      calc(100vh - 24px)
      !important;

  }
}
#information-create-overlay{

  align-items:
    center !important;

  justify-content:
    center !important;

  padding:
    24px !important;

  box-sizing:
    border-box !important;

}
#information-create-overlay
.information-detail-panel{

  height:
    auto !important;

  min-height:
    0 !important;

  max-height:
    calc(100vh - 48px)
    !important;

  overflow:
    hidden !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  margin:
    0 auto !important;

}
#information-create-overlay
.information-detail-header{

  flex:
    0 0 auto !important;

}
#information-create-overlay
.information-detail-content{

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

}
@media (min-height: 900px){#information-create-overlay
  .information-detail-panel{

    max-height:
      min(
        760px,
        calc(100vh - 48px)
      )
      !important;

  }
}
@media (max-height: 760px){#information-create-overlay{

    padding:
      12px !important;

  }
#information-create-overlay
  .information-detail-panel{

    max-height:
      calc(100vh - 24px)
      !important;

  }
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])){
  box-sizing: border-box !important;
  display: flex !important;
  position: fixed !important;
  inset: 0px !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: normal !important;
  padding: 128px 18px 18px !important;
  margin: 0px !important;
  background: rgba(5, 35, 82, 0.22) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  z-index: 9000 !important;
  width: auto !important;
  height: auto !important;
  backdrop-filter: blur(5px) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-panel{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgba(10, 52, 108, 0.97), rgba(5, 27, 66, 0.98)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 65px 0px, rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  width: min(760px, calc(100vw - 110px)) !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header{
  box-sizing: border-box !important;
  display: grid !important;
  position: relative !important;
  inset: 0px !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 22px 24px 20px !important;
  margin: 0px !important;
  background: radial-gradient(at 92% 0%, rgba(116, 166, 229, 0.16), rgba(0, 0, 0, 0) 52%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(115deg, rgb(6, 28, 67) 0%, rgb(10, 50, 108) 62%, rgb(16, 66, 122) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.2) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  grid-template-rows: 58px minmax(30.375px, auto) minmax(35.625px, auto) !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header > div:first-child{
  display: contents !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header::after{
  content: none !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header > div:first-child > span{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: 1.98px !important;
  text-transform: uppercase !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin-bottom: 18px !important;
  opacity: 0.75 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header-actions{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  height: 40px !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  z-index: 1 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-header > div:first-child::before{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.16) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  content: "A" !important;
  width: 66px !important;
  height: 66px !important;
  grid-column: 1 !important;
  grid-row: 2 / 4 !important;
  align-self: center !important;
  transform: none !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) #information-create-title{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 28.75px !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: end !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-meta{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 7px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  align-self: start !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-chip{
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  height: auto !important;
  max-width: 100% !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-chip.classification{
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(137, 92, 246, 0.32) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-right: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-bottom: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-left: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  max-width: 330px !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-edit-trigger{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.12) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 38px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-close-btn{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 1px 6px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.08) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) #information-create-content{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 28px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(170, 197, 236) rgba(0, 0, 0, 0) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-v107{
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 14px 0px 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(12, 50, 103) 0%, rgb(9, 43, 89) 56%, rgb(7, 31, 70) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.11) 0px 1px 0px 0px inset, rgba(0, 10, 34, 0.12) 0px 5px 15px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-body-v107{
  padding: 0 !important;
  background: transparent !important;
  color: rgb(242, 247, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-header-v107{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(36, 81, 132), rgb(27, 58, 99)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(245, 249, 255) !important;
  border-top: 0px none rgb(245, 249, 255) !important;
  border-right: 0px none rgb(245, 249, 255) !important;
  border-bottom: 1px solid rgba(171, 208, 239, 0.21) !important;
  border-left: 0px none rgb(245, 249, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(246, 253, 255, 0.2) 0px 1px 0px 0px inset, rgba(3, 18, 36, 0.23) 0px -1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(245, 249, 255) !important;
  min-height: 50px !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-icon-v107{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 0 32px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: var(--section-color) !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 13px color-mix(in srgb, var(--section-color) 25%, transparent) !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-heading-v107{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-heading-v107 strong{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-heading-v107 span{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 2px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-grid-v107{
  box-sizing: border-box !important;
  display: grid !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 0px !important;
  padding: 4px 14px 10px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-field-v107{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 11px 9px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 1px solid rgb(237, 242, 248) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-field-v107:nth-last-child(-n+2){
  border-bottom-color: transparent !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-field-label-v107{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 4px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(172, 197, 224) !important;
  border-top: 0px none rgb(172, 197, 224) !important;
  border-right: 0px none rgb(172, 197, 224) !important;
  border-bottom: 0px none rgb(172, 197, 224) !important;
  border-left: 0px none rgb(172, 197, 224) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(172, 197, 224) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-field-value-v107{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(242, 247, 255) !important;
  border-top: 0px none rgb(242, 247, 255) !important;
  border-right: 0px none rgb(242, 247, 255) !important;
  border-bottom: 0px none rgb(242, 247, 255) !important;
  border-left: 0px none rgb(242, 247, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(242, 247, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107.tone-blue{
  --section-color: #287be8 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .tone-blue > .information-profile-section-header-v107{
  background: linear-gradient(90deg, #245184, #1b3a63) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107.tone-purple{
  --section-color: #7c55e9 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .tone-purple > .information-profile-section-header-v107{
  background: linear-gradient(90deg, #493b7a, #312858) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107.tone-green{
  --section-color: #0dac85 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .tone-green > .information-profile-section-header-v107{
  background: linear-gradient(90deg, #1d615b, #174540) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107.tone-orange{
  --section-color: #ed8b2d !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .tone-orange > .information-profile-section-header-v107{
  background: linear-gradient(90deg, #705139, #49382f) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-section-v107.tone-cyan{
  --section-color: #169bc1 !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .tone-cyan > .information-profile-section-header-v107{
  background: linear-gradient(90deg, #17647c, #14465f) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) :is(.information-profile-path-v107, .information-profile-content-v107, .information-profile-resource-v107, .information-profile-empty-v107){
  background: transparent !important;
  color: rgb(242, 247, 255) !important;
  border-color: rgba(154, 201, 255, .23) !important;
  overflow-wrap: anywhere !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) :is(.information-profile-path-v107 > span, .information-profile-category-chip-v107 small, .information-profile-resource-copy-v107 > span){
  color: rgb(172, 197, 224) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) :is(.information-profile-path-v107 > strong, .information-profile-category-chip-v107 strong, .information-profile-resource-copy-v107 > strong){
  color: rgb(242, 247, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-category-chip-v107{
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgb(255, 255, 255) !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) :is(.information-profile-path-v107 > span, .information-profile-category-chip-v107 small, .information-profile-resource-copy-v107 > span){
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) :is(.information-profile-path-v107 > strong, .information-profile-category-chip-v107 strong, .information-profile-resource-copy-v107 > strong, .information-profile-empty-v107, .information-profile-content-v107){
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-content-v107{
  line-height: 1.45 !important;
  white-space: pre-wrap !important;
}
@media (max-width: 1180px){#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-panel{
  width: min(900px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}
}
@media (max-width: 880px){#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])){
  padding: 8px !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-detail-panel{
  width: 100% !important;
  border-radius: 22px !important;
}
#information-create-overlay:not(.hidden):not(:has(.information-edit-v108, [data-info-create-field])) .information-profile-grid-v107{
  grid-template-columns: 1fr !important;
}
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)){
  box-sizing: border-box !important;
  display: flex !important;
  position: fixed !important;
  inset: 0px !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: normal !important;
  padding: 128px 18px 18px !important;
  margin: 0px !important;
  background: rgba(5, 35, 82, 0.22) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  z-index: 9000 !important;
  width: auto !important;
  height: auto !important;
  backdrop-filter: blur(5px) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgba(10, 52, 108, 0.97), rgba(5, 27, 66, 0.98)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 65px 0px, rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  width: min(760px, calc(100vw - 110px)) !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
  animation: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header{
  box-sizing: border-box !important;
  display: grid !important;
  position: relative !important;
  inset: 0px !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 22px 24px 20px !important;
  margin: 0px !important;
  background: radial-gradient(at 92% 0%, rgba(116, 166, 229, 0.16), rgba(0, 0, 0, 0) 52%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(115deg, rgb(6, 28, 67) 0%, rgb(10, 50, 108) 62%, rgb(16, 66, 122) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.2) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  grid-template-rows: 58px minmax(30.375px, auto) minmax(35.625px, auto) !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child{
  display: contents !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header::after{
  content: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child > span{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: 1.98px !important;
  text-transform: uppercase !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin-bottom: 18px !important;
  opacity: 0.75 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header-actions{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  height: 40px !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  z-index: 1 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child::before{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.16) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: 20px !important;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  content: "\270e" !important;
  width: 66px !important;
  height: 66px !important;
  grid-column: 1 !important;
  grid-row: 2 / 4 !important;
  align-self: center !important;
  transform: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) #information-create-title{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 28.75px !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: end !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-meta{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 8px !important;
  padding: 0px !important;
  margin: 7px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  align-self: start !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-chip{
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.13) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  height: auto !important;
  max-width: 100% !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-chip.classification{
  box-sizing: border-box !important;
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  background: rgba(137, 92, 246, 0.32) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-right: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-bottom: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-left: 1px solid rgba(221, 205, 255, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 27px !important;
  max-width: 330px !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-edit-trigger{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.12) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  min-height: 38px !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-close-btn{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 1px 6px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.08) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  cursor: pointer !important;
  transform: none !important;
  backdrop-filter: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) #information-create-content{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 28px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(170, 197, 236) rgba(0, 0, 0, 0) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) #information-create-content{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 18px 20px 30px !important;
  margin: 0px !important;
  background: radial-gradient(at 7% 2%, rgba(56, 115, 195, 0.1), rgba(0, 0, 0, 0) 50%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(160deg, rgb(9, 44, 97) 0%, rgb(7, 31, 73) 70%, rgb(6, 27, 64) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-height: 0 !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-cancel-btn-v108{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  height: 38px !important;
  min-height: 38px !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-save-btn-v108{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 14px !important;
  margin: 0px !important;
  background: rgb(25, 185, 120) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: rgba(0, 100, 60, 0.2) 0px 6px 16px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  height: 38px !important;
  min-height: 38px !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transform: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header-actions::before{
  content: none !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-v108{
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 14px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(12, 50, 103) 0%, rgb(9, 43, 89) 56%, rgb(7, 31, 70) 100%) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.23) !important;
  border-radius: 22px !important;
  box-shadow: rgba(255, 255, 255, 0.11) 0px 1px 0px 0px inset, rgba(0, 10, 34, 0.12) 0px 5px 15px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-head-v108{
  box-sizing: border-box !important;
  display: flex !important;
  position: relative !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 12px !important;
  padding: 14px 18px 13px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(36, 81, 132), rgb(27, 58, 99)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(245, 249, 255) !important;
  border-top: 0px none rgb(245, 249, 255) !important;
  border-right: 0px none rgb(245, 249, 255) !important;
  border-bottom: 1px solid rgba(90, 130, 180, 0.12) !important;
  border-left: 0px none rgb(245, 249, 255) !important;
  border-radius: 0px !important;
  box-shadow: rgba(246, 253, 255, 0.2) 0px 1px 0px 0px inset, rgba(3, 18, 36, 0.23) 0px -1px 0px 0px inset !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(245, 249, 255) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108{
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108 strong{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-title-v108 span{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 2px 0px 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(240, 246, 255) !important;
  border-top: 0px none rgb(240, 246, 255) !important;
  border-right: 0px none rgb(240, 246, 255) !important;
  border-bottom: 0px none rgb(240, 246, 255) !important;
  border-left: 0px none rgb(240, 246, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 13.65px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(240, 246, 255) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-grid-v108{
  box-sizing: border-box !important;
  display: grid !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: 12px !important;
  padding: 16px 18px 18px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-body-v108{
  padding: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(247, 251, 255) !important;
  border-top: 0px none rgb(247, 251, 255) !important;
  border-right: 0px none rgb(247, 251, 255) !important;
  border-bottom: 0px none rgb(247, 251, 255) !important;
  border-left: 0px none rgb(247, 251, 255) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(247, 251, 255) !important;
  min-width: 0 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108.full{
  grid-column: 1 / -1 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 > span{
  box-sizing: border-box !important;
  display: block !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px 0px 6px !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(190, 212, 239) !important;
  border-top: 0px none rgb(190, 212, 239) !important;
  border-right: 0px none rgb(190, 212, 239) !important;
  border-bottom: 0px none rgb(190, 212, 239) !important;
  border-left: 0px none rgb(190, 212, 239) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 12.5px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(190, 212, 239) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 :is(input, textarea, select){
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: normal !important;
  justify-content: normal !important;
  gap: normal !important;
  padding: 0px 11px !important;
  margin: 0px !important;
  background: rgba(5, 34, 77, 0.9) none repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(255, 255, 255) !important;
  border-top: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-right: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-bottom: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-left: 1px solid rgba(154, 201, 255, 0.3) !important;
  border-radius: 11px !important;
  box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 16.8px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: clip !important;
  overflow-y: clip !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 41px !important;
  min-height: 41px !important;
  cursor: text !important;
  caret-color: rgb(227, 243, 255) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 textarea{
  height: auto !important;
  min-height: 86px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-icon-v108{
  box-sizing: border-box !important;
  display: flex !important;
  position: static !important;
  flex: 0 0 32px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: normal !important;
  padding: 0px !important;
  margin: 0px !important;
  background: var(--section-color) !important;
  color: rgb(255, 255, 255) !important;
  border-top: 0px none rgb(255, 255, 255) !important;
  border-right: 0px none rgb(255, 255, 255) !important;
  border-bottom: 0px none rgb(255, 255, 255) !important;
  border-left: 0px none rgb(255, 255, 255) !important;
  border-radius: 10px !important;
  box-shadow: color(srgb 0.156863 0.482353 0.909804 / 0.25) 0px 5px 13px 0px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-blue{
  --section-color: #287be8 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .tone-blue > .information-edit-section-head-v108{
  background: linear-gradient(90deg, #245184, #1b3a63) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-purple{
  --section-color: #7c55e9 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .tone-purple > .information-edit-section-head-v108{
  background: linear-gradient(90deg, #493b7a, #312858) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-green{
  --section-color: #0dac85 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .tone-green > .information-edit-section-head-v108{
  background: linear-gradient(90deg, #1d615b, #174540) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-orange{
  --section-color: #ed8b2d !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .tone-orange > .information-edit-section-head-v108{
  background: linear-gradient(90deg, #705139, #49382f) !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-section-v108.tone-cyan{
  --section-color: #169bc1 !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .tone-cyan > .information-edit-section-head-v108{
  background: linear-gradient(90deg, #17647c, #14465f) !important;
}
@media (max-width: 1180px){#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel{
  width: min(900px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}
}
@media (max-width: 880px){#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)){
  padding: 8px !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-panel{
  width: 100% !important;
  border-radius: 22px !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-grid-v108{
  grid-template-columns: 1fr !important;
}
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-field-v108 input[readonly]{
  cursor: not-allowed !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-toolbar-v108{
  background: rgba(0, 0, 0, 0) linear-gradient(145deg, rgb(16, 54, 106), rgb(9, 40, 86)) repeat scroll 0% 0% / auto padding-box border-box !important;
  color: rgb(217, 233, 251) !important;
  border: 1px solid rgba(154, 201, 255, 0.24) !important;
  border-radius: 12px !important;
  padding: 10px 13px !important;
  margin: 0px 0px 14px !important;
  font-family: Inter, -apple-system, "system-ui", "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: normal !important;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px 0px inset !important;
}
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-edit-toolbar-copy-v108 :is(strong, span){
  color: inherit !important;
}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-control{grid-column:1/-1;min-width:0;font:600 13px/1.45 Inter,system-ui,sans-serif}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]{width:100%;min-height:48px;border:1px solid #406393;border-radius:12px;background:#0a2a54;color:#f4f8ff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;text-align:left;cursor:pointer;font:inherit}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-trigger]:is(:hover,:focus-visible){border-color:#73adff;outline:none}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-status]{color:#ffcf9d;font-size:12px}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker{position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;width:min(680px,calc(100vw - 36px));height:420px;max-width:none;max-height:none;padding:0;background:#09254b;border:1px solid #3a628f;border-radius:14px;box-shadow:0 18px 50px #0008;color:#f3f7ff;font:400 13px/1.4 Inter,system-ui,sans-serif;overflow:hidden}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker{display:flex;flex-direction:column}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header,
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px;flex-shrink:0}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header strong{font-size:14px;font-weight:700}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker header button{border:0;background:transparent;color:white;font-size:22px;cursor:pointer;min-width:30px}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-search{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-width:0;min-height:40px;padding:7px 12px;margin:0 12px 6px;border:1px solid #40658f;border-radius:10px;background:#10345f;overflow:hidden;flex-shrink:0}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker .info-category-search input{appearance:none!important;display:block!important;flex:1 1 auto;box-sizing:border-box;min-width:0!important;width:100%!important;height:26px!important;min-height:0!important;max-height:26px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#eef5ff!important;font:400 13px/26px Inter,system-ui,sans-serif!important}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-search input::placeholder{color:#acc5e3;opacity:1}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-list{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:2px 10px}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-row{display:flex;align-items:stretch;gap:3px;margin-left:calc(var(--depth)*12px)}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;background:transparent;border:0;color:#edf5ff;text-align:left;cursor:pointer;border-radius:7px;font:500 13px/1.4 Inter,system-ui,sans-serif}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]>span{min-width:0;overflow-wrap:anywhere;line-height:1.35}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row]:hover,
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row][aria-pressed="true"]{background:#21518b}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-row] small{display:block;font-size:11px;font-weight:400;line-height:1.35;color:#f0f6ff;margin-top:2px}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) [data-info-category-expand]{flex:0 0 30px;background:transparent;color:#d9e9ff;border:0;cursor:pointer;font:500 16px/1.4 Inter,system-ui,sans-serif}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-empty{padding:15px;color:#b1cae9}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-notice{padding:0 14px 8px;color:#ffcf9d;font-size:12px;flex-shrink:0}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-notice:empty{display:none}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer{border-top:1px solid #31547e}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-path{flex:1;min-width:0;overflow-wrap:anywhere;color:#c2d6f3;font-size:12px}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer button{padding:9px 12px;border:0;border-radius:8px;background:#10345f;color:white;cursor:pointer;white-space:nowrap;font:600 13px/1.4 Inter,system-ui,sans-serif}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker footer [data-info-category-confirm]{background:#1379e9}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker button:disabled{opacity:.5;cursor:not-allowed}
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-picker button:focus-visible,
#information-create-overlay :is(.information-edit-v108, .info-category-portal-v3) .info-category-search:focus-within{outline:2px solid #73adff;outline-offset:-2px}
#information-create-overlay .information-edit-v108 [data-info-category-legacy-fields]{display:none!important}
#information-create-overlay .information-edit-v108 [data-info-category-chips]{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 5px 5px;min-width:0}
#information-create-overlay .information-edit-v108 [data-info-category-chip]{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
#information-create-overlay .information-edit-v108 [data-info-category-chip] small{color:rgb(172,197,224)!important;font-family:Inter,-apple-system,"system-ui","SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:normal!important;letter-spacing:normal!important}
#information-create-overlay .information-edit-v108 [data-info-category-chip] strong{color:rgb(242,247,255)!important;font-family:Inter,-apple-system,"system-ui","SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:normal!important;overflow-wrap:anywhere}
#information-create-overlay .information-edit-v108 .info-category-empty-summary{color:rgb(172,197,224);font:400 12px/1.4 Inter,system-ui,sans-serif}
#information-create-overlay .info-category-portal-v3 .info-category-picker footer{flex-wrap:wrap}
#information-create-overlay .info-category-portal-v3 .info-category-path{max-height:36px;overflow:auto}
#information-create-overlay .info-category-portal-v3 .info-category-notice{max-height:52px;overflow:auto}
#information-create-overlay .info-category-portal-v3 .info-category-compact-v3 header{display:none}
#information-create-overlay .info-category-portal-v3 .info-category-compact-v3 .info-category-search{margin-top:8px}
#information-create-overlay .info-category-portal-v3 .info-category-compact-v3 footer{padding:8px 12px;gap:8px}
#information-create-overlay .info-category-portal-v3 .info-category-compact-v3 .info-category-notice{max-height:28px;padding-bottom:4px}
#information-create-overlay
.information-edit-v2{

  display:
    grid;

  gap:
    16px;

}
#information-create-overlay
.information-edit-v2-intro{

  padding:
    16px 20px;

  border:
    1px solid
    rgba(255,255,255,.7);

  border-radius:
    18px;

  background:
    rgba(255,255,255,.72);

  box-shadow:
    0 10px 28px
    rgba(28,68,120,.06);

  backdrop-filter:
    blur(18px);

}
#information-create-overlay
.information-edit-v2-intro strong{

  display:
    block;

  color:
    #123d75;

  font-size:
    16px;

  font-weight:
    800;

}
#information-create-overlay
.information-edit-v2-intro span{

  display:
    block;

  margin-top:
    3px;

  color:
    #7890aa;

  font-size:
    12px;

  font-weight:
    600;

}
#information-create-overlay
.information-edit-v2-message{

  display:
    none;

  padding:
    10px 14px;

  border-radius:
    12px;

  font-size:
    12px;

  font-weight:
    750;

}
#information-create-overlay
.information-edit-v2-message:not(:empty){

  display:
    block;

  color:
    #1f6f50;

  background:
    #e9fbf3;

  border:
    1px solid
    #bdebd8;

}
#information-create-overlay
.information-edit-v2-message.is-error{

  color:
    #b8352e;

  background:
    #fff0ed;

  border-color:
    #ffc8c1;

}
#information-create-overlay
.information-edit-v2-card{

  overflow:
    hidden;

  border:
    1px solid
    rgba(255,255,255,.84);

  border-radius:
    20px;

  background:
    rgba(255,255,255,.80);

  box-shadow:
    0 12px 34px
    rgba(18,61,117,.06);

  backdrop-filter:
    blur(20px);

}
#information-create-overlay
.information-edit-v2-card-head{

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  padding:
    14px 18px;

  border-bottom:
    1px solid
    rgba(55,98,145,.10);

}
#information-create-overlay
.information-edit-v2-card-icon{

  width:
    38px;

  height:
    38px;

  flex:
    0 0 38px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    11px;

  color:
    #fff;

  font-size:
    15px;

  font-weight:
    850;

  box-shadow:
    0 7px 16px
    rgba(26,84,170,.18);

}
#information-create-overlay
.information-edit-v2-card-head strong{

  display:
    block;

  color:
    #153c70;

  font-size:
    15px;

  font-weight:
    800;

}
#information-create-overlay
.information-edit-v2-card-head span{

  display:
    block;

  margin-top:
    2px;

  color:
    #8196ae;

  font-size:
    11px;

  font-weight:
    600;

}
#information-create-overlay
.information-edit-v2-card-body{

  padding:
    16px 18px 18px;

}
#information-create-overlay
.information-edit-v2-grid{

  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap:
    14px;

}
#information-create-overlay
.information-edit-v2-field{

  min-width:
    0;

  display:
    grid;

  gap:
    6px;

}
#information-create-overlay
.information-edit-v2-field.is-full{

  grid-column:
    1 / -1;

}
#information-create-overlay
.information-edit-v2-label{

  color:
    #7087a2;

  font-size:
    11px;

  font-weight:
    750;

}
#information-create-overlay
.information-edit-v2-field input,
#information-create-overlay
.information-edit-v2-field textarea{

  width:
    100%;

  box-sizing:
    border-box;

  padding:
    12px 14px;

  border:
    1px solid
    #c9daee;

  border-radius:
    13px;

  outline:
    none;

  color:
    #123d75;

  background:
    rgba(248,251,255,.92);

  font:
    inherit;

  font-size:
    13px;

  font-weight:
    650;

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;

}
#information-create-overlay
.information-edit-v2-field textarea{

  resize:
    vertical;

  line-height:
    1.55;

}
#information-create-overlay
.information-edit-v2-field input:focus,
#information-create-overlay
.information-edit-v2-field textarea:focus{

  border-color:
    #5c9fff;

  background:
    #fff;

  box-shadow:
    0 0 0 4px
    rgba(44,125,240,.10);

}
#information-create-overlay
.information-edit-v2-field input[readonly]{

  color:
    #7890aa;

  background:
    #edf3fa;

  cursor:
    default;

}
#information-create-overlay
.information-edit-v2-card.tone-blue
.information-edit-v2-card-icon{

  background:
    #287eea;

}
#information-create-overlay
.information-edit-v2-card.tone-green
.information-edit-v2-card-icon{

  background:
    #12ad83;

}
#information-create-overlay
.information-edit-v2-card.tone-purple
.information-edit-v2-card-icon{

  background:
    #8054e8;

}
#information-create-overlay
.information-edit-v2-card.tone-orange
.information-edit-v2-card-icon{

  background:
    #ed8540;

}
#information-create-overlay
.information-edit-v2-card.tone-cyan
.information-edit-v2-card-icon{

  background:
    #1896b8;

}
#information-create-overlay
.information-edit-v2-cancel,
#information-create-overlay
.information-edit-v2-save{

  height:
    38px;

  min-height:
    38px;

  padding:
    0 14px;

  border-radius:
    999px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  font-family:
    inherit;

  font-size:
    12px;

  line-height:
    1;

  font-weight:
    750;

  white-space:
    nowrap;

  cursor:
    pointer;

}
#information-create-overlay
.information-edit-v2-cancel{

  color:
    #fff;

  background:
    rgba(255,255,255,.10);

  border:
    1px solid
    rgba(255,255,255,.28);

}
#information-create-overlay
.information-edit-v2-save{

  color:
    #fff;

  background:
    #19b978;

  border:
    1px solid
    rgba(255,255,255,.36);

  box-shadow:
    0 6px 16px
    rgba(0,100,60,.20);

}
#information-create-overlay
.information-edit-v2-save:disabled{

  opacity:
    .72;

  cursor:
    wait;

}
@media (max-width: 760px){#information-create-overlay
  .information-edit-v2-grid{

    grid-template-columns:
      1fr;

  }
#information-create-overlay
  .information-edit-v2-field.is-full{

    grid-column:
      auto;

  }
}
#information-create-overlay.information-edit-v2-active
.information-detail-header{

  position:
    relative !important;

  min-height:
    156px !important;

  padding:
    22px 250px 20px 24px !important;

  box-sizing:
    border-box !important;

  overflow:
    hidden !important;

}
#information-create-overlay
.information-detail-header-actions::before,
#information-create-overlay
.information-detail-header-actions::after{

  content:
    none !important;

  display:
    none !important;

}
#information-create-overlay
.information-detail-header-actions{

  position:
    absolute !important;

  top:
    22px !important;

  right:
    24px !important;

  left:
    auto !important;

  bottom:
    auto !important;

  width:
    auto !important;

  height:
    auto !important;

  min-width:
    0 !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    8px !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  transform:
    none !important;

  z-index:
    20 !important;

}
#information-create-overlay
.information-edit-v2-cancel,
#information-create-overlay
.information-edit-v2-save{

  position:
    static !important;

  inset:
    auto !important;

  width:
    auto !important;

  min-width:
    64px !important;

  max-width:
    none !important;

  height:
    44px !important;

  min-height:
    44px !important;

  max-height:
    44px !important;

  margin:
    0 !important;

  padding:
    0 16px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    6px !important;

  border-radius:
    15px !important;

  font-family:
    inherit !important;

  font-size:
    13px !important;

  line-height:
    1 !important;

  font-weight:
    750 !important;

  letter-spacing:
    0 !important;

  white-space:
    nowrap !important;

  text-transform:
    none !important;

  transform:
    none !important;

  cursor:
    pointer !important;

  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease !important;

}
#information-create-overlay
.information-edit-v2-cancel{

  color:
    rgba(255,255,255,.96) !important;

  background:
    rgba(255,255,255,.10) !important;

  border:
    1px solid
    rgba(255,255,255,.30) !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.08) !important;

}
#information-create-overlay
.information-edit-v2-cancel:hover{

  background:
    rgba(255,255,255,.17) !important;

  border-color:
    rgba(255,255,255,.42) !important;

}
#information-create-overlay
.information-edit-v2-save{

  min-width:
    76px !important;

  color:
    #fff !important;

  background:
    linear-gradient(
      180deg,
      #26c883 0%,
      #12ad70 100%
    ) !important;

  border:
    1px solid
    rgba(255,255,255,.38) !important;

  box-shadow:
    0 8px 18px
    rgba(0,102,67,.24),
    inset 0 1px 0
    rgba(255,255,255,.20) !important;

}
#information-create-overlay
.information-edit-v2-save:hover{

  transform:
    translateY(-1px) !important;

  box-shadow:
    0 10px 22px
    rgba(0,102,67,.30),
    inset 0 1px 0
    rgba(255,255,255,.22) !important;

}
#information-create-overlay
.information-edit-v2-cancel:active,
#information-create-overlay
.information-edit-v2-save:active{

  transform:
    scale(.97) !important;

}
#information-create-overlay
.information-detail-header-actions
.information-detail-close-btn,
#information-create-overlay
.information-detail-header-actions
[data-information-detail-close]{

  position:
    static !important;

  inset:
    auto !important;

  width:
    44px !important;

  min-width:
    44px !important;

  max-width:
    44px !important;

  height:
    44px !important;

  min-height:
    44px !important;

  max-height:
    44px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  display:
    inline-grid !important;

  place-items:
    center !important;

  border-radius:
    50% !important;

  color:
    #fff !important;

  background:
    rgba(255,255,255,.10) !important;

  border:
    1px solid
    rgba(255,255,255,.30) !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.08) !important;

  font-family:
    inherit !important;

  font-size:
    28px !important;

  line-height:
    1 !important;

  font-weight:
    300 !important;

  transform:
    none !important;

  cursor:
    pointer !important;

}
#information-create-overlay
.information-detail-header-actions
.information-detail-close-btn:hover{

  background:
    rgba(255,255,255,.18) !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-title{

  max-width:
    min(620px, calc(100% - 250px)) !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-meta{

  max-width:
    min(620px, calc(100% - 250px)) !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-content{

  padding:
    26px !important;

  background:
    linear-gradient(
      180deg,
      #eef5fc 0%,
      #edf4fb 100%
    ) !important;

}
#information-create-overlay
.information-edit-v2{

  max-width:
    100% !important;

  display:
    grid !important;

  gap:
    16px !important;

}
#information-create-overlay
.information-edit-v2-intro{

  min-height:
    62px !important;

  box-sizing:
    border-box !important;

  padding:
    14px 18px !important;

  border-radius:
    15px !important;

  border:
    1px solid
    #d8e8f8 !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.94),
      rgba(247,251,255,.90)
    ) !important;

  box-shadow:
    0 8px 22px
    rgba(25,70,120,.05) !important;

}
#information-create-overlay
.information-edit-v2-intro strong{

  font-size:
    15px !important;

  line-height:
    1.25 !important;

  color:
    #173f71 !important;

}
#information-create-overlay
.information-edit-v2-intro span{

  margin-top:
    4px !important;

  font-size:
    11.5px !important;

  line-height:
    1.35 !important;

  color:
    #7f94ac !important;

}
#information-create-overlay
.information-edit-v2-card{

  border:
    1px solid
    #d9e6f4 !important;

  border-radius:
    20px !important;

  background:
    rgba(255,255,255,.92) !important;

  box-shadow:
    0 10px 28px
    rgba(28,66,112,.055) !important;

}
#information-create-overlay
.information-edit-v2-card-head{

  min-height:
    64px !important;

  box-sizing:
    border-box !important;

  padding:
    12px 18px !important;

  gap:
    12px !important;

}
#information-create-overlay
.information-edit-v2-card-head strong{

  font-size:
    14px !important;

  line-height:
    1.25 !important;

}
#information-create-overlay
.information-edit-v2-card-head span{

  margin-top:
    2px !important;

  font-size:
    11px !important;

  line-height:
    1.25 !important;

}
#information-create-overlay
.information-edit-v2-card-icon{

  width:
    38px !important;

  min-width:
    38px !important;

  height:
    38px !important;

  border-radius:
    11px !important;

}
#information-create-overlay
.information-edit-v2-card.tone-blue
.information-edit-v2-card-head{

  background:
    linear-gradient(
      90deg,
      rgba(39,126,234,.055),
      rgba(255,255,255,.55)
    ) !important;

}
#information-create-overlay
.information-edit-v2-card.tone-green
.information-edit-v2-card-head{

  background:
    linear-gradient(
      90deg,
      rgba(18,173,131,.06),
      rgba(255,255,255,.55)
    ) !important;

}
#information-create-overlay
.information-edit-v2-card.tone-purple
.information-edit-v2-card-head{

  background:
    linear-gradient(
      90deg,
      rgba(128,84,232,.06),
      rgba(255,255,255,.55)
    ) !important;

}
#information-create-overlay
.information-edit-v2-card.tone-orange
.information-edit-v2-card-head{

  background:
    linear-gradient(
      90deg,
      rgba(237,133,64,.06),
      rgba(255,255,255,.55)
    ) !important;

}
#information-create-overlay
.information-edit-v2-card.tone-cyan
.information-edit-v2-card-head{

  background:
    linear-gradient(
      90deg,
      rgba(24,150,184,.06),
      rgba(255,255,255,.55)
    ) !important;

}
#information-create-overlay
.information-edit-v2-card-body{

  padding:
    16px 18px 18px !important;

}
#information-create-overlay
.information-edit-v2-grid{

  gap:
    14px !important;

}
#information-create-overlay
.information-edit-v2-label{

  margin-left:
    2px !important;

  color:
    #7087a2 !important;

  font-size:
    10.5px !important;

  line-height:
    1.2 !important;

  font-weight:
    750 !important;

}
#information-create-overlay
.information-edit-v2-field input,
#information-create-overlay
.information-edit-v2-field textarea{

  min-height:
    46px !important;

  padding:
    11px 14px !important;

  border:
    1px solid
    #c9d9eb !important;

  border-radius:
    13px !important;

  background:
    #f8fbff !important;

  color:
    #123d75 !important;

  font-family:
    inherit !important;

  font-size:
    13px !important;

  line-height:
    1.35 !important;

  font-weight:
    650 !important;

  box-shadow:
    inset 0 1px 1px
    rgba(25,65,110,.02) !important;

}
#information-create-overlay
.information-edit-v2-field input:hover,
#information-create-overlay
.information-edit-v2-field textarea:hover{

  border-color:
    #a9c8eb !important;

  background:
    #fbfdff !important;

}
#information-create-overlay
.information-edit-v2-field input:focus,
#information-create-overlay
.information-edit-v2-field textarea:focus{

  border-color:
    #4c91e8 !important;

  background:
    #fff !important;

  box-shadow:
    0 0 0 4px
    rgba(43,126,226,.10) !important;

}
#information-create-overlay
.information-edit-v2-field input[readonly]{

  color:
    #7d91aa !important;

  background:
    #edf3f9 !important;

  border-color:
    #d4e0ed !important;

}
#information-create-overlay
.information-edit-v2-message:not(:empty){

  margin:
    -2px 0 0 !important;

  padding:
    11px 14px !important;

  border-radius:
    12px !important;

  font-size:
    12px !important;

  line-height:
    1.35 !important;

}
#information-create-overlay
.information-edit-v2-message.is-error{

  color:
    #c33a32 !important;

  background:
    #fff1ef !important;

  border:
    1px solid
    #f3c3bd !important;

}
@media (max-width: 760px){#information-create-overlay.information-edit-v2-active
  .information-detail-header{

    padding:
      82px 18px 20px !important;

  }
#information-create-overlay
  .information-detail-header-actions{

    top:
      18px !important;

    right:
      18px !important;

  }
#information-create-overlay.information-edit-v2-active
  .information-detail-title,
#information-create-overlay.information-edit-v2-active
  .information-detail-meta{

    max-width:
      100% !important;

  }
#information-create-overlay.information-edit-v2-active
  .information-detail-content{

    padding:
      16px !important;

  }
}
#information-create-overlay
.information-edit-v2-intro,
#information-create-overlay
.information-edit-v2-card{

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

}
#information-create-overlay
.information-edit-v2-intro{

  background:
    rgba(250,253,255,.96)
    !important;

}
#information-create-overlay
.information-edit-v2-card{

  background:
    rgba(255,255,255,.965)
    !important;

  box-shadow:
    0 6px 18px
    rgba(18,61,117,.05)
    !important;

  contain:
    layout paint style;

}
@supports (content-visibility: auto){#information-create-overlay
  .information-edit-v2-card{

    content-visibility:
      auto;

    contain-intrinsic-size:
      220px;

  }
}
#information-create-overlay
.information-edit-v2-field input,
#information-create-overlay
.information-edit-v2-field textarea{

  transition:
    border-color 120ms ease,
    background 120ms ease,
    box-shadow 120ms ease
    !important;

}
#information-create-overlay
.information-edit-v2-card,
#information-create-overlay
.information-edit-v2-intro{

  transform:
    none !important;

  will-change:
    auto !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-content{

  flex:
    1 1 auto !important;

  min-height:
    0 !important;

  overflow-y:
    auto !important;

  overflow-x:
    hidden !important;

  padding:
    18px 20px 30px !important;

  background:
    #f5f9ff !important;

  scrollbar-width:
    thin !important;

  scrollbar-color:
    #aac5ec transparent !important;

  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

  scroll-behavior:
    auto !important;

  overscroll-behavior:
    auto !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-content::-webkit-scrollbar{

  width:
    8px !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-content::-webkit-scrollbar-track{

  background:
    transparent !important;

}
#information-create-overlay.information-edit-v2-active
.information-detail-content::-webkit-scrollbar-thumb{

  background:
    #aac5ec !important;

  border-radius:
    999px !important;

  border:
    2px solid transparent !important;

  background-clip:
    padding-box !important;

}
#information-create-overlay
.information-edit-v2-card,
#information-create-overlay
.information-edit-v2-intro{

  contain:
    none !important;

  content-visibility:
    visible !important;

  transform:
    none !important;

  will-change:
    auto !important;

}
#information-create-overlay
.information-edit-v2-card{

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

  background:
    #fff !important;

  box-shadow:
    0 7px 18px
    rgba(45,82,135,.06)
    !important;

}
#information-create-overlay
.information-edit-v2-intro{

  -webkit-backdrop-filter:
    none !important;

  backdrop-filter:
    none !important;

}
#information-create-overlay
.information-detail-header-actions{

  position:
    absolute !important;

  top:
    22px !important;

  right:
    22px !important;

  left:
    auto !important;

  bottom:
    auto !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    8px !important;

  width:
    auto !important;

  height:
    44px !important;

  min-height:
    44px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  transform:
    none !important;

  z-index:
    80 !important;

}
#information-create-overlay
.information-detail-header-actions
.information-action-t158{

  position:
    static !important;

  inset:
    auto !important;

  flex:
    0 0 auto !important;

  height:
    44px !important;

  min-height:
    44px !important;

  margin:
    0 !important;

  font-family:
    inherit !important;

  font-size:
    13px !important;

  line-height:
    1 !important;

  font-weight:
    750 !important;

  white-space:
    nowrap !important;

  cursor:
    pointer !important;

  transition:
    transform 150ms ease,
    opacity 150ms ease,
    background 170ms ease,
    box-shadow 170ms ease !important;

}
#information-create-overlay
[data-information-t158-edit]{

  min-width:
    78px !important;

  padding:
    0 15px !important;

  border-radius:
    15px !important;

}
#information-create-overlay
[data-information-t158-cancel]{

  min-width:
    64px !important;

  padding:
    0 15px !important;

  border-radius:
    15px !important;

  color:
    #fff !important;

  background:
    rgba(255,255,255,.11) !important;

  border:
    1px solid
    rgba(255,255,255,.30) !important;

}
#information-create-overlay
[data-information-t158-save]{

  min-width:
    118px !important;

  padding:
    0 17px !important;

  border-radius:
    15px !important;

  color:
    #fff !important;

  background:
    linear-gradient(
      180deg,
      #26c883 0%,
      #12ad70 100%
    ) !important;

  border:
    1px solid
    rgba(255,255,255,.38) !important;

  box-shadow:
    0 8px 18px
    rgba(0,102,67,.22)
    !important;

}
#information-create-overlay
[data-information-t158-close]{

  width:
    44px !important;

  min-width:
    44px !important;

  max-width:
    44px !important;

  padding:
    0 !important;

  border-radius:
    50% !important;

}
#information-create-overlay
.information-edit-toolbar-actions-v108{

  display:
    none !important;

}
#information-create-overlay
.information-edit-toolbar-v108{

  grid-template-columns:
    minmax(0, 1fr) !important;

}
#information-create-overlay
.information-detail-header.information-edit-mode-t158{

  padding-right:
    290px !important;

}
#information-create-overlay
.information-detail-content{

  transition:
    opacity 140ms ease,
    transform 140ms ease !important;

}
#information-create-overlay.information-mode-switching-t158
.information-detail-content{

  opacity:
    .82 !important;

  transform:
    translateY(2px) !important;

}
#information-create-overlay
.information-detail-header-actions{

  transition:
    opacity 140ms ease,
    transform 140ms ease !important;

}
#information-create-overlay.information-mode-switching-t158
.information-detail-header-actions{

  opacity:
    .88 !important;

}
#information-create-overlay
[data-information-t158-save].is-saving-t158{

  opacity:
    .76 !important;

  cursor:
    wait !important;

}
@media (max-width: 760px){#information-create-overlay
  .information-detail-header-actions{

    top:
      18px !important;

    right:
      18px !important;

    gap:
      6px !important;

  }
#information-create-overlay
  .information-detail-header.information-edit-mode-t158{

    padding-right:
      18px !important;

    padding-top:
      82px !important;

  }
#information-create-overlay
  [data-information-t158-save]{

    min-width:
      96px !important;

    padding:
      0 12px !important;

    font-size:
      12px !important;

  }
}
#information-create-overlay .information-detail-header-actions,
#information-create-overlay .information-detail-hero-actions,
#information-create-overlay .information-edit-top-actions{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
#information-create-overlay [data-info-create-field-cancel],
#information-create-overlay [data-info-create-field-save]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 50px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  font-weight: 800 !important;
}
#information-create-overlay [data-info-create-field-cancel]{
  min-width: 78px !important;
}
#information-create-overlay [data-info-create-field-save]{
  min-width: 138px !important;
  padding-left: 16px !important;
  padding-right: 18px !important;
}
#information-create-overlay [data-info-create-field-save] > *,
#information-create-overlay [data-info-create-field-cancel] > *{
  line-height: 1 !important;
  vertical-align: middle !important;
}
#information-create-overlay [data-info-create-field-save] svg,
#information-create-overlay [data-info-create-field-save] i,
#information-create-overlay [data-info-create-field-save] .icon,
#information-create-overlay [data-info-create-field-cancel] svg,
#information-create-overlay [data-info-create-field-cancel] i,
#information-create-overlay [data-info-create-field-cancel] .icon{
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-block !important;
}
#information-create-overlay [data-info-create-field-save]{
  letter-spacing: -0.01em !important;
}
#information-create-overlay
.information-detail-panel{

  position:
    relative !important;

}

/* Create is fully assembled before insertion. The root itself establishes navy. */
#information-create-overlay { background:rgba(5,35,82,.22)!important; }
#information-create-overlay:not(.hidden):has(> .information-detail-panel > #information-create-content > .information-edit-v108):not(:has(.information-profile-v107)) .information-detail-header > div:first-child::before { content: 'A' !important; }
#information-create-overlay #information-create-message { white-space: normal; }
#information-create-overlay [data-info-create-save][aria-disabled=true] { cursor:not-allowed!important; opacity:.65; }