:root {
  --l-bg-main: #ebeff6;
  --l-bg-soft: #ffffff;
  --l-bg-deep: #111c43;
  --l-bg-mid: #1c2b57;
  --l-bg-faint: #dbe2ed;
  --l-ink-main: #111c43;
  --l-ink-mid: #444444;
  --l-ink-soft: #a3aed1;
  --l-ink-faint: #c1c5d1;
  --l-line: #dadada;
  --l-primary: #6f96e8;
  --l-secondary: #9db3e1;
  --l-success: #41b883;
  --l-danger: #f56666;
  --l-radius-sm: 10px;
  --l-radius-md: 14px;
  --l-radius-lg: 20px;
  --l-shadow-soft: 0 10px 30px rgba(17, 28, 67, 0.1);
  --l-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238391b3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body.l-body {
  font-family: "Ubuntu", "Segoe UI", "Trebuchet MS", "Lucida Sans", sans-serif;
  color: var(--l-ink-main);
  overflow-x: hidden;
  background:
    radial-gradient(circle at top right, rgba(157, 179, 225, 0.26), transparent 50%),
    linear-gradient(140deg, #f4f7fc 0%, var(--l-bg-main) 100%);
}

.l-appshell {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

.l-authshell {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 32px 24px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(111, 150, 232, 0.16), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(65, 184, 131, 0.12), transparent 22%),
    radial-gradient(circle at 78% 76%, rgba(157, 179, 225, 0.18), transparent 26%),
    linear-gradient(135deg, #f3f7fc 0%, #e8eff9 42%, #dde7f6 100%);
}

.l-authshell::before,
.l-authshell::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(2px);
}

.l-authshell::before {
  width: 420px;
  height: 420px;
  top: -180px;
  right: -120px;
  background: radial-gradient(circle, rgba(111, 150, 232, 0.18) 0%, rgba(111, 150, 232, 0) 70%);
}

.l-authshell::after {
  width: 380px;
  height: 380px;
  left: -120px;
  bottom: -180px;
  background: radial-gradient(circle, rgba(28, 43, 87, 0.08) 0%, rgba(28, 43, 87, 0) 72%);
}

.l-policyshell {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
  background:
    radial-gradient(circle at top right, rgba(157, 179, 225, 0.22), transparent 45%),
    linear-gradient(140deg, #f4f7fc 0%, var(--l-bg-main) 100%);
}

.l-policytopbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 24px;
  background: rgba(244, 247, 252, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #d7e0ef;
}

.l-policybrandrow {
  display: grid;
  gap: 4px;
}

.l-policybrand {
  color: #1c2b57;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.l-policybrandlogo {
  display: block;
  width: auto;
  height: 24px;
}

.l-policysubtitle {
  color: #5d6f97;
  font-size: 0.92rem;
}

.l-policyanchormenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.l-policyanchorlink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #b7c9eb;
  border-radius: 999px;
  color: #244184;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.l-policyanchorlink:hover,
.l-policyanchorlink:focus-visible {
  background: #ffffff;
  border-color: #86a7e7;
  transform: translateY(-1px);
}

.l-policycontent {
  width: 100%;
  padding: 28px 24px 56px;
}

.l-policyarticle {
  width: min(940px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 28px;
}

.l-policysection {
  border: 1px solid #d7e0ef;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--l-shadow-soft);
  padding: 28px 30px;
}

.l-policysection h1,
.l-policysection h2,
.l-policysection h3,
.l-policysection h4 {
  color: #1c2b57;
}

.l-policysection h1:first-child,
.l-policysection h2:first-child,
.l-policysection h3:first-child {
  margin-top: 0;
}

.l-policysection p,
.l-policysection li {
  color: #2f477b;
  line-height: 1.75;
}

.l-policysection ul,
.l-policysection ol {
  padding-left: 24px;
}

.l-policysection a {
  color: #244184;
}

.l-policyempty {
  margin: 0;
  color: #5d6f97;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .l-policytopbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .l-policyanchormenu {
    justify-content: flex-start;
  }

  .l-policysection {
    padding: 22px 20px;
  }
}

.l-authcard {
  width: min(620px, 100%);
  position: relative;
  border: 1px solid rgba(190, 205, 233, 0.95);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 255, 0.98) 100%);
  box-shadow:
    0 34px 80px rgba(17, 28, 67, 0.16),
    0 8px 18px rgba(17, 28, 67, 0.08);
  padding: 30px 28px 28px;
  display: grid;
  gap: 18px;
  z-index: 1;
  backdrop-filter: blur(14px);
}

.l-authcard::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(140deg, rgba(111, 150, 232, 0.08) 0%, rgba(111, 150, 232, 0) 30%),
    radial-gradient(circle at top right, rgba(111, 150, 232, 0.1), transparent 24%);
  pointer-events: none;
}

.l-authhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 2px;
}

.l-authbrand {
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #6a86c7;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.l-authbrandlogo {
  display: block;
  width: auto;
  height: 24px;
}

.l-authtitle {
  margin: 0;
  color: #182d5f;
  font-size: clamp(1.8rem, 2vw, 2.1rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.l-authtext {
  margin: 0;
  color: #53688f;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 48ch;
}

.l-authnote {
  margin: 0;
  color: #687ca5;
  font-size: 0.88rem;
  line-height: 1.55;
}

.l-authnav {
  display: flex;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  padding: 5px;
  border: 1px solid rgba(195, 208, 234, 0.95);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(247, 250, 255, 0.94), rgba(237, 243, 252, 0.9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.l-authnavbutton {
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #6075a2;
  font: inherit;
  font-weight: 700;
  padding: 0 18px;
  cursor: pointer;
  line-height: 1;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.l-authnavbutton,
.l-authswitchbutton,
.l-authsocialbutton,
.l-authcard .l-primarybutton {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  user-select: none;
  -webkit-user-select: none;
  caret-color: transparent;
}

.l-authnavbutton,
.l-authswitchbutton,
.l-authcard .l-primarybutton {
  white-space: nowrap;
}

.l-authnavbutton:hover,
.l-authnavbutton:focus-visible {
  color: #183a79;
  border-color: rgba(111, 150, 232, 0.92);
  background: rgba(229, 239, 255, 0.96);
}

.l-authnavbutton.l-active {
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
  border-color: rgba(111, 150, 232, 0.96);
  color: #183a79;
  box-shadow:
    0 6px 14px rgba(111, 150, 232, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.l-authpanel {
  display: grid;
  gap: 16px;
}

.l-authsection {
  border-top: 1px solid #dbe4f4;
  padding-top: 12px;
  display: grid;
  gap: 8px;
}

.l-authsectiontitle {
  margin: 0;
  color: #1f3465;
  font-size: 0.98rem;
}

.l-authactions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-authdirectform {
  display: grid;
  gap: 14px;
}

.l-authfield {
  display: grid;
  gap: 8px;
}

.l-authfieldlabel {
  color: #677da7;
  font-size: 0.83rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.l-authinput {
  margin-top: 0;
  min-height: 54px;
  border-radius: 16px;
  border-color: rgba(191, 204, 230, 0.96);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  padding-inline: 16px;
  transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.l-authinput:hover {
  border-color: #aebfdf;
}

.l-authinput:focus,
.l-authinput:focus-visible {
  border-color: #6f96e8;
  box-shadow:
    0 0 0 4px rgba(111, 150, 232, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  background: #fff;
}

.l-autherror {
  margin: 0;
  color: #b63b4a;
  font-size: 0.86rem;
  line-height: 1.5;
  padding: 12px 14px;
  border: 1px solid rgba(236, 193, 201, 0.98);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 246, 247, 0.98), rgba(255, 240, 243, 0.98));
}

.l-authlangbutton {
  margin-top: 0;
  min-width: 48px;
  height: 42px;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(191, 204, 230, 0.92);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  color: #214181;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(17, 28, 67, 0.08);
  backdrop-filter: blur(10px);
}

.l-authlangbutton:hover,
.l-authlangbutton:focus-visible {
  border-color: rgba(111, 150, 232, 0.95);
  background: #ffffff;
  color: #183a79;
}

.l-authmeta {
  display: flex;
  justify-content: flex-end;
  margin-top: -2px;
}

.l-authlink,
.l-authswitchbutton {
  border: 0;
  background: transparent;
  color: #4b6eba;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-decoration: none;
  font-weight: 600;
}

.l-authlink:hover,
.l-authswitchbutton:hover {
  color: #21448e;
  text-decoration: underline;
}

.l-authsocials {
  border-top: 1px solid rgba(203, 214, 235, 0.9);
  padding-top: 18px;
  display: grid;
  gap: 14px;
}

.l-authsocials .l-authsectiontitle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  color: #7083a8;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.l-authsocials .l-authsectiontitle::before,
.l-authsocials .l-authsectiontitle::after {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(203, 214, 235, 0), rgba(203, 214, 235, 0.95));
}

.l-authsocials .l-authsectiontitle::after {
  background: linear-gradient(90deg, rgba(203, 214, 235, 0.95), rgba(203, 214, 235, 0));
}

.l-authsocialrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.l-authsocialgoogle {
  min-height: 46px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  border: 1px solid rgba(191, 204, 230, 0.96);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  box-shadow:
    0 6px 16px rgba(17, 28, 67, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition: box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
  cursor: pointer;
}

.l-authsocialgooglevisual {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #203b74;
  font-size: 1rem;
  font-weight: 600;
  pointer-events: none;
  z-index: 2;
}

.l-authsocialgoogleicon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23EA4335' d='M17.64 9.2045c0-.6382-.0573-1.2518-.1636-1.8409H9v3.4818h4.8436a4.1404 4.1404 0 0 1-1.7954 2.7164v2.2582h2.9081c1.7018-1.5664 2.6837-3.8746 2.6837-6.6155z'/%3E%3Cpath fill='%234285F4' d='M9 18c2.43 0 4.4673-.8055 5.9563-2.1791l-2.9081-2.2582c-.8055.54-1.8364.8591-3.0482.8591-2.3441 0-4.3282-1.5832-5.0364-3.7105H.9573v2.3318A9 9 0 0 0 9 18z'/%3E%3Cpath fill='%23FBBC05' d='M3.9636 10.7113A5.4097 5.4097 0 0 1 3.6818 9c0-.5959.1036-1.1732.2818-1.7114V4.9568H.9573A9 9 0 0 0 0 9c0 1.45.3477 2.8227.9573 4.0432l3.0063-2.3319z'/%3E%3Cpath fill='%2334A853' d='M9 3.5795c1.3214 0 2.5077.4541 3.4404 1.3459l2.5814-2.5814C13.4632.8905 11.4268 0 9 0A9 9 0 0 0 .9573 4.9568l3.0063 2.3318C4.6718 5.1627 6.6559 3.5795 9 3.5795z'/%3E%3C/svg%3E");
}

.l-authsocialgooglelabel {
  display: inline-flex;
  align-items: center;
}

.l-authsocialgooglerender {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.l-authsocialgooglerender > div,
.l-authsocialgooglerender iframe {
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
}

.l-authsocialgoogle:hover,
.l-authsocialgoogle:focus-within {
  border-color: rgba(111, 150, 232, 0.95);
  background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 100%);
  box-shadow:
    0 10px 24px rgba(17, 28, 67, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.l-authsocialbutton {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(191, 204, 230, 0.96);
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  color: #203b74;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  box-shadow:
    0 6px 16px rgba(17, 28, 67, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.l-authsocialbutton:hover,
.l-authsocialbutton:focus-visible {
  border-color: rgba(111, 150, 232, 0.95);
  background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 100%);
  box-shadow:
    0 10px 24px rgba(17, 28, 67, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.l-authsocialicon {
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.l-authsocialicon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.l-authswitch {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: #61749b;
  font-size: 0.92rem;
  padding-top: 2px;
}

.l-authcheckbox {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #314d84;
  font-size: 0.9rem;
  line-height: 1.45;
}

.l-authcheckbox input {
  margin-top: 2px;
}

.l-authlegalnote {
  margin: 0;
  color: #7a8cb0;
  font-size: 0.8rem;
  line-height: 1.6;
  padding: 2px 2px 0;
}

.l-authstatus {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(201, 227, 211, 0.98);
  background: linear-gradient(180deg, rgba(240, 251, 244, 0.98), rgba(233, 248, 239, 0.98));
  color: #1d6a44;
  font-size: 0.9rem;
  line-height: 1.5;
  box-shadow: 0 10px 24px rgba(65, 184, 131, 0.08);
}

.l-authstatus.l-error {
  border-color: rgba(239, 195, 202, 0.98);
  background: linear-gradient(180deg, rgba(255, 244, 246, 0.98), rgba(255, 238, 241, 0.98));
  color: #a73d4c;
  box-shadow: 0 10px 24px rgba(245, 102, 102, 0.08);
}

.l-authcard .l-primarybutton {
  position: relative;
  min-height: 48px;
  border-radius: 16px;
  background: linear-gradient(180deg, #7ca1ee 0%, #638fe6 100%);
  border-color: #638fe6;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow:
    0 14px 26px rgba(111, 150, 232, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

.l-authcard .l-primarybutton:hover,
.l-authcard .l-primarybutton:focus-visible {
  background: linear-gradient(180deg, #88adf4 0%, #5d89df 100%);
  border-color: #5d89df;
  box-shadow:
    0 18px 34px rgba(111, 150, 232, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.l-authcard .l-primarybutton:disabled,
.l-authcard .l-primarybutton.l-is-loading,
.l-authsocialbutton:disabled,
.l-authsocialbutton.l-is-loading {
  cursor: wait;
}

.l-authcard .l-primarybutton.l-is-loading,
.l-authsocialbutton.l-is-loading,
.l-authsocialgoogle.l-is-loading {
  opacity: 0.9;
}

.l-authcard .l-primarybutton.l-is-loading {
  padding-inline: 12px;
}

.l-authsocialbutton.l-is-loading::before {
  content: "";
  display: inline-block;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-top-color: #ffffff;
  animation: l-auth-spin 720ms linear infinite;
}

.l-authsocialbutton.l-is-loading::before {
  border-color: rgba(32, 59, 116, 0.2);
  border-top-color: #203b74;
}

.l-authsocialgoogle.l-is-loading {
  border: 1px solid rgba(191, 204, 230, 0.96);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  box-shadow: 0 6px 16px rgba(17, 28, 67, 0.06);
}

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

.l-cookiebanner {
  position: fixed;
  inset: auto 20px 20px 20px;
  z-index: 120;
}

.l-cookiebannercard {
  max-width: 820px;
  margin-left: auto;
  border: 1px solid #c8d4ea;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--l-shadow-soft);
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: center;
}

.l-cookiebannerbody {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.l-cookiebannertitle,
.l-cookiemodaltitle {
  margin: 0;
  color: #1f3465;
  font-size: 0.98rem;
  line-height: 1.25;
}

.l-cookiebannertext {
  margin: 0;
  color: #566b98;
  font-size: 0.84rem;
  line-height: 1.42;
}

.l-cookiebanneractions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.l-cookiebanneractions .l-primarybutton,
.l-cookiebanneractions .l-ghostbutton {
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 12px;
  white-space: nowrap;
}

.l-cookiemodal {
  position: fixed;
  inset: 0;
  z-index: 140;
}

.l-cookiemodalbackdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 32, 61, 0.34);
}

.l-cookiemodalcard {
  position: relative;
  width: min(520px, calc(100% - 32px));
  margin: 8vh auto 0;
  border: 1px solid #c8d4ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--l-shadow-soft);
  padding: 18px 20px;
  display: grid;
  gap: 10px;
}

@media (max-width: 640px) {
  .l-authcard {
    width: min(100%, 100%);
    padding: 22px 18px 22px;
    border-radius: 22px;
  }

  .l-cookiebanneractions {
    flex-direction: column;
    align-items: stretch;
  }

  .l-cookiebannercard {
    grid-template-columns: 1fr;
  }

  .l-authnav {
    width: 100%;
    justify-content: stretch;
  }

  .l-authnavbutton {
    flex: 1 1 0;
    white-space: nowrap;
    text-align: center;
  }

  .l-authsocialrow {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-authtitle {
    font-size: 1.58rem;
  }

  .l-cookiebanner {
    inset: auto 12px 12px 12px;
  }

  .l-cookiebannercard,
  .l-cookiemodalcard {
    padding: 16px;
  }
}

.l-topbar {
  position: relative;
  z-index: 140;
  height: 56px;
  padding: 8px 14px;
  border-bottom: 1px solid #cfd8e8;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(6px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  animation: l-fade-slide-in 260ms ease-out both;
}

.l-topcluster {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.l-topcluster-end {
  justify-content: flex-end;
}

.l-moduleactionswrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-myfoldersactionswrap {
  min-width: 0;
}

.l-createbottopsave {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.l-flatbutton,
.l-iconbutton,
.l-primarybutton,
.l-secondarybutton,
.l-dangerbutton,
.l-ghostbutton,
.l-select,
.l-agenttrigger,
.l-kbtrigger,
.l-contextlabel,
.l-contextadd,
.l-contextremove,
.l-convmorebutton,
.l-convmenuitem,
.l-sendbutton,
.l-avatarbutton,
.l-langbutton {
  font: inherit;
}

.l-accountmenuseparator {
  height: 1px;
  margin: 4px 6px;
  background: #dbe4f3;
  border-radius: 999px;
}

.l-flatbutton {
  border: 1px solid #c9d4ea;
  background: #f7f9fd;
  color: var(--l-bg-mid);
  border-radius: var(--l-radius-sm);
  padding: 7px 10px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.l-iconbutton {
  border: 1px solid transparent;
  background: transparent;
  color: #3d527f;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}

.l-sidepaneltoggle {
  position: relative;
  background: transparent;
  border-color: transparent;
  color: #3d527f;
  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.l-sidepaneltoggle:hover,
.l-sidepaneltoggle:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6f96e8;
}

.l-sidepaneltoggle-open {
  background: transparent;
  border-color: transparent;
  color: #1c2b57;
  box-shadow: none;
}

.l-sidepanelicon {
  width: 24px;
  height: 24px;
}

.l-sidepanelicon path {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-sidepanelicon rect {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-sidepanelarrow {
  transform-origin: 14.5px 12px;
  transition: transform 140ms ease;
}

.l-sidepaneltoggle-open .l-sidepanelarrow {
  transform: rotate(180deg);
}

.l-brandrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.l-brandname {
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--l-bg-mid);
  display: inline-flex;
  align-items: center;
}

.l-brandnamefull {
  display: inline;
}

.l-brandlogo {
  display: block;
  height: 22px;
  width: auto;
  object-fit: contain;
}

.l-brandnameshort {
  display: none;
}

.l-moduletag {
  border: 1px solid #c8d4ea;
  background: #f8fbff;
  color: var(--l-bg-mid);
  border-radius: var(--l-radius-sm);
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  max-width: 230px;
}

.l-moduletagbutton {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #c8d4ea;
  background: #f8fbff;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}

.l-moduletagbutton:hover,
.l-moduletagbutton:focus-visible {
  border-color: #9eb2db;
  background: #f2f7ff;
}

.l-moduletagapps {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: #576f9e;
}

.l-moduletagapps svg {
  display: block;
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.l-moduletaglabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-moduletagcaret {
  flex: 0 0 auto;
}

.l-moduleviewwrap {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

[data-l-structured-analysis-tabs-wrap] {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

[data-l-org-memory-tabs-wrap] {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

[data-l-meetings-tabs-wrap] {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

[data-l-structured-analysis-tabs-wrap]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #a9bcde;
  transform: translateY(-50%);
}

[data-l-org-memory-tabs-wrap]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #a9bcde;
  transform: translateY(-50%);
}

[data-l-meetings-tabs-wrap]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #a9bcde;
  transform: translateY(-50%);
}

[data-l-structured-analysis-tabs-wrap]::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 1px;
  height: 44px;
  background: #c9d7ec;
  transform: translateY(-50%);
}

[data-l-org-memory-tabs-wrap]::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 1px;
  height: 44px;
  background: #c9d7ec;
  transform: translateY(-50%);
}

[data-l-meetings-tabs-wrap]::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 1px;
  height: 44px;
  background: #c9d7ec;
  transform: translateY(-50%);
}

.l-myfoldersviewpill {
  min-height: 34px;
  height: 34px;
  padding: 2px 3px;
  gap: 0;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
}

.l-myfolderslayoutpicker,
.l-myfoldersdensitywrap,
.l-myfolderssortwrap {
  position: relative;
}

.l-myfolderslayouttrigger {
  width: 132px;
  min-width: 132px;
  max-width: 132px;
}

.l-myfolderslayouttrigger .l-kbsummary {
  max-width: 52px;
}

.l-myfolderslayoutmenu {
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  min-width: 180px;
}

.l-myfoldersdensitytrigger {
  width: 102px;
  min-width: 102px;
  max-width: 102px;
}

.l-myfoldersdensitymenu {
  min-width: 164px;
}

.l-myfolderssorttrigger {
  width: 124px;
  min-width: 124px;
  max-width: 124px;
}

.l-myfolderssortmenu {
  min-width: 168px;
}

.l-knowledgehubtabs-topbar {
  gap: 6px;
  flex-wrap: nowrap;
}

.l-searchparamoption-disabled,
.l-searchparamoption:disabled {
  color: #9ca9c7;
  background: #f7f9fd;
  cursor: not-allowed;
}

.l-searchparamoption-disabled:hover,
.l-searchparamoption-disabled:focus-visible,
.l-searchparamoption:disabled:hover,
.l-searchparamoption:disabled:focus-visible {
  background: #f7f9fd;
  color: #9ca9c7;
}

.l-myfoldersdensitywrap-disabled {
  opacity: 0.65;
}

.l-myfolderstopbarsearchwrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #f8fbff;
  height: 34px;
  min-height: 34px;
  padding: 0 10px;
  min-width: 150px;
  max-width: 150px;
  margin-right: 2px;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.16s ease, border-color 0.16s ease, width 0.2s ease, max-width 0.2s ease, min-width 0.2s ease;
}

.l-myfolderstopbarsearchicon {
  width: 15px;
  height: 15px;
  stroke: #6f81ab;
  fill: none;
  stroke-width: 1.9;
  flex: 0 0 auto;
}

.l-myfolderstopbarsearch {
  border: 0;
  background: transparent;
  color: var(--l-ink-main);
  font: inherit;
  width: 100%;
  outline: none;
}

.l-myfolderstopbarsearch::placeholder {
  color: #97a6c8;
}

.l-foldereditormultiselect {
  position: relative;
}

.l-foldereditormultitrigger {
  width: 100%;
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-sm);
  background: #f8fbff;
  min-height: 34px;
  height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--l-ink-main);
  cursor: pointer;
}

.l-foldereditormultimenu {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 40;
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 8px;
  display: grid;
  gap: 8px;
}

.l-foldereditormultisearch {
  margin-top: 0;
}

.l-foldereditormultioptions {
  max-height: 180px;
  overflow: auto;
  display: grid;
  gap: 4px;
}

.l-foldereditormultioption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-radius: 8px;
}

.l-foldereditormultioption:hover {
  background: #eff4fd;
}

.l-foldereditortags {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-foldereditortag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #c8d4ea;
  background: #edf3ff;
  color: #1c2b57;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.8rem;
}

.l-foldereditortagremove {
  border: 0;
  background: transparent;
  color: #4f6698;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  padding: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.l-foldereditortagremove:hover,
.l-foldereditortagremove:focus-visible {
  background: #dbe7ff;
  color: #223c75;
}

.l-togglepillgroup {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #f8fbff;
}

.l-togglepill {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5d6f95;
  font: inherit;
  min-height: 28px;
  padding: 0 10px;
  line-height: 1;
  cursor: pointer;
}

.l-togglepill:hover,
.l-togglepill:focus-visible {
  background: #eaf1ff;
  color: var(--l-ink-main);
}

.l-togglepill-active {
  background: #dce8ff;
  color: #1a2f62;
  font-weight: 700;
}

.l-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #c8d4ea;
  background: #f8fbff;
  background-image: var(--l-chevron-icon);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 8px;
  color: var(--l-ink-main);
  border-radius: var(--l-radius-sm);
  padding: 0 30px 0 10px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  line-height: 32px;
  cursor: pointer;
}

.l-select-small {
  min-width: 92px;
}

.l-agentpicker {
  position: relative;
  min-width: 0;
  max-width: min(34vw, 320px);
}

.l-agenttrigger {
  border: 1px solid #c8d4ea;
  background: var(--l-bg-soft);
  color: var(--l-ink-main);
  border-radius: var(--l-radius-sm);
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.l-agenttrigger [data-l-agent-label] {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-caret {
  width: 10px;
  height: 8px;
  flex: 0 0 auto;
  background-image: var(--l-chevron-icon);
  background-repeat: no-repeat;
  background-size: 10px 8px;
  color: transparent;
  font-size: 0;
  line-height: 0;
}

.l-agentmenu {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  width: 320px;
  max-height: 300px;
  overflow: auto;
  z-index: 8;
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-md);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 8px;
}

.l-agentmenulist {
  display: grid;
  gap: 4px;
}

.l-agentfilterrow {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.l-agentfilterlabel {
  color: var(--l-ink-soft);
  font-size: 0.82rem;
}

.l-select-filter {
  min-width: 0;
  width: 100%;
  padding-right: 24px;
}

.l-select-modal {
  width: 100%;
  margin-top: 10px;
}

.l-agentline {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--l-radius-sm);
  padding: 8px;
}

.l-agentline:hover {
  border-color: #d4deef;
  background: #f7f9fe;
}

.l-agentrow {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.l-agentrowmain {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.l-agentrowname {
  font-weight: 600;
}

.l-agentrowmeta {
  color: var(--l-ink-soft);
  font-size: 0.84rem;
}

.l-agentrowdefault {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--l-bg-mid);
}

.l-gearbutton {
  border: 1px solid #c6d3ea;
  background: #ffffff;
  color: var(--l-bg-mid);
  border-radius: 999px;
  width: 27px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.l-gearsvg {
  width: 15px;
  height: 15px;
  fill: currentcolor;
}

.l-contextcluster {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-shrink: 0;
}

.l-orgbotbipwrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.l-orgbotbiplabel {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5770a8;
}

.l-orgbotbiplist {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-orgbotbippill {
  border: 1px solid #bfd0f5;
  background: #f7faff;
  color: #23437f;
  border-radius: 999px;
  padding: 7px 12px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.l-orgbotbippill:hover {
  border-color: #89a6ea;
  background: #eef4ff;
}

.l-contextindicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px 3px 4px;
  border: 1px solid #c9d5eb;
  border-radius: 999px;
  background: #f8fbff;
}

.l-contextdonut {
  --l-context-pct: 0%;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at center, #ffffff 52%, transparent 53%),
    conic-gradient(var(--l-primary) var(--l-context-pct), #d7e1f3 var(--l-context-pct));
}

.l-contextdonuttext {
  font-size: 0.52rem;
  font-weight: 700;
  color: var(--l-bg-mid);
}

.l-contextabs {
  font-size: 0.72rem;
  color: var(--l-ink-soft);
  font-weight: 600;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0;
  transition: max-width 140ms ease, opacity 120ms ease, margin-left 140ms ease;
}

.l-contextindicator:hover .l-contextabs,
.l-contextindicator:focus-within .l-contextabs {
  max-width: 90px;
  opacity: 1;
  margin-left: 6px;
}

.l-contextdetails {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-contextpill {
  border: 1px solid #c3cfe3;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 3px 5px;
  gap: 3px;
  white-space: nowrap;
  background: #e7edf7;
}

.l-contextpill-block {
  min-width: 0;
  max-width: none;
  padding-right: 8px;
}

.l-contextpill-active {
  background: #e7edf7;
  border-color: #1c2b57;
  box-shadow: inset 0 0 0 1px rgba(28, 43, 87, 0.2);
}

.l-contextpill-inactive {
  background: #e7edf7;
  border-color: #c3cfe3;
}

.l-contextpill-active .l-contextlabel {
  color: #1c2b57;
  font-weight: 700;
}

.l-contextpill-inactive .l-contextlabel {
  color: #485574;
}

.l-contextlabel {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--l-ink-main);
  padding: 5px 9px;
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-contextpill-block .l-contextlabel {
  overflow: visible;
  text-overflow: clip;
}

.l-contextmasterlabel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px 5px 8px;
}

.l-contextmastersummary {
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.l-contextsummarydot {
  border: 1px solid #86cfa9;
  border-radius: 999px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
  padding: 0;
  background: #41b883;
  cursor: pointer;
  margin-right: 5px;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.l-contextsummarydot:hover,
.l-contextsummarydot:focus-visible {
  background: #34a373;
  border-color: #34a373;
}

.l-contexttooltip {
  position: absolute;
  top: calc(100% + 9px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  min-width: 300px;
  max-width: min(360px, calc(100vw - 24px));
  border: 1px solid #c7d3ea;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--l-shadow-soft);
  padding: 8px 10px;
  display: grid;
  gap: 6px;
  z-index: 120;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease, transform 120ms ease;
}

.l-contextpill[data-l-context-master]:hover .l-contexttooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.l-contexttooltipline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  color: #5f6e90;
  line-height: 1.25;
}

.l-contexttooltipsummary {
  color: #41b883;
  font-weight: 700;
}

.l-contexttooltipline-note {
  color: #8090b4;
}

.l-contextdonut-mini {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1px solid #c7d3ea;
  background:
    radial-gradient(circle at center, #ffffff 56%, transparent 57%),
    conic-gradient(var(--l-primary) var(--l-context-pct), #d7e1f3 var(--l-context-pct));
}

.l-contextadd,
.l-contextremove {
  border: 0;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  color: var(--l-bg-mid);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(0.9);
  transition: opacity 120ms ease, transform 120ms ease;
  position: absolute;
  top: 50%;
  z-index: 2;
}

.l-contextpill:hover .l-contextadd,
.l-contextpill:hover .l-contextremove {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) scale(1);
}

.l-contextadd {
  background: #dbe6fb;
  right: 30px;
}

.l-contextremove {
  background: #f2d8d8;
  color: #954e4e;
  font-size: 14px;
  font-weight: 400;
  right: 6px;
}

.l-contextpill-active .l-contextadd {
  background: #6f96e8;
  color: #ffffff;
}

.l-contextpill-active .l-contextremove {
  background: #f56666;
  color: #ffffff;
}

.l-kbpicker {
  position: relative;
}

.l-kbtrigger {
  border: 0;
  background: transparent;
  color: var(--l-ink-main);
  border-radius: 999px;
  min-height: 30px;
  height: 30px;
  width: auto;
  max-width: 286px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 2px 0 7px;
  cursor: pointer;
  overflow: hidden;
}

.l-kbtrigger .l-caret {
  margin-left: 2px;
}

.l-kblabel {
  color: var(--l-bg-mid);
  font-size: 0.9rem;
  white-space: nowrap;
}

.l-kbsummary {
  color: var(--l-ink-soft);
  font-size: 0.84rem;
  max-width: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-kbmenu {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 80;
  width: 210px;
  background: #ffffff;
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-sm);
  box-shadow: var(--l-shadow-soft);
  padding: 8px;
  display: grid;
  gap: 4px;
}

.l-kboption {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 7px;
  padding: 6px;
  cursor: pointer;
}

.l-kboption:hover {
  background: #f1f5fd;
}

.l-kboption input {
  accent-color: var(--l-primary);
}

.l-searchparamwrap {
  display: inline-flex;
  position: relative;
  border-left: 1px solid #d2dced;
  margin-left: -1px;
}

.l-searchparamtrigger {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--l-bg-mid);
  min-height: 30px;
  height: 30px;
  width: 120px;
  max-width: 120px;
  padding: 0 8px 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.l-searchparamtrigger:hover,
.l-searchparamtrigger:focus-visible {
  background: #eef3fb;
}

.l-searchparamlabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  font-weight: 600;
}

.l-searchparammenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 90;
  min-width: 240px;
  max-width: min(380px, 88vw);
  max-height: 300px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-sm);
  box-shadow: var(--l-shadow-soft);
  padding: 4px;
}

.l-searchparamoption {
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 8px;
  padding: 8px 10px;
  text-align: left;
  color: #1d2f5b;
  font: inherit;
  font-size: 0.92rem;
  line-height: 1.3;
  cursor: pointer;
}

.l-searchparamoption:hover,
.l-searchparamoption:focus-visible {
  background: #eef3fb;
}

.l-searchparamoption-active {
  background: #2d66c3;
  color: #ffffff;
}

.l-searchparamoption-active:hover,
.l-searchparamoption-active:focus-visible {
  background: #2d66c3;
  color: #ffffff;
}

.l-searchparamoption + .l-searchparamoption {
  margin-top: 2px;
}

.l-searchparamtrigger .l-caret {
  margin-left: auto;
}

.l-contexttoolpill {
  border: 1px solid #c8d4ea;
  background: #ffffff;
  border-radius: 999px;
  min-height: 34px;
  padding: 2px 3px;
  display: inline-flex;
  align-items: center;
  gap: 1px;
}

.l-contextvariablewrap {
  display: inline-flex;
  align-items: center;
}

.l-contextplannerbutton,
.l-contexthelpbutton {
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #f7fbff;
  color: #1c2b57;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.l-contextplannerbutton:hover,
.l-contexthelpbutton:hover,
.l-contextplannerbutton:focus-visible,
.l-contexthelpbutton:focus-visible {
  background: #eaf1ff;
}

.l-contextplannericon {
  width: 18px;
  height: 18px;
}

.l-contextplannericon path,
.l-contextplannericon circle {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-contexthelpwrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.l-contexthelpbutton {
  font-weight: 700;
  line-height: 1;
  font-size: 0.85rem;
}

.l-contexthelpbubble {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  width: min(420px, calc(100vw - 24px));
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--l-shadow-soft);
  padding: 9px 10px;
  font-size: 0.78rem;
  line-height: 1.35;
  color: #45557b;
  white-space: normal;
}

.l-contextplannerpage {
  position: absolute;
  inset: 0;
  z-index: 60;
  --l-context-col-min: 160px;
  --l-context-grid-template: repeat(9, minmax(0, 1fr));
  background: linear-gradient(145deg, #eef2f9 0%, #e7edf7 100%);
  display: grid;
  grid-auto-rows: auto;
  align-content: start;
  gap: 12px;
  padding: 14px 16px;
  overflow: auto;
}

.l-contextplannerhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.l-contextplannertitle {
  margin: 0;
  font-size: 1rem;
  color: var(--l-bg-mid);
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.l-contextplannertitlemain {
  font-weight: 700;
}

.l-contextplannertitlemeta {
  font-weight: 500;
  color: #7d8db1;
}

.l-contextplannerbarwrap {
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #ffffff;
  padding: 4px;
}

.l-contextplannerbar {
  position: relative;
  height: 24px;
  border-radius: 999px;
  overflow: hidden;
  display: flex;
  background: #dde5f2;
}

.l-contextbarsegment {
  height: 100%;
  min-width: 2px;
}

.l-contextbarsegment-free {
  background: rgba(255, 255, 255, 0.7);
}

.l-contextplannerknob {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 3px solid #2f3d5b;
  background: #11a4cc;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.l-historycutrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.l-historycutbar {
  width: 150px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid #c9d4e8;
  background: #eef3fb;
  overflow: hidden;
  display: inline-flex;
}

.l-historycutbarfill {
  width: 0%;
  height: 100%;
  background: #8f9fbb;
  transition: width 140ms ease;
}

.l-historycutbar.l-historycutbar-active .l-historycutbarfill {
  width: 100%;
}

.l-historycutlabel {
  font-size: 0.86rem;
  color: #39507e;
}

.l-historysummarynotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #d9e3f4;
  border-radius: 12px;
  background: #f8fbff;
}

.l-historysummarynoticetext {
  color: #55698f;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-historysummarynoticebutton {
  flex: 0 0 auto;
}

.l-contextplannersliderwrap {
  display: grid;
  gap: 5px;
}

.l-contextsplittrackwrap {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 18px;
  cursor: pointer;
}

.l-contextsplitrange {
  --l-context-split-thumb-size: 12px;
  --l-split-pos: 50%;
  --l-cap-pos: 50%;
  --l-split-track-gradient: linear-gradient(to right, #dbe2ed 0%, #dbe2ed 100%);
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 18px;
  cursor: pointer;
}

.l-contextsplitrange::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: var(--l-split-track-gradient);
}

.l-contextsplitrange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--l-context-split-thumb-size);
  height: var(--l-context-split-thumb-size);
  margin-top: calc((6px - var(--l-context-split-thumb-size)) / 2);
  border: 2px solid #1f335f;
  border-radius: 999px;
  background: #11a4cc;
  cursor: pointer;
}

.l-contextsplitrange::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: var(--l-split-track-gradient);
}

.l-contextsplitrange::-moz-range-thumb {
  width: var(--l-context-split-thumb-size);
  height: var(--l-context-split-thumb-size);
  border: 2px solid #1f335f;
  border-radius: 999px;
  background: #11a4cc;
  cursor: pointer;
}

.l-contextsplitcaphandle {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 2px solid #1f335f;
  background: #11a4cc;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  z-index: 3;
  cursor: pointer;
}

.l-contextsplitcaphandle-locked {
  background: #f5b74a;
  border-color: #b7771a;
}

.l-contextsplittriggermarker {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 2px;
  border-radius: 999px;
  background: rgba(132, 90, 222, 0.7);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}

.l-contextsplitterminalmarker {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  border-radius: 999px;
  background: #1c2b57;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 4;
}

.l-contextsplitlabels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #5f6f95;
  font-size: 0.86rem;
  font-weight: 600;
}

.l-contextsplitvalue {
  color: #39507e;
}

.l-contextsplitoutputedit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #39507e;
}

.l-contextsplitoutputinput {
  width: 100px;
  height: 30px;
  border: 1px solid #c7d3ea;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2b57;
  font: inherit;
  font-weight: 700;
  text-align: right;
  padding: 0 8px;
}

.l-contextsplitoutputinput:focus-visible {
  outline: 2px solid rgba(65, 107, 195, 0.35);
  outline-offset: 1px;
  border-color: #6f96e8;
}

.l-contextsplitmeta {
  color: #6f7ea2;
  font-size: 0.74rem;
  line-height: 1.25;
}

.l-contextoverflowalert {
  border: 1px solid #efb9b9;
  background: #fff6f6;
  color: #b74747;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 0.8rem;
  font-weight: 700;
}

.l-contextplannerbodygrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
  gap: 12px;
  align-items: start;
}

.l-contextplannerleftcol {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.l-contextplannercardswrap {
  display: grid;
  gap: 8px;
  align-items: start;
  position: relative;
}

.l-contextplannerrightcol {
  min-width: 420px;
  max-width: 560px;
  width: 100%;
  display: grid;
  gap: 8px;
}

.l-contextplannercards {
  display: grid;
  grid-template-columns: var(--l-context-grid-template);
  gap: 8px;
}

.l-contextplannersubrow {
  display: grid;
  grid-template-columns: var(--l-context-grid-template);
  gap: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 2;
  pointer-events: none;
}

.l-contextplannersubrow:empty {
  display: none;
}

.l-contextplannersubrow .l-contextcard[data-l-context-group="contexts"] {
  grid-column: 3;
  pointer-events: auto;
}

.l-contextcard {
  border: 1px solid #c7d3ea;
  border-radius: 10px;
  background: #ffffff;
  padding: 8px;
  display: grid;
  gap: 4px;
  text-align: left;
  cursor: pointer;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.l-contextcard[data-l-selected="true"] {
  border-color: #6f96e8;
  box-shadow: inset 0 0 0 1px rgba(111, 150, 232, 0.25);
}

.l-contextcard[data-l-selected="false"] {
  opacity: 0.55;
}

.l-contextcard[data-l-locked="true"] {
  cursor: default;
}

.l-contextcard[data-l-unavailable="true"] {
  background: #f1f4fa;
  border-color: #d5deed;
  color: #8a9ab9;
  cursor: not-allowed;
  opacity: 1;
}

.l-contextcard[data-l-unavailable="true"] .l-contextcardtitle,
.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens,
.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens-used,
.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens-allocated,
.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens-actual {
  color: #8a9ab9;
}

.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens-used,
.l-contextcard[data-l-unavailable="true"] .l-contextcardtokens-allocated {
  background: #e5ebf5;
  border-color: #d7e0ee;
}

.l-contextcard:disabled {
  opacity: 1;
}

.l-contextcardtitle {
  font-size: 0.8rem;
  color: #253867;
  font-weight: 600;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.2;
}

.l-contextcardtokens {
  font-size: 0.74rem;
  color: #5f6f95;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.l-contextcardtokens-actual {
  color: #6d7ba0;
}

.l-contextcardtokens-allocated {
  color: #4d618f;
  background: #eef3fb;
  border-radius: 6px;
  padding: 2px 5px;
}

.l-contextcardtokens-used {
  color: #1c2b57;
  background: #e6f1ff;
  border: 1px solid #c6daf8;
  border-radius: 6px;
  padding: 2px 5px;
  font-weight: 700;
}

.l-contextcardmeter {
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: #e7edf8;
  overflow: hidden;
}

.l-contextcardmeterfill {
  height: 100%;
  border-radius: 999px;
  background: #4f75c7;
  width: 0%;
}

.l-contextcardcolor {
  width: 100%;
  height: 6px;
  border-radius: 999px;
}

.l-contextplannerbreakdown {
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  background: #ffffff;
  padding: 8px 10px;
  font-size: 0.78rem;
  color: #4a5b83;
  line-height: 1.35;
  width: 100%;
  max-width: none;
}

.l-contextplannerinsights {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.l-contextpriorityhintcard {
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px 12px;
  font-size: 0.8rem;
  color: #2f4578;
  line-height: 1.35;
  width: 100%;
  max-width: none;
}

.l-contextpriorityhintline {
  margin: 0;
}

.l-contextpriorityhintline + .l-contextpriorityhintline {
  margin-top: 8px;
}

.l-contextplannerllmgrid {
  display: grid;
  grid-template-columns: var(--l-context-grid-template);
  gap: 8px;
  align-items: start;
}

.l-contextplannerllmcell {
  min-height: 34px;
  display: grid;
  gap: 6px;
  align-content: start;
}

.l-contextplannerllmcell-empty {
  opacity: 0;
  pointer-events: none;
}

.l-contextplannerfield {
  display: grid;
  align-content: start;
  max-width: 100px;
}

.l-contextplannerinput {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  min-height: 34px;
  height: 34px;
  margin-top: 4px;
}

.l-contextplannerinputrange {
  width: 100px;
  margin-top: 4px;
  accent-color: #6f96e8;
}

.l-contextplannerinputrange-max {
  accent-color: #f5b74a;
}

.l-contextplannerinputrange:disabled,
.l-contextplannerinput:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.l-contextplannerinput[readonly] {
  background: #f7faff;
  color: #5f6f95;
}

.l-contextplannerpriority {
  display: grid;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.l-contextprioritypair {
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #f9fbff;
  padding: 6px 10px;
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.l-contextprioritypair-active {
  border-color: #1c2b57;
  box-shadow: inset 0 0 0 1px rgba(28, 43, 87, 0.18);
}

.l-contextpriorityline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.2;
}

.l-contextpriorityfield {
  display: grid;
  grid-template-columns: minmax(0, auto) auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
  align-self: center;
}

.l-contextpriorityfield .l-settingslabel {
  white-space: normal;
  line-height: 1.2;
  max-width: 100px;
}

.l-contextpriorityinput {
  margin-top: 0 !important;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  min-height: 34px;
  height: 34px;
  padding: 0 10px;
  line-height: 34px;
  resize: none;
  align-self: center;
}

.l-radioline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #253867;
  font-size: 0.84rem;
}

.l-contextplanneroverflow {
  border: 1px solid #efb9b9;
  background: #fff7f7;
  border-radius: 10px;
  padding: 9px 10px;
  display: grid;
  gap: 7px;
}

.l-overflowtitle {
  margin: 0;
  color: #b74747;
  font-weight: 700;
  font-size: 0.84rem;
}

.l-overflowmanualoptions {
  display: grid;
  gap: 6px;
  color: #6f5777;
  font-size: 0.78rem;
}

.l-overflowmanualoptions p {
  margin: 0;
}

.l-primarybutton,
.l-secondarybutton,
.l-dangerbutton,
.l-ghostbutton,
.l-sendbutton {
  border-radius: var(--l-radius-sm);
  border: 1px solid transparent;
  padding: 7px 12px;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, filter 120ms ease, box-shadow 120ms ease;
}

.l-primarybutton,
.l-sendbutton {
  background: var(--l-primary);
  color: #ffffff;
}

.l-secondarybutton {
  background: var(--l-secondary);
  color: #ffffff;
}

.l-dangerbutton {
  background: var(--l-danger);
  color: #ffffff;
}

.l-ghostbutton {
  background: #eef2f8;
  color: var(--l-bg-mid);
  border-color: #d7deea;
}

.l-contextplannerhead [data-l-action="close-context-planner"] {
  background: #f7faff;
  border-color: #c8d4ea;
  color: #1c2b57;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.l-contextplannerhead [data-l-action="close-context-planner"]:hover,
.l-contextplannerhead [data-l-action="close-context-planner"]:focus-visible {
  transform: none;
  filter: none;
  background: #9db3e1;
  border-color: #8fa6d7;
  color: #ffffff;
  box-shadow: none;
}

.l-secondarybutton:hover,
.l-dangerbutton:hover,
.l-ghostbutton:hover,
.l-sendbutton:hover {
  filter: brightness(0.98);
  transform: none;
}

.l-primarybutton:hover,
.l-primarybutton:focus-visible {
  background: #6081C8;
  border-color: #6081C8;
  color: #ffffff;
  filter: none;
  transform: none;
}

.l-workshell {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 0 minmax(0, 1fr);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  overflow: hidden;
  transition: grid-template-columns 220ms ease;
}

.l-appshell.l-sideopen .l-workshell {
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
}

.l-sidebar {
  border-right: 1px solid #ccd7eb;
  background: #f8faff;
  overflow: hidden;
  opacity: 1;
  transition: opacity 220ms ease;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  max-height: calc(100vh - 56px);
  max-height: calc(100dvh - 56px);
  min-height: 0;
  position: relative;
  z-index: 120;
  isolation: isolate;
  pointer-events: auto;
}

.l-sidebar-hidden {
  opacity: 0;
  pointer-events: none;
}

.l-sidebarhead {
  padding: 14px;
  display: grid;
  gap: 8px;
  border-bottom: 1px solid #d7e0ef;
  position: relative;
  z-index: 130;
  pointer-events: auto;
}

.l-sidebarmodules {
  display: grid;
  gap: 7px;
}

.l-sidebarmoduleshead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-sidebarmodulestitle {
  margin: 0;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--l-ink-soft);
}

.l-modulelist {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-modulestoggle {
  font: inherit;
  border: 1px solid #c8d4ea;
  background: #f8fbff;
  color: var(--l-bg-mid);
  border-radius: 999px;
  min-height: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 0.73rem;
  font-weight: 600;
  position: relative;
  z-index: 140;
  pointer-events: auto;
}

.l-modulestoggle:hover,
.l-modulestoggle:focus-visible {
  background: #f0f5fe;
}

.l-modulestogglelabel {
  line-height: 1;
  white-space: nowrap;
}

.l-modulestoggleicon {
  font-size: 0.72rem;
  line-height: 1;
  transition: transform 140ms ease;
}

.l-modulestoggle-collapsed .l-modulestoggleicon {
  transform: rotate(180deg);
}

.l-sidebarmodules-collapsed .l-modulelist {
  display: none;
}

.l-sidebarsectionhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.l-sidebarsectionhead .l-modulestoggle {
  flex: 0 0 auto;
}

.l-modulebutton {
  font: inherit;
  border: 1px solid #c8d4ea;
  background: #ffffff;
  color: var(--l-bg-mid);
  border-radius: 999px;
  min-height: 28px;
  padding: 3px 9px;
  font-size: 0.8rem;
  cursor: pointer;
}

.l-modulebutton:hover,
.l-modulebutton:focus-visible {
  background: #f0f5fe;
  border-color: #b8c9e8;
}

.l-modulebutton-active {
  background: #e2ebfb;
  border-color: #a8bee8;
  color: #173a7a;
  font-weight: 700;
}

.l-modulebutton-disabled,
.l-modulebutton:disabled {
  color: #8fa0c3;
  border-color: #d2dced;
  background: #f2f5fb;
  cursor: not-allowed;
}

.l-modulebutton-disabled:hover,
.l-modulebutton-disabled:focus-visible,
.l-modulebutton:disabled:hover,
.l-modulebutton:disabled:focus-visible {
  background: #f2f5fb;
  border-color: #d2dced;
}

.l-sidebartitle {
  margin: 0;
  font-size: 0.96rem;
  letter-spacing: 0.03em;
  color: var(--l-bg-mid);
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

.l-sidebartitlemain {
  font-weight: 700;
  color: var(--l-bg-mid);
}

.l-sidebartitlesub {
  font-weight: 500;
  color: #aeb8cc;
}

.l-searchinput {
  border: 1px solid #c8d4ea;
  border-radius: var(--l-radius-sm);
  padding: 8px 10px;
  background: #ffffff;
}

.l-convlist {
  list-style: none;
  margin: 0;
  padding: 0 8px 12px;
  display: grid;
  gap: 3px;
}

.l-sidebarbody {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 8px;
  position: relative;
  z-index: 1;
}

.l-sidebarfoot {
  position: sticky;
  bottom: 0;
  padding: 10px;
  border-top: 1px solid #d7e0ef;
  background: #f8faff;
  z-index: 130;
  pointer-events: auto;
}

.l-avatarbutton {
  width: 100%;
  min-width: 0;
  max-width: 130px;
  border: 1px solid #c8d4ea;
  border-radius: 12px;
  background: #ffffff;
  padding: 9px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  color: var(--l-ink-main);
  cursor: pointer;
  position: relative;
  z-index: 140;
  pointer-events: auto;
}

.l-avatarbadge {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  flex: 0 0 32px;
  border-radius: 999px;
  background: var(--l-bg-mid);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
}

.l-avatartext {
  font-size: 0.9rem;
  flex: 1 1 auto;
  max-width: 62px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-accountrow {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  container-type: inline-size;
  position: relative;
  z-index: 140;
  pointer-events: auto;
}

.l-sidebarfoottools {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.l-accesspicker {
  position: relative;
  z-index: 140;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  pointer-events: auto;
}

.l-accesspickerhead {
  font-size: 0.62rem;
  line-height: 1.1;
  color: #7a8cad;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 2px;
}

.l-accessbutton {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 34px;
  border: 1px solid #c8d4ea;
  border-radius: 8px;
  background: #ffffff;
  color: var(--l-bg-mid);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  position: relative;
  z-index: 140;
  pointer-events: auto;
}

.l-accessbutton:focus-visible {
  outline: 2px solid rgba(86, 132, 222, 0.25);
  outline-offset: 1px;
}

.l-accesslabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-accesscaret {
  color: #7183ad;
  line-height: 1;
  transform: translateY(-1px);
}

.l-accessmenu {
  position: absolute;
  left: auto;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 180;
  min-width: 220px;
  max-width: 360px;
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 4px;
}

.l-accessmenuhint {
  font-size: 0.73rem;
  color: #6f80a4;
  padding: 6px 9px 5px;
  border-bottom: 1px solid #e4ebfa;
  margin-bottom: 2px;
}

.l-accessmenuitem {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.84rem;
  cursor: pointer;
}

.l-accessmenuitem:hover,
.l-accessmenuitem:focus-visible {
  background: #eff4fd;
}

.l-accessmenuitem-active {
  background: #f2f7ff;
}

.l-accessmenuitemtext {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-accessmenucheck {
  color: #2fb36d;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  min-width: 12px;
  text-align: right;
}

.l-accountmenuwrap {
  position: relative;
  z-index: 140;
  flex: 1 1 130px;
  width: auto;
  min-width: 0;
  max-width: 130px;
  pointer-events: auto;
}

@container (max-width: 290px) {
  .l-accountmenuwrap {
    flex: 0 0 46px;
    max-width: 46px;
  }

  .l-avatarbutton {
    max-width: 46px;
    min-width: 46px;
    padding: 8px 6px;
    justify-content: center;
    gap: 0;
  }

  .l-avatartext {
    display: none;
  }
}

.l-accountmenu {
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  z-index: 180;
  min-width: 220px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 4px;
}

.l-accountmenuitem {
  font: inherit;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 8px 9px;
  cursor: pointer;
}

.l-accountmenuitem:hover,
.l-accountmenuitem:focus-visible {
  background: #eff4fd;
}

.l-langbutton {
  position: relative;
  z-index: 140;
  width: 34px;
  height: 34px;
  border: 1px solid #c8d4ea;
  border-radius: 8px;
  background: #ffffff;
  color: var(--l-bg-mid);
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  pointer-events: auto;
}

.l-notificationbutton {
  position: relative;
  z-index: 140;
  width: 34px;
  height: 34px;
  border: 1px solid #c8d4ea;
  border-radius: 8px;
  background: #ffffff;
  color: var(--l-bg-mid);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.l-notificationbutton:hover,
.l-notificationbutton:focus-visible {
  border-color: #9fb8eb;
  background: #f5f9ff;
}

.l-notificationbutton:focus-visible {
  outline: 2px solid rgba(86, 132, 222, 0.25);
  outline-offset: 1px;
}

.l-notificationbutton-unread {
  color: #d83b3b;
  border-color: #e7bcbc;
  background: #fff7f7;
}

.l-notificationicon {
  width: 17px;
  height: 18px;
  display: block;
  background-color: currentColor;
  -webkit-mask: url("ui/module-icons/cloche.svg") center / contain no-repeat;
  mask: url("ui/module-icons/cloche.svg") center / contain no-repeat;
}

.l-convrow {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px;
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--l-radius-sm);
  background: #f6f9ff;
  padding: 0;
}

.l-convrow:hover {
  border-color: #d5dff0;
}

.l-convbutton {
  border: 0;
  background: transparent;
  text-align: left;
  padding: 8px;
  color: var(--l-ink-main);
  border-radius: 8px;
  cursor: pointer;
}

.l-convbutton.l-convbutton-active {
  background: #e4edfc;
  color: #183a7b;
}

.l-orgmemsidebarcardrow {
  list-style: none;
}

.l-orgmemsidebarcardwrap {
  position: relative;
}

.l-orgmemsidebarcard {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 8px 40px 8px 9px;
  border: 1px solid #c9d8f0;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.l-orgmemsidebarcard:hover,
.l-orgmemsidebarcard:focus-visible {
  border-color: #9fb8e8;
  box-shadow: 0 8px 20px rgba(17, 28, 67, 0.08);
}

.l-orgmemsidebarcard-active {
  border-color: #4e76cb;
  box-shadow: 0 12px 24px rgba(17, 28, 67, 0.14);
  background: linear-gradient(180deg, #f8fbff 0%, #e4eeff 100%);
}

.l-orgmemsidebarcardtitle {
  display: block;
  color: #18305f;
  font-size: 0.86rem;
  line-height: 1.25;
}

.l-orgmemsidebarcardmeta {
  display: block;
  color: #5b6f98;
  font-size: 0.75rem;
  line-height: 1.3;
}

.l-orgmemsidebarmorebutton {
  position: absolute;
  top: 7px;
  right: 6px;
  opacity: 1;
  color: #49618f;
  background: rgba(255, 255, 255, 0.72);
}

.l-orgmemsidebarmorebutton:hover,
.l-orgmemsidebarmorebutton:focus-visible {
  background: #f0f5ff;
}

.l-orgmemsidebarcardwrap .l-convmenu {
  right: 6px;
  top: 40px;
}

.l-convmenuitem-danger {
  color: #8b2e2e;
}

.l-convmenuitem-danger:hover {
  background: #fff0f0;
}

.l-convmorebutton {
  border: 0;
  background: transparent;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  color: var(--l-ink-soft);
  cursor: pointer;
  opacity: 0;
  transform: rotate(90deg);
}

.l-convrow:hover .l-convmorebutton,
.l-convmorebutton:focus-visible {
  opacity: 1;
}

.l-convmenu {
  position: absolute;
  right: 2px;
  top: calc(100% + 2px);
  z-index: 7;
  width: 190px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 3px;
}

.l-convmenuitem {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 7px 8px;
  cursor: pointer;
}

.l-convmenuitem:hover {
  background: #eff4fd;
}

.l-modulerow {
  list-style: none;
  border: 1px solid transparent;
  border-radius: var(--l-radius-sm);
  background: #f6f9ff;
  padding: 4px;
}

.l-modulerowbutton {
  font: inherit;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  color: var(--l-ink-main);
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
}

.l-modulerowbutton:hover,
.l-modulerowbutton:focus-visible {
  background: #e9f0fc;
}

.l-modulerowbutton.l-modulerowbutton-add {
  width: 80%;
  margin-inline: auto;
  display: block;
  text-align: center;
  border: 1px solid #7c9ce8;
  background: #6f96e8;
  color: #ffffff;
  font-weight: 600;
}

.l-modulerowbutton.l-modulerowbutton-add:hover,
.l-modulerowbutton.l-modulerowbutton-add:focus-visible {
  background: #6288d8;
  border-color: #6288d8;
}

.l-select-sidebar {
  width: 100%;
  min-width: 0;
}

.l-documenttemplatecardrow {
  list-style: none;
}

.l-documenttemplatecardbutton {
  width: 100%;
  display: grid;
  gap: 3px;
  padding: 7px 8px;
}

.l-documenttemplatecardline {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  font-size: 0.77rem;
  color: #5a6f97;
}

.l-documenttemplatecardline-top {
  justify-content: space-between;
  gap: 8px;
}

.l-documenttemplatecardtitle {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 0.84rem;
  color: #1c2b57;
}

.l-documenttemplatecardstatus {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 1px 6px;
  background: #edf3fe;
  color: #335792;
  font-size: 0.68rem;
  font-weight: 700;
}

.l-documenttemplatecardseparator {
  color: #a6b6d4;
}

.l-documenttemplatecardproperty {
  color: #34527f;
}

.l-folderaddrow {
  list-style: none;
  margin-bottom: 6px;
}

.l-folderaddbutton {
  width: 80%;
  margin-inline: auto;
}

.l-foldersectionrow {
  list-style: none;
}

.l-foldersectionbutton {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--l-ink-main);
  padding: 8px 10px;
  cursor: pointer;
}

.l-foldersectionbutton:hover,
.l-foldersectionbutton:focus-visible {
  background: #eef4ff;
}

.l-foldersectionbutton-active {
  border-color: #c1d3f4;
  background: #e9f1ff;
}

.l-foldersectionicon {
  width: 15px;
  color: #6f84b0;
  text-align: center;
  flex: 0 0 auto;
}

.l-foldersectionmeta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-foldersectionlabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-foldersectioncount {
  color: #7b8db3;
  font-size: 0.8rem;
}

.l-foldercatrow {
  list-style: none;
  position: relative;
  border-radius: 9px;
  margin-top: 2px;
}

.l-foldercatrow.l-foldercatrow-menuopen {
  z-index: 240;
  overflow: visible;
}

.l-foldercatrow-parent {
  border: 1px solid #d4dff2;
  background: #f6f9ff;
  padding: 3px 4px;
  width: 100%;
  max-width: 308px;
  overflow: hidden;
}

.l-foldercatrow-parent.l-foldercatrow-menuopen,
.l-foldercatrow-child.l-foldercatrow-menuopen {
  overflow: visible;
}

.l-foldercathead {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.l-foldercatexpander {
  border: 0;
  background: transparent;
  color: #6077a6;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.l-foldercatexpander:hover,
.l-foldercatexpander:focus-visible {
  background: #e8efff;
}

.l-foldercatexpanderplaceholder {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.l-foldercatchildren {
  margin-top: 4px;
  padding-left: 18px;
  display: grid;
  gap: 2px;
}

.l-foldercatrow-child {
  background: #fbfdff;
  border: 1px solid #dfe7f7;
  padding: 2px 4px;
  width: 100%;
  max-width: 260px;
  overflow: hidden;
}

.l-foldercatbutton {
  flex: 1 1 auto;
  width: auto;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 8px 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-foldercatbutton:hover,
.l-foldercatbutton:focus-visible {
  background: #eef4ff;
}

.l-foldercatbutton-active {
  border-color: #c1d3f4;
  background: #e9f1ff;
}

.l-foldercatmore {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #7589b3;
  border-radius: 8px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 0;
}

.l-foldercatrow:hover .l-foldercatmore,
.l-foldercatmore:focus-visible,
.l-foldercatrow.l-foldercatrow-menuopen .l-foldercatmore {
  opacity: 1;
}

.l-foldercatmenu {
  position: absolute;
  right: 0;
  top: calc(100% + 2px);
  z-index: 260;
  width: 220px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 3px;
}

.l-foldercatmenuitem {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 7px 8px;
  cursor: pointer;
}

.l-foldercatmenuitem:hover {
  background: #eff4fd;
}

.l-chatpanel {
  height: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  animation: l-fade-slide-in 360ms ease-out both;
  overflow-y: hidden;
  overflow-x: hidden;
}

body.l-module-myfolders .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-grouplibrary .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-myfolders.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

body.l-module-grouplibrary.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

body.l-module-knowledgehub .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-knowledgehub.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

body.l-module-profile .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-profile.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

body.l-module-billing .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-billing.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

body.l-module-tutorial .l-chatpanel {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.l-module-tutorial.l-chatmode-initial .l-chatpanel {
  display: flex;
  grid-template-rows: none;
  row-gap: 0;
}

.l-myfolderspage {
  flex: 1 0 auto;
  min-height: 0;
  overflow: visible;
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
}

.l-myfolderscontent {
  min-height: 0;
  flex: 1 1 auto;
  width: 100%;
  overflow: visible;
  display: grid;
  align-content: start;
  gap: 14px;
}

.l-myfoldersgrid {
  max-width: none;
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  overflow-x: visible;
}

.l-myfoldersempty {
  max-width: none;
  width: 100%;
  margin: 8px 0 0;
  border: 1px dashed #bfd0f0;
  border-radius: 12px;
  background: #f7faff;
  color: #6d7ea5;
  padding: 20px;
  text-align: center;
}

.l-myfoldercard {
  position: relative;
  border: 1px solid #d5dff1;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 11px;
  min-height: 118px;
  max-width: 100%;
  min-width: 0;
  display: grid;
  gap: 8px;
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  overflow: hidden;
}

.l-myfoldercard::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 12px 0 0 12px;
  background: var(--l-item-color, #9cb1da);
}

.l-myfoldercardhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.l-myfoldercardtitle {
  margin: 0;
  font-size: 0.98rem;
  color: #1c2f62;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-myfoldercardtype {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 0.75rem;
  letter-spacing: 0.01em;
  color: var(--l-item-tag-text, #6f96e8);
  background: var(--l-item-tag-bg, #edf3fe);
  padding: 2px 9px;
  font-weight: 600;
  white-space: nowrap;
}

.l-myfoldercardcontent {
  color: #33476f;
  font-size: 0.9rem;
  line-height: 1.38;
  overflow: hidden;
  max-height: 140px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.l-myfolderspage-long .l-myfoldercardcontent {
  max-height: 650px;
}

.l-myfolderspage-short .l-myfoldercard {
  max-height: 240px;
}

.l-myfoldercard.l-myfoldercard-commentsopen {
  overflow: visible;
}

.l-myfolderspage-short .l-myfoldercard.l-myfoldercard-commentsopen {
  max-height: none;
}

.l-myfolderspage-short .l-myfoldercardcontent {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.l-myfoldercardmeta {
  font-size: 0.76rem;
  color: #7e90b6;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.l-myfoldercardmeta > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.l-module-myfolders .l-topbar {
  grid-template-columns: auto minmax(0, 1fr);
}

body.l-module-grouplibrary .l-topbar {
  grid-template-columns: auto minmax(0, 1fr);
}

body.l-module-myfolders .l-topcluster-end {
  min-width: 0;
}

body.l-module-grouplibrary .l-topcluster-end {
  min-width: 0;
}

body.l-module-myfolders .l-topcluster-end .l-myfoldersactionswrap {
  justify-content: flex-end;
  gap: 8px;
}

body.l-module-grouplibrary .l-topcluster-end .l-myfoldersactionswrap {
  justify-content: flex-end;
  gap: 8px;
}

body.l-module-myfolders .l-topcluster-end .l-myfoldersactionswrap,
body.l-module-grouplibrary .l-topcluster-end .l-myfoldersactionswrap {
  position: relative;
  overflow: visible;
}

body.l-module-myfolders .l-topcluster [data-l-my-folders-view-wrap],
body.l-module-grouplibrary .l-topcluster [data-l-my-folders-view-wrap] {
  gap: 8px;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
}

body.l-module-myfolders .l-topcluster .l-myfolderstopbarsearchwrap,
body.l-module-grouplibrary .l-topcluster .l-myfolderstopbarsearchwrap {
  margin-left: 0;
  min-width: 150px;
  max-width: 150px;
  flex: 0 0 150px;
}

.l-myfoldercardactions {
  position: absolute;
  right: 8px;
  top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
}

.l-myfoldercard:hover .l-myfoldercardactions,
.l-myfoldercard:focus-within .l-myfoldercardactions {
  opacity: 1;
  pointer-events: auto;
}

.l-myfolderaction {
  width: 28px;
  height: 28px;
  border: 1px solid #d4def1;
  border-radius: 7px;
  background: #f5f8fe;
  color: #5e74a4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.l-myfolderaction svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

.l-glgrouprow {
  margin: 0;
}

.l-glgroupbutton {
  width: 100%;
  min-height: 56px;
  max-height: 56px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: center;
  justify-items: start;
  gap: 2px;
  padding: 8px 10px;
  text-align: left;
  color: var(--l-ink-main);
  cursor: pointer;
  overflow: hidden;
}

.l-glgroupbutton:hover,
.l-glgroupbutton:focus-visible {
  background: #f0f4fc;
  border-color: #d7e0f2;
}

.l-glgroupbutton-active {
  background: #dce8ff;
  border-color: #bfd3f8;
}

.l-glgrouptitle {
  display: block;
  width: 100%;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-glgrouporg {
  display: block;
  width: 100%;
  font-size: 0.76rem;
  color: #7385ad;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-glgroupscopes {
  list-style: none;
  margin: 4px 0 0;
  padding: 0 0 0 8px;
  display: grid;
  gap: 4px;
}

.l-glcommentpanel {
  border-top: 1px solid #dce4f4;
  padding-top: 8px;
  margin-top: 2px;
  display: grid;
  gap: 8px;
}

.l-glcommenttitle {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: #2b3f6f;
}

.l-glcommentinputrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.l-glcommentinput {
  min-height: 74px;
  resize: vertical;
  font-size: 0.86rem;
}

.l-glcommentfeedback {
  margin: 0;
  font-size: 0.78rem;
  color: #4b6ca7;
}

.l-glcommentfeedback-error {
  color: #c64145;
}

.l-glcommentlist {
  display: grid;
  gap: 7px;
  max-height: 210px;
  overflow: auto;
  padding-right: 4px;
}

.l-glcommentempty {
  margin: 0;
  font-size: 0.8rem;
  color: #7b8cb3;
}

.l-glcommententry {
  border: 1px solid #dce5f6;
  border-radius: 9px;
  background: #f8fbff;
  padding: 7px 8px;
  display: grid;
  gap: 4px;
}

.l-glcommententryhead {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
  font-size: 0.76rem;
  color: #5f74a3;
}

.l-glcommententryhead strong {
  color: #1c2f62;
  font-size: 0.8rem;
}

.l-glcommententrytext {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.35;
  color: #2e426f;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.l-myfolderaction:hover,
.l-myfolderaction:focus-visible {
  border-color: #b8caee;
  background: #e9f0ff;
}

.l-myfolderaction-danger {
  color: #d46060;
}

.l-knowledgehubpage {
  flex: 1 0 auto;
  min-height: 0;
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.l-knowledgehubtabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-knowledgetabpanel {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
}

.l-knowledgeaddflow {
  display: grid;
  gap: 14px;
}

.l-knowledgeaddstep {
  border: 1px solid #d7e2f4;
  border-radius: 12px;
  background: #f9fbff;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.l-knowledgeaddstepnote {
  margin: 0;
  color: #5f759f;
  font-size: 0.86rem;
}

.l-knowledgeadddefinegrid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.l-knowledgeadddefinecolumn {
  border: 1px solid #d2ddf2;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 10px 22px rgba(103, 132, 192, 0.08);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  justify-content: flex-start;
  align-items: stretch;
  align-self: start;
}


.l-knowledgeadddefinehead {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 4px;
  border-bottom: 1px solid #e6edf9;
  flex: 0 0 auto;
}


.l-knowledgeadddefinesubtitle {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: #18336a;
}

.l-knowledgeadddefinesubnote {
  margin: 0;
  color: #5f759f;
  font-size: 0.82rem;
  line-height: 1.5;
}

.l-knowledgeadddefineoptions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  flex: 0 0 auto;
}


.l-knowledgeadddefineoption {
  border: 1px solid #cbd9f1;
  border-radius: 14px;
  background: #f9fbff;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.l-knowledgeadddefineoption:hover {
  border-color: #a9c0ea;
  background: #f4f8ff;
  box-shadow: 0 8px 18px rgba(111, 140, 199, 0.1);
}

.l-knowledgeadddefineoption input[type="radio"] {
  margin: 3px 0 0;
  flex: 0 0 auto;
}

.l-knowledgeadddefineoption:has(input[type="radio"]:checked) {
  border-color: #7698e0;
  box-shadow: inset 0 0 0 1px #7698e0, 0 10px 24px rgba(100, 132, 196, 0.14);
  background: linear-gradient(180deg, #eef4ff 0%, #e7efff 100%);
}

.l-knowledgeadddefinebody {
  display: grid;
  gap: 6px;
  min-width: 0;
  align-content: start;
}

.l-knowledgeadddefinebody strong {
  color: #223c72;
  font-size: 0.96rem;
  line-height: 1.35;
}

.l-knowledgeadddefinebody span {
  color: #5f759f;
  font-size: 0.82rem;
  line-height: 1.55;
}

.l-knowledgeaddchoicegrid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.l-knowledgeaddchoice {
  border: 1px solid #cbd9f1;
  border-radius: 11px;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  color: #223c72;
  font-weight: 600;
  font-size: 0.9rem;
}

.l-knowledgeaddchoice:hover {
  border-color: #adc4ea;
  background: #f3f7ff;
}

.l-knowledgeaddchoice input[type="radio"] {
  margin: 0;
}

.l-knowledgeaddchoice:has(input[type="radio"]:checked) {
  border-color: #7e9de1;
  box-shadow: inset 0 0 0 1px #7e9de1;
  background: #edf3ff;
}

.l-knowledgeaddpanel {
  border: 1px solid #d2ddf2;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
  display: grid;
  gap: 10px;
}

.l-knowledgeaddfieldhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-knowledgeaddfieldcontrols {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-knowledgeaddinlinecheck {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #365183;
  font-size: 0.8rem;
  font-weight: 600;
}

.l-knowledgeaddinlinecheck input[type="checkbox"] {
  margin: 0;
}

.l-knowledgeaddcompactselect {
  min-width: 180px;
  max-width: 240px;
}

.l-knowledgeaddtextarea {
  min-height: 170px;
  resize: vertical;
}

.l-knowledgeaddfilehead {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.l-knowledgeaddfileheadactions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-knowledgeaddfilehead .l-settingslabel {
  margin-right: auto;
}

.l-knowledgeaddenergynote {
  margin: 0;
  border: 1px solid #e2ca9a;
  border-radius: 10px;
  background: #fff8ec;
  color: #6f5a2b;
  font-size: 0.8rem;
  line-height: 1.45;
  padding: 8px 10px;
}

.l-knowledgeaddfilelist {
  display: grid;
  gap: 8px;
}

.l-knowledgeaddfileactions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.l-knowledgeaddfilesummary {
  color: #5f759f;
  font-size: 0.83rem;
}

.l-knowledgeaddprogress {
  border: 1px solid #d7e2f6;
  border-radius: 10px;
  background: #f9fbff;
  padding: 6px 8px;
  display: grid;
  gap: 4px;
  max-height: 108px;
  overflow: auto;
  scrollbar-gutter: stable;
}

.l-knowledgeaddprogressitem {
  color: #2a416d;
  font-size: 0.77rem;
  line-height: 1.3;
  margin: 0;
}

.l-knowledgeaddfileitem {
  border: 1px solid #d6e0f3;
  border-radius: 10px;
  background: #f9fbff;
  padding: 9px 10px;
  display: grid;
  gap: 8px;
}

.l-knowledgeaddfilemeta {
  display: grid;
  gap: 6px;
}

.l-knowledgeaddfileheadline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-knowledgeaddfiletitlefield {
  margin: 0;
}

.l-knowledgeaddfiletitlefield .l-settingslabel {
  margin-bottom: 4px;
}

.l-knowledgeaddfiletitleinput {
  width: 100%;
}

.l-knowledgeaddfilename {
  color: #213a6d;
  font-weight: 700;
  font-size: 0.88rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-knowledgeaddfilesize {
  color: #6a80ab;
  font-size: 0.8rem;
}

.l-knowledgeaddfilecontrols {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.l-knowledgeaddfilecontrols [data-l-knowledge-add-remove-file] {
  margin-left: auto;
}

.l-knowledgeaddfilestatus {
  margin: 0;
  color: #5f759f;
  font-size: 0.8rem;
  line-height: 1.4;
}

.l-knowledgeaddfilestatus-processing {
  color: #365183;
}

.l-knowledgeaddfilestatus-done {
  color: #1f7a4d;
}

.l-knowledgeaddfilestatus-error {
  color: #b23535;
}

.l-knowledgeaddextractedfield {
  margin: 0;
}

.l-knowledgeaddextractedfield .l-settingslabel {
  margin-bottom: 4px;
}

.l-knowledgeaddextractedtextarea {
  min-height: 150px;
  resize: vertical;
}

.l-knowledgeaddcontentgrid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: start;
}

.l-knowledgeaddfilemodes {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

.l-knowledgeaddmodeoption {
  border: 1px solid #cad8f1;
  border-radius: 999px;
  background: #ffffff;
  color: #2a4376;
  font-size: 0.8rem;
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.l-knowledgeaddmodeoption input[type="radio"] {
  margin: 0;
}

.l-knowledgeaddmodeoption:has(input[type="radio"]:checked) {
  border-color: #7e9ee1;
  background: #eaf1ff;
}

.l-knowledgeaddmodehelp {
  margin: 0;
  border-radius: 10px;
  background: #edf2ff;
  color: #365183;
  font-size: 0.84rem;
  line-height: 1.45;
  padding: 8px 10px;
}

.l-knowledgeaddselecthelp {
  margin: 6px 0 0;
  color: #5f759f;
  font-size: 0.8rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

.l-knowledgeaddautotext {
  margin: 0;
  color: #2a416d;
  line-height: 1.5;
  font-size: 0.88rem;
}

.l-knowledgeaddgrid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: start;
}

.l-knowledgeaddgrid-docmeta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.l-knowledgeaddgrid .l-settingsfield {
  min-width: 0;
  align-self: start;
}

.l-knowledgeaddgrid .l-modalfieldui {
  margin-top: 0;
}

.l-knowledgeaddgrid .l-select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-knowledgeaddstep2actions {
  margin-top: 8px;
}

@media (max-width: 980px) {
  .l-knowledgeadddefinegrid,
  .l-knowledgeaddcontentgrid,
  .l-knowledgeaddgrid-docmeta,
  .l-zoteromodalgrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.l-knowledgeheading {
  margin: 0;
  font-size: 1rem;
  color: #1c2f62;
}

.l-knowledgesourceslist,
.l-knowledgechunkslist {
  display: grid;
  gap: 10px;
}

.l-knowledgecard {
  border: 1px solid #d5dff1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  padding: 12px;
  display: grid;
  gap: 8px;
}

.l-knowledgecard-empty {
  border-style: dashed;
  background: #f7faff;
}

.l-knowledgecardhead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.l-knowledgecardtitle {
  margin: 0;
  color: #1c2f62;
  font-size: 0.96rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-knowledgecardactions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.l-knowledgeiconbutton {
  width: 28px;
  height: 28px;
  border: 1px solid #d4def1;
  border-radius: 7px;
  background: #f6f9ff;
  color: #5c73a6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

.l-knowledgeiconbutton:hover,
.l-knowledgeiconbutton:focus-visible {
  border-color: #b9cdee;
  background: #eaf1ff;
}

.l-knowledgeiconbutton.l-knowledgeiconbutton-danger {
  color: #d45f5f;
}

.l-knowledgeiconbutton svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

.l-knowledgecardmeta {
  margin: 0;
  color: #6a7ea8;
  font-size: 0.84rem;
}

.l-knowledgeproviderbadge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  border: 1px solid #d6c7a5;
  background: #fff7ea;
  color: #7d5b1d;
  font-size: 0.73rem;
  font-weight: 700;
  padding: 4px 8px;
}

.l-knowledgeproviderwarning {
  margin: 0;
  border: 1px solid #ead7b3;
  border-radius: 10px;
  background: #fffaf0;
  color: #78571b;
  font-size: 0.78rem;
  line-height: 1.4;
  padding: 8px 10px;
}

.l-knowledgechunk {
  border: 1px solid #d6e1f3;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
  display: grid;
  gap: 8px;
  position: relative;
}

.l-knowledgechunkactions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  transition: opacity 120ms ease-in-out;
}

.l-knowledgechunk:hover .l-knowledgechunkactions,
.l-knowledgechunk:focus-within .l-knowledgechunkactions {
  opacity: 1;
}

.l-knowledgechunk.l-knowledgechunk-with-actions .l-knowledgechunktitle {
  padding-right: 68px;
}

.l-knowledgechunktitle {
  margin: 0;
  font-size: 0.9rem;
  color: #21386b;
}

.l-knowledgechunkdescription {
  margin: 0;
  color: #4e6490;
  font-size: 0.84rem;
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.l-knowledgechunktext {
  margin: 0;
  color: #2f446f;
  font-size: 0.9rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.l-knowledgechunkmeta {
  display: grid;
  gap: 4px;
}

.l-knowledgechunkmeta p {
  margin: 0;
  font-size: 0.8rem;
  color: #6e83af;
}

.l-knowledgechunk-highlighted {
  border-color: #8ea9df;
  box-shadow: inset 0 0 0 1px rgba(53, 96, 178, 0.18), 0 0 0 3px rgba(120, 157, 230, 0.16);
  background: linear-gradient(180deg, #fafdff 0%, #eef5ff 100%);
}

.l-knowledgeempty {
  border: 1px dashed #bfd0f0;
  border-radius: 12px;
  background: #f7faff;
  color: #6d7ea5;
  padding: 20px;
  text-align: center;
}

.l-knowledgeemptynote {
  margin: 0;
  color: #6d7ea5;
}

.l-zoteropage {
  position: absolute;
  inset: 0;
  z-index: 50;
  overflow: auto;
  padding: 16px 14px 18px;
  background:
    radial-gradient(circle at top left, rgba(191, 147, 78, 0.14), transparent 30%),
    linear-gradient(145deg, #eff3fa 0%, #e7edf7 100%);
}

.l-zoteropagegrid {
  display: grid;
  gap: 12px;
  max-width: 1320px;
  margin: 0 auto;
  align-content: start;
}

.l-zoterocard {
  border: 1px solid #d3def1;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  padding: 14px;
  display: grid;
  gap: 12px;
}

.l-zoterocard-compact {
  gap: 10px;
}

.l-zoterocardhead,
.l-zoteromodalhead,
.l-zoteropanelhead,
.l-zoterocollectionhead,
.l-zoteroimporthead,
.l-zoteroconnectionrow,
.l-chatrefrow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-zoterosubtitle,
.l-zoteropanelsubtitle {
  margin: 0;
  color: #1d2f5f;
  font-size: 0.98rem;
}

.l-zoteronote {
  margin: 4px 0 0;
  color: #62769f;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-zoteroactions,
.l-chatreflinks {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-zoterostatus {
  margin: 0;
  border: 1px solid #d7e2f6;
  border-radius: 10px;
  background: #f8fbff;
  color: #49608c;
  font-size: 0.84rem;
  line-height: 1.4;
  padding: 9px 10px;
}

.l-zoterostatus-success {
  border-color: #bdddc9;
  background: #f2fbf5;
  color: #2e6b47;
}

.l-zoterostatus-error {
  border-color: #e7c2c2;
  background: #fff4f4;
  color: #9d3f3f;
}

.l-zoteroconnectionmeta,
.l-zoteropreview,
.l-zoteroimportslist,
.l-zoterocollectionlist,
.l-chatrefslist {
  display: grid;
  gap: 8px;
}

.l-zoteroconnectionmeta {
  color: #3f547f;
  font-size: 0.86rem;
}

.l-zoteroconnectionlabel {
  color: #6a7da7;
  font-size: 0.78rem;
}

.l-zoteroconnectionvalue {
  color: #213a6d;
  font-weight: 700;
  font-size: 0.86rem;
}

.l-zoteromodalcard {
  width: min(96vw, 1040px);
  max-height: calc(100dvh - 40px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 12px;
  overflow: hidden;
  align-self: center;
  margin-top: 0;
}

.l-zoteromodalgrid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 12px;
  align-items: stretch;
}

.l-zoteromodalpanel {
  min-height: 0;
  border: 1px solid #d7e2f6;
  border-radius: 12px;
  background: #f9fbff;
  padding: 12px;
  display: grid;
  gap: 10px;
  align-content: start;
  overflow: auto;
  scrollbar-gutter: stable;
}

.l-zoterocollectionlist,
.l-zoteroimportslist {
  min-height: 0;
  max-height: none;
  overflow: visible;
  scrollbar-gutter: auto;
}

.l-zoterocollectionitem,
.l-zoteroimportitem,
.l-zoteropreviewcard,
.l-chatrefitem {
  border: 1px solid #d3def1;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 11px;
  display: grid;
  gap: 6px;
}

.l-zoterocollectionitem {
  cursor: pointer;
}

.l-zoterocollectionitem:hover,
.l-zoterocollectionitem:focus-within {
  border-color: #adc2ea;
  background: #f3f7ff;
}

.l-zoterocollectionitem-selected {
  border-color: #5d84d7;
  box-shadow: inset 0 0 0 1px rgba(53, 96, 178, 0.22);
  background: #e8f0ff;
}

.l-zoterocollectionitem[aria-pressed="true"] {
  border-color: #5d84d7;
  box-shadow: inset 0 0 0 1px rgba(53, 96, 178, 0.22);
  background: #e8f0ff;
}

.l-zoterocollectiontitle,
.l-zoteroimporttitle,
.l-zoteropreviewtitle,
.l-chatreftitle {
  margin: 0;
  color: #1f3567;
  font-size: 0.9rem;
  font-weight: 700;
}

.l-zoterocollectionmeta,
.l-zoteroimportmeta,
.l-zoteropreviewmeta,
.l-chatrefmeta,
.l-chatrefexcerpt {
  margin: 0;
  color: #667ca5;
  font-size: 0.8rem;
  line-height: 1.4;
}

.l-zoterocollectionbadge,
.l-zoteroimportbadge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #ebf2ff;
  color: #365183;
  border: 1px solid #c9d8f1;
  font-size: 0.74rem;
  font-weight: 700;
  padding: 4px 8px;
}

.l-zoteropreviewcard {
  border-style: dashed;
}

.l-chatrefs {
  margin-top: 10px;
  border-top: 1px solid #dde6f6;
  padding-top: 10px;
  display: grid;
  gap: 8px;
}

.l-chatsources {
  margin-top: 8px;
  display: grid;
  gap: 4px;
}

.l-chatsourceshead {
  margin: 0;
  color: #6b7fa8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.l-chatsourceslist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 3px;
}

.l-chatsourceitem {
  color: #61769d;
  font-size: 0.78rem;
  line-height: 1.38;
}

.l-chatsourcelabel {
  color: #30486f;
}

.l-chatsourcechunks {
  color: #6f84ac;
}

.l-chatsourcechunklink {
  color: #40619a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.l-chatsourcechunklink:hover,
.l-chatsourcechunklink:focus-visible {
  color: #24457d;
}

.l-chatrefshead {
  margin: 0;
  color: #5b739f;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.l-chatrefbutton {
  border: 1px solid #c8d6ef;
  border-radius: 999px;
  background: #eef4ff;
  color: #284578;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 700;
  padding: 4px 8px;
  cursor: pointer;
}

.l-chatrefbutton:hover,
.l-chatrefbutton:focus-visible {
  background: #e4edff;
  border-color: #b9caea;
}

.l-profilepage {
  flex: 1 0 auto;
  min-height: 0;
  padding: 14px 16px 18px;
  display: grid;
  gap: 14px;
  align-content: start;
}

.l-profilecard {
  border: 1px solid #d5dff1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  padding: 12px;
  display: grid;
  gap: 12px;
}

.l-profilehead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.l-profileavatarpanel {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}

.l-profileavatarbadge {
  width: 70px;
  height: 70px;
  border-radius: 999px;
  border: 1px solid #b9c9e8;
  background: linear-gradient(165deg, #8aa9ea, #6f96e8);
  color: #ffffff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  flex: 0 0 auto;
}

.l-profileavatarcontent {
  display: grid;
  gap: 4px;
}

.l-profilesubtitle {
  margin: 0;
  font-size: 1rem;
  color: #1c2f62;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.l-profilenote {
  margin: 0;
  color: #546a94;
  font-size: 0.84rem;
  line-height: 1.4;
}

.l-profileorglink {
  color: #4d6fb0;
  font-size: 0.83rem;
  text-decoration: underline;
  white-space: nowrap;
}

.l-profilegrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
}

.l-profilepasswordgrid {
  display: grid;
  gap: 8px;
}

.l-profilefield {
  display: grid;
  gap: 3px;
}

.l-profilefieldlabel {
  color: #7a8fb9;
  font-size: 0.8rem;
  line-height: 1.3;
}

.l-profileinput {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d6dfef;
  padding: 7px 0 8px;
  border-radius: 0;
  font-size: 0.9rem;
  color: #1f3567;
  background: transparent;
}

.l-profileinput:focus {
  outline: none;
  border-bottom-color: #7f9ee1;
}

.l-profileinput[readonly] {
  color: #8a9bc0;
}

.l-profilehint {
  color: #8a9bc0;
  font-size: 0.78rem;
  line-height: 1.3;
}

.l-profileactions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.l-profilefeedback {
  margin: 0;
  font-size: 0.82rem;
  color: #6f84ad;
}

.l-profilefeedback-success {
  color: #2f8a60;
}

.l-profilefeedback-error {
  color: #c44b5f;
}

.l-profilecard-danger .l-profilesubtitle {
  padding-bottom: 8px;
  border-bottom: 1px solid #e4eaf6;
}

.l-profiledangerrow {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.l-billingpage {
  flex: 1 0 auto;
  min-height: 0;
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
}

.l-billinggrid {
  width: 100%;
  max-width: 1200px;
  display: grid;
  gap: 14px;
  align-content: start;
}

.l-billingcard {
  border: 1px solid #d5dff1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  padding: 12px;
  display: grid;
  gap: 10px;
}

.l-billingcard-history {
  gap: 12px;
}

.l-billingsubtitle {
  margin: 0;
  font-size: 1rem;
  color: #1c2f62;
}

.l-billingrow {
  border: 1px solid #e2e9f6;
  border-radius: 10px;
  background: #f9fbff;
  padding: 10px 11px;
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(0, 2fr) auto;
  gap: 12px;
  align-items: center;
}

.l-billinglabel {
  color: #365183;
  font-size: 0.86rem;
  font-weight: 700;
}

.l-billingvaluegroup {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.l-billingvalue {
  color: #1b3264;
  font-size: 0.93rem;
  line-height: 1.35;
  word-break: break-word;
}

.l-billingmeta {
  color: #6d81aa;
  font-size: 0.8rem;
}

.l-billinghint {
  margin: 2px 0 0;
  color: #6d81aa;
  font-size: 0.8rem;
  line-height: 1.4;
}

.l-billingactions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.l-billinghistorywrap {
  border: 1px solid #d8e2f4;
  border-radius: 10px;
  overflow: hidden;
  background: #f9fbff;
}

.l-billinghistorytable {
  width: 100%;
  border-collapse: collapse;
}

.l-billinghistorytable thead th {
  text-align: left;
  padding: 9px 10px;
  background: #edf3ff;
  color: #294578;
  font-size: 0.81rem;
  font-weight: 700;
  border-bottom: 1px solid #d5e1f6;
}

.l-billinghistorytable tbody td {
  padding: 9px 10px;
  color: #253d70;
  font-size: 0.84rem;
  border-bottom: 1px solid #e4ebf8;
  vertical-align: top;
}

.l-billinghistorytable tbody tr:last-child td {
  border-bottom: 0;
}

.l-billinghistoryempty {
  padding: 14px;
  text-align: center;
  color: #6d80a8;
  font-size: 0.84rem;
}

.l-billingpagestatus {
  margin: -2px 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.84rem;
  line-height: 1.45;
  background: #eef4ff;
  color: #234784;
  border: 1px solid #cfdcf5;
}

.l-billingpagestatus-success {
  background: #ecfbf2;
  color: #18633d;
  border-color: #c9ebd6;
}

.l-billingpagestatus-error {
  background: #fff1f0;
  color: #a33a36;
  border-color: #f3d1ce;
}

.l-billingplancompare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.l-billingplanoption {
  border: 1px solid #cfdbf1;
  border-radius: 11px;
  background: #f9fbff;
  padding: 10px;
  display: grid;
  gap: 8px;
  align-content: start;
  color: #254074;
  cursor: pointer;
}

.l-billingplanoption:has(input[type="radio"]:checked) {
  border-color: #7e9de1;
  background: #eef4ff;
  box-shadow: inset 0 0 0 1px #7e9de1;
}

.l-billingplanoptionhead {
  font-size: 0.84rem;
  color: #4f668f;
  font-weight: 700;
}

.l-billingplanprice {
  font-size: 1rem;
  color: #1b3264;
  font-weight: 700;
}

.l-billingplansavings {
  color: #2f5b9f;
  font-size: 0.85rem;
  margin: 0;
}

.l-billingcreditslist {
  display: grid;
  gap: 8px;
}

.l-billingcheckoutstatus {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-billingcheckoutstatus-info {
  background: #eef4ff;
  color: #234784;
  border: 1px solid #cfdcf5;
}

.l-billingcheckoutstatus-success {
  background: #ecfbf2;
  color: #18633d;
  border: 1px solid #c9ebd6;
}

.l-billingcheckoutstatus-error {
  background: #fff1f0;
  color: #a33a36;
  border: 1px solid #f3d1ce;
}

.l-billingcreditquantity {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.l-billingcreditquantitylabel {
  color: #4f668f;
  font-size: 0.82rem;
  font-weight: 700;
}

.l-billingcreditquantityinput {
  width: 100%;
  max-width: 120px;
  border: 1px solid #cfdbf1;
  border-radius: 10px;
  padding: 10px 12px;
  background: #fff;
  color: #213b6d;
  font: inherit;
}

.l-billingcreditstotal {
  margin: 10px 0 0;
  color: #234784;
  font-size: 0.84rem;
  font-weight: 700;
}

.l-billingcreditoption {
  border: 1px solid #cfdbf1;
  border-radius: 10px;
  background: #f9fbff;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding: 9px 10px;
  cursor: pointer;
}

.l-billingcreditoption:has(input[type="radio"]:checked) {
  border-color: #7e9de1;
  background: #eef4ff;
}

.l-billingcreditlabel {
  color: #213b6d;
  font-size: 0.86rem;
  font-weight: 600;
}

.l-billingcreditprice {
  color: #1b3264;
  font-size: 0.86rem;
  font-weight: 700;
}

.l-modalcard[data-l-modal="billing-plan"],
.l-modalcard[data-l-modal="billing-credits"] {
  width: min(680px, 94vw);
}

.l-billingplanoption input[type="radio"],
.l-billingcreditoption input[type="radio"] {
  accent-color: #6f96e8;
}

@media (max-width: 980px) {
  .l-profilehead {
    flex-direction: column;
    align-items: stretch;
  }

  .l-profilegrid {
    grid-template-columns: 1fr;
  }

  .l-profileorglink {
    white-space: normal;
  }

  .l-billingrow {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .l-billingactions {
    justify-content: flex-start;
  }

  .l-billingplancompare {
    grid-template-columns: 1fr;
  }
}

.l-khbaserow {
  grid-template-columns: 1fr auto;
}

.l-khbaserow .l-convmorebutton {
  opacity: 1;
}

.l-khbaserow .l-convmenu {
  z-index: 12;
}

.l-modalcard.l-modalcard-foldereditor {
  width: min(96vw, 1680px);
  max-height: calc(100dvh - 16px);
  overflow: hidden;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.l-modalcard.l-modalcard-foldereditor.l-foldereditor-fullscreen {
  width: 100vw;
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  border-radius: 0;
  border: 0;
  padding: 10px 12px 0;
}

.l-modalshell.l-foldereditor-shell-fullscreen {
  padding: 0;
  place-items: stretch;
}

.l-foldereditorhead {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  min-height: 36px;
}

.l-foldereditorheadmain {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.l-foldereditortypepill {
  display: inline-flex;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--l-type-pill-text, #6f96e8) 34%, #ffffff);
  border-radius: 999px;
  background: var(--l-type-pill-bg, #e7edf5);
  min-height: 34px;
  height: 34px;
  padding: 0 10px;
}

.l-foldereditortypepill:focus-within {
  border-color: color-mix(in srgb, var(--l-type-pill-text, #6f96e8) 55%, #ffffff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--l-type-pill-bg, #e7edf5) 74%, #ffffff);
}

.l-foldereditortypeselect {
  margin: 0;
  border: 0;
  background: transparent;
  background-image: var(--l-chevron-icon);
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: right 1px center;
  color: var(--l-type-pill-text, #6f96e8);
  font-size: 0.9rem;
  line-height: 1.2;
  padding: 0 18px 0 0;
  min-height: 0;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.l-foldereditortypeselect:focus {
  outline: none;
}

.l-foldereditortypeselect option[value="prompt"] {
  color: #6f96e8;
  background: #e7edf5;
}

.l-foldereditortypeselect option[value="note"] {
  color: #111c43;
  background: #ebeff6;
}

.l-foldereditortypeselect option[value="discussion"] {
  color: #41b883;
  background: #e7f5ef;
}

.l-foldereditortypeselect option[value="link"] {
  color: #49b6f5;
  background: #e6f5fe;
}

.l-foldereditortitlewrap {
  min-width: 0;
  flex: 1 1 auto;
}

.l-foldereditortitleinput {
  width: 100%;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  margin: 0;
  padding: 5px 2px 7px;
  background: transparent;
  color: #1b2f5e;
  font: inherit;
}

.l-foldereditortitleinput:focus {
  outline: none;
  border-bottom-color: transparent;
}

.l-foldereditorheadright {
  display: inline-flex;
  gap: 8px;
}

.l-foldereditortoolbutton svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

.l-foldereditortoolbutton-active {
  border-color: #b9cbef;
  background: #eaf1ff;
  color: #3d5d9f;
}

.l-foldereditortoolbar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid #d3deef;
  border-radius: 10px;
  background: #f5f8fe;
}

.l-foldereditortoolbarbtn {
  border: 1px solid #d2dcef;
  border-radius: 7px;
  background: #ffffff;
  color: #425b8f;
  min-width: 28px;
  height: 28px;
  padding: 0 7px;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.l-foldereditortoolbarselect {
  margin: 0;
  min-height: 28px;
  height: 28px;
  border: 1px solid #d2dcef;
  border-radius: 7px;
  background: #ffffff;
  color: #425b8f;
  padding: 0 24px 0 8px;
  font-size: 0.8rem;
}

.l-foldereditortoolbarbtn strong,
.l-foldereditortoolbarbtn em {
  line-height: 1;
  transform: translateY(-0.5px);
}

.l-foldereditortoolicon {
  width: 14px;
  height: 14px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-foldereditortoolbarbtn:hover,
.l-foldereditortoolbarbtn:focus-visible {
  background: #edf3ff;
  border-color: #c0d1ef;
}

.l-foldereditorcodewrap {
  width: 100%;
  min-height: 260px;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  border: 1px solid #c8d5ec;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.l-foldereditorlinenumbers {
  border-right: 1px solid #e1e8f6;
  background: #f6f8fd;
  color: #8ba0c9;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.86rem;
  line-height: 1.5;
  padding: 12px 4px 12px 0;
  text-align: right;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  user-select: none;
}

.l-foldereditorlinenumberline {
  min-height: 1.5em;
}

.l-foldereditorcontent {
  margin: 0;
  border: 0;
  border-radius: 0;
  min-height: 260px;
  height: 100%;
  resize: none;
  padding: 12px;
  font: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.86rem;
  line-height: 1.5;
  background: transparent;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  tab-size: 2;
}

.l-foldereditorcodewrap .l-foldereditorcontent {
  margin-top: 0;
  border: 0;
  border-radius: 0;
}

.l-foldereditorcontent:focus {
  outline: none;
}

.l-settingsfield[data-l-folder-editor-content-wrap] {
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.l-foldereditordetailspanel {
  display: grid;
  gap: 8px;
  border: 1px solid #d4dff2;
  border-radius: 10px;
  background: #f8fbff;
  padding: 10px;
}

.l-foldereditorbottombar {
  border-top: 0;
  min-height: 48px;
  padding: 8px 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}

.l-foldereditorstats {
  color: #6f83ae;
  font-size: 0.82rem;
  white-space: nowrap;
}

.l-foldereditorbottombaractions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.l-modalcard-foldereditor.l-foldereditor-fullscreen .l-foldereditorhead {
  min-height: 42px;
}

.l-modalcard-foldereditor.l-foldereditor-fullscreen .l-foldereditorcontent {
  min-height: 0;
}

.l-modalcard-foldereditor.l-foldereditor-fullscreen .l-foldereditorcodewrap {
  min-height: 0;
  height: 100%;
}

.l-modalcard-foldereditor.l-foldereditor-fullscreen [data-l-folder-editor-content-wrap] {
  min-height: 0;
  flex: 1 1 auto;
}

.l-chatscroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable both-edges;
  padding: 20px 20px 130px;
}

.l-chatempty {
  max-width: 660px;
  margin: 18vh auto 0;
  text-align: center;
}

.l-herohead {
  margin: 0;
  font-size: clamp(1.4rem, 2vw, 2rem);
  color: var(--l-bg-mid);
}

.l-herotext {
  margin: 10px 0 0;
  color: var(--l-ink-soft);
}

.l-chatlist {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 780px;
  display: grid;
  gap: 12px;
}

.l-chatcutoff {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: grid;
  gap: 5px;
  justify-items: stretch;
}

.l-chatcutoffanchor {
  scroll-margin-top: 84px;
}

.l-chatcutoffline {
  width: 100%;
  height: 1px;
  background: #9bb0da;
}

.l-chatcutofflabel {
  justify-self: center;
  font-size: 0.73rem;
  color: #7f8eb0;
  background: rgba(235, 239, 246, 0.95);
  padding: 0 8px;
  border-radius: 999px;
}

.l-chatline {
  position: relative;
  border-radius: var(--l-radius-md);
  border: 1px solid #d4def0;
  background: #ffffff;
  padding: 12px 14px;
  color: var(--l-ink-main);
  box-shadow: 0 3px 10px rgba(17, 28, 67, 0.05);
  animation: l-rise-in 190ms ease-out both;
}

.l-chatline.l-chatline-menuopen {
  z-index: 80;
}

.l-chatline-user {
  border-color: #c2d5fb;
  background: #edf3fe;
}

.l-chatline-agent {
  border-color: #d3e2dc;
  background: #ffffff;
}

.l-chatline-processing {
  border-color: #c4d3ee;
  background: linear-gradient(180deg, #f8fbff 0%, #f1f6ff 100%);
}

.l-chatcontent {
  display: grid;
  gap: 8px;
  line-height: 1.45;
  position: relative;
  z-index: 1;
}

.l-chatcontent-live {
  white-space: pre-wrap;
  word-break: break-word;
}

.l-chatline-processing .l-msgactions {
  opacity: 0 !important;
  pointer-events: none !important;
}

.l-processingstate {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 24px;
}

.l-processinglabel {
  color: #4f648f;
  font-size: 0.9rem;
  font-weight: 600;
}

.l-processingdots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.l-processingdot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #6f96e8;
  opacity: 0.3;
  animation: l-processing-pulse 1.05s ease-in-out infinite;
}

.l-chatcontent p,
.l-chatcontent ul,
.l-chatcontent ol,
.l-chatcontent table {
  margin: 0;
}

.l-chatcontent h1,
.l-chatcontent h2,
.l-chatcontent h3,
.l-chatcontent h4 {
  margin: 0;
  line-height: 1.28;
  color: #172a58;
}

.l-chatcontent h1 {
  font-size: 1.62rem;
}

.l-chatcontent h2 {
  font-size: 1.44rem;
}

.l-chatcontent h3 {
  font-size: 1.28rem;
}

.l-chatcontent h4 {
  font-size: 1.14rem;
}

.l-chatcontent p + p {
  margin-top: 5px;
}

.l-chatcontent p + h1,
.l-chatcontent p + h2,
.l-chatcontent p + h3,
.l-chatcontent p + h4,
.l-chatcontent ul + h1,
.l-chatcontent ul + h2,
.l-chatcontent ul + h3,
.l-chatcontent ul + h4,
.l-chatcontent ol + h1,
.l-chatcontent ol + h2,
.l-chatcontent ol + h3,
.l-chatcontent ol + h4,
.l-chatcontent blockquote + h1,
.l-chatcontent blockquote + h2,
.l-chatcontent blockquote + h3,
.l-chatcontent blockquote + h4,
.l-chatcontent table + h1,
.l-chatcontent table + h2,
.l-chatcontent table + h3,
.l-chatcontent table + h4,
.l-chatcontent hr + h1,
.l-chatcontent hr + h2,
.l-chatcontent hr + h3,
.l-chatcontent hr + h4,
.l-chatcontent pre + h1,
.l-chatcontent pre + h2,
.l-chatcontent pre + h3,
.l-chatcontent pre + h4 {
  margin-top: 12px;
}

.l-chatcontent h1 + p,
.l-chatcontent h2 + p,
.l-chatcontent h3 + p,
.l-chatcontent h4 + p,
.l-chatcontent h1 + ul,
.l-chatcontent h2 + ul,
.l-chatcontent h3 + ul,
.l-chatcontent h4 + ul,
.l-chatcontent h1 + ol,
.l-chatcontent h2 + ol,
.l-chatcontent h3 + ol,
.l-chatcontent h4 + ol {
  margin-top: 4px;
}

.l-chatcontent ul,
.l-chatcontent ol {
  padding-left: 18px;
}

.l-chatcontent table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #c8d7ef;
  background: #f9fbff;
}

.l-chatcontent th,
.l-chatcontent td {
  border: 1px solid #c8d7ef;
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
}

.l-chatcontent th {
  background: #edf3fe;
  font-weight: 700;
}

.l-chatcontent blockquote {
  margin: 0;
  padding: 8px 12px;
  border-left: 3px solid #9ab4e8;
  background: #f4f8ff;
  color: #2c446f;
}

.l-chatcontent blockquote > :first-child {
  margin-top: 0;
}

.l-chatcontent blockquote > :last-child {
  margin-bottom: 0;
}

.l-chatcontent hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #cad8ee;
  margin: 2px 0;
}

.l-chatcontent a {
  color: #325ba8;
}

.l-chatcontent code {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 0.88em;
  background: rgba(17, 28, 67, 0.08);
  border-radius: 6px;
  padding: 1px 5px;
}

.l-assistantactioncard {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #d8e3f3;
  border-radius: 12px;
  background: #f8fbff;
}

.l-assistantactioncard-running {
  border-color: #c5d6f2;
  background: #f3f8ff;
}

.l-assistantactioncard-completed {
  border-color: #b8dcc7;
  background: #f3fbf6;
}

.l-assistantactioncard-failed {
  border-color: #e7c3c3;
  background: #fff7f7;
}

.l-assistantactiontitle {
  font-size: 0.84rem;
  font-weight: 700;
  color: #1b2e5b;
}

.l-assistantactiontext {
  margin: 0;
  color: #496084;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-assistantactionactions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.l-assistantactiondone,
.l-assistantactionrunning {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 600;
}

.l-assistantactiondone {
  color: #2f8a5a;
}

.l-assistantactiondone::before {
  content: "\2713";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(47, 138, 90, 0.14);
}

.l-assistantactionrunning {
  color: #48658f;
}

.l-assistantactionrunning::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(72, 101, 143, 0.22);
  border-top-color: #48658f;
  animation: l-action-spin 0.85s linear infinite;
}

.l-chatpre {
  margin: 0;
  position: relative;
  border-radius: 10px;
  border: 1px solid #253569;
  background: #111c43;
  color: #ebeff6;
  padding: 28px 12px 10px;
  overflow: auto;
}

.l-chatpre code {
  background: transparent;
  padding: 0;
  color: inherit;
  display: block;
  white-space: pre;
}

.l-msgactions {
  position: absolute;
  right: 8px;
  top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease;
  z-index: 20;
}

.l-msgcopybutton,
.l-msgmorebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #c2d0e8;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--l-bg-mid);
  line-height: 1;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
  padding: 0;
}

.l-msgparambutton {
  max-width: 220px;
  border: 1px solid #d5deef;
  border-radius: 8px;
  background: rgba(238, 243, 252, 0.95);
  color: #4a5a82;
  font-size: 0.74rem;
  line-height: 1.2;
  padding: 6px 9px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.l-msgparambutton:disabled {
  cursor: default;
  opacity: 0.78;
}

.l-msgcopybutton {
  font-size: 0;
}

.l-msgmorebutton {
  font-size: 0;
}

.l-msgmorebutton::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: currentcolor;
  box-shadow: 0 -5px 0 currentcolor, 0 5px 0 currentcolor;
}

.l-msgcopybutton::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='11' height='11' rx='2' ry='2' fill='none' stroke='%231c2b57' stroke-width='2'/%3E%3Cpath d='M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1' fill='none' stroke='%231c2b57' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.l-msgcopybutton.l-copydone {
  border-color: #9fd5bd;
}

.l-msgcopybutton.l-copydone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23308a5f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.l-chatline:hover .l-msgactions,
.l-chatline:focus-within .l-msgactions,
.l-chatline.l-chatline-menuopen .l-msgactions {
  opacity: 1;
  pointer-events: auto;
}

.l-msgcopybutton:hover,
.l-msgmorebutton:hover,
.l-msgparambutton:hover {
  background: #eef4ff;
}

@keyframes l-action-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.l-msgmoremenu {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 120;
  width: 210px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 3px;
}

.l-msgmoreitem {
  font: inherit;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 7px 8px;
  cursor: pointer;
}

.l-msgmoreitem:hover,
.l-msgmoreitem:focus-visible {
  background: #eff4fd;
}

.l-codecopybutton {
  position: absolute;
  top: 6px;
  right: 6px;
  border: 1px solid #3f4f86;
  border-radius: 8px;
  background: #1b2a5a;
  color: #e3eafc;
  font-size: 0.7rem;
  padding: 3px 8px;
  cursor: pointer;
}

.l-codecopybutton:hover {
  filter: brightness(1.08);
}

.l-inputdock {
  position: sticky;
  bottom: 0;
  padding: 0 20px 18px;
  background: linear-gradient(
    180deg,
    rgba(235, 239, 246, 0) 0%,
    rgba(235, 239, 246, 0.92) 28%,
    rgba(235, 239, 246, 1) 100%
  );
}

.l-inputform {
  margin: 0 auto;
  width: 100%;
  max-width: 780px;
  position: relative;
  border: 1px solid #c9d6ee;
  border-radius: var(--l-radius-lg);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 8px;
  padding: 10px;
}

.l-chatcommandstatus {
  grid-column: 1 / -1;
  border: 1px solid #f2d58d;
  border-radius: 12px;
  background: #fff8e7;
  color: #715417;
  padding: 8px 10px;
  font-size: 0.82rem;
  line-height: 1.35;
}

.l-chatcommandstatus-warning {
  border-color: #f2d58d;
  background: #fff8e7;
  color: #715417;
}

.l-chatcommandstatus-error {
  border-color: #efc0c0;
  background: #fff1f1;
  color: #8b2f2f;
}

.l-chatcommandstatus-success {
  border-color: #bfd8b5;
  background: #eef8ea;
  color: #295f33;
}

.l-attachbutton {
  border: 1px solid #c9d6ee;
  border-radius: 999px;
  background: #f3f7ff;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 120ms ease, background 120ms ease, border-color 120ms ease;
}

.l-attachbutton:hover {
  background: #86a5e6;
  border-color: #6d90df;
  box-shadow: 0 0 0 2px rgba(111, 150, 232, 0.28), 0 6px 16px rgba(17, 28, 67, 0.18);
  transform: none;
}

.l-attachbutton:hover .l-attachicon path {
  stroke: #ffffff;
}

.l-attachicon {
  width: 18px;
  height: 18px;
}

.l-attachicon path {
  fill: none;
  stroke: var(--l-bg-mid);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-sendbutton {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: box-shadow 120ms ease, background 120ms ease;
}

.l-sendbutton:hover {
  background: #5d85da;
  box-shadow: 0 0 0 2px rgba(111, 150, 232, 0.3), 0 6px 16px rgba(17, 28, 67, 0.22);
  transform: none;
}

.l-sendshortcutwrap {
  position: relative;
  display: inline-flex;
}

.l-sendshortcutmenu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 50;
  width: min(308px, calc(100vw - 28px));
  border: 1px solid #c9d7f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 30px rgba(17, 28, 67, 0.2);
  padding: 12px;
  display: grid;
  gap: 10px;
}

.l-sendshortcutsection {
  display: grid;
  gap: 5px;
  border: 1px solid #e0e8f6;
  border-radius: 10px;
  background: #f9fbff;
  padding: 6px;
}

.l-sendshortcuttitle {
  padding: 2px 8px 3px;
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #7085b5;
}

.l-sendshortcutdivider {
  display: none;
}

.l-sendshortcutitem {
  font: inherit;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 8px 9px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  transition: background 120ms ease, border-color 120ms ease;
}

.l-sendshortcutitem:hover,
.l-sendshortcutitem:focus-visible {
  background: #f1f6ff;
}

.l-sendshortcutcheck {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1px solid #aab9db;
  background: #ffffff;
}

.l-sendshortcutitem[aria-checked="true"] .l-sendshortcutcheck {
  border-color: #416bc3;
  background: radial-gradient(circle, #416bc3 55%, #ffffff 60%);
}

.l-sendshortcutitem[aria-checked="true"] {
  border-color: #bfceee;
  background: #eaf1ff;
}

.l-sendicon {
  width: 18px;
  height: 18px;
}

.l-sendicon path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes l-processing-pulse {
  0%,
  80%,
  100% {
    transform: translateY(0);
    opacity: 0.25;
  }
  40% {
    transform: translateY(-2px);
    opacity: 1;
  }
}

.l-inputbox {
  font: inherit;
  font-size: 0.95rem;
  line-height: 1.4;
  border: 0;
  display: block;
  min-height: 40px;
  max-height: 180px;
  overflow: auto;
  padding: 10px;
  background: transparent;
  color: var(--l-ink-main);
  white-space: pre-wrap;
  word-break: break-word;
}

.l-inputbox:focus {
  outline: none;
}

.l-inputbox:empty::before {
  content: attr(data-l-placeholder);
  color: #9aa6c4;
  pointer-events: none;
}

.l-composercommandmenu {
  position: absolute;
  left: 58px;
  right: 58px;
  bottom: calc(100% + 8px);
  z-index: 40;
  max-height: min(320px, 48vh);
  overflow: auto;
  border: 1px solid #c8d7f0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(17, 28, 67, 0.18);
  padding: 10px;
  display: grid;
  gap: 6px;
  backdrop-filter: blur(10px);
}

.l-composercommandgroup {
  display: grid;
  gap: 6px;
}

.l-composercommandgrouplabel {
  padding: 4px 8px 0;
  color: #5d77a6;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.l-composercommanditem {
  width: 100%;
  display: grid;
  gap: 4px;
  text-align: left;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: #203659;
  cursor: pointer;
}

.l-composercommanditem:hover,
.l-composercommanditem-active {
  background: #eef4ff;
  border-color: #c7d6f2;
}

.l-composercommanditemhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.l-composercommandtoken {
  font-weight: 700;
  color: #173d84;
}

.l-composercommandmeta {
  color: #5b73a0;
  font-size: 0.8rem;
}

.l-composercommanddesc {
  color: #516c98;
  font-size: 0.88rem;
  line-height: 1.4;
}

.l-commandchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 2px;
  padding: 2px 6px 2px 10px;
  border-radius: 999px;
  border: 1px solid #bed0ef;
  background: #f1f6ff;
  color: #1e3a68;
  vertical-align: baseline;
}

.l-commandchip-slash {
  border-color: #c9d5f0;
  background: #edf3ff;
}

.l-commandchip-mention {
  border-color: #b8d7c3;
  background: #edf9f1;
  color: #1b5b39;
}

.l-commandchiplabel {
  font-size: 0.84rem;
  font-weight: 700;
  white-space: nowrap;
}

.l-commandchipremove {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(19, 44, 82, 0.12);
  color: inherit;
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0;
}

.l-commandchipremove:hover {
  background: rgba(19, 44, 82, 0.2);
}

.l-attachpill {
  display: inline-flex;
  align-items: center;
  max-width: 168px;
  border: 1px solid #b9cbe8;
  background: #edf3ff;
  color: #1c2b57;
  border-radius: 999px;
  padding: 2px 6px 2px 8px;
  margin: 0 2px;
  vertical-align: baseline;
  gap: 4px;
}

.l-attachpill-actionresult.l-attachpill-success {
  border-color: #9fd3b3;
  background: #e8f8ee;
  color: #1a5a33;
}

.l-attachpill-actionresult.l-attachpill-error {
  border-color: #e2b0b0;
  background: #fff0f0;
  color: #8b2d2d;
}

.l-attachpilllabel {
  max-width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  font-size: 0.84rem;
  cursor: pointer;
}

.l-attachpillopen,
.l-attachpillremove {
  border: 0;
  background: transparent;
  color: #4f6292;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.74rem;
  cursor: pointer;
}

.l-attachpillremove {
  color: #9c4c4c;
}

.l-attachpill-actionresult.l-attachpill-success .l-attachpillopen,
.l-attachpill-actionresult.l-attachpill-success .l-attachpillremove {
  color: #2f7a4d;
}

.l-attachpill-actionresult.l-attachpill-error .l-attachpillopen,
.l-attachpill-actionresult.l-attachpill-error .l-attachpillremove {
  color: #a34343;
}

.l-actionresultcard {
  margin: 0 0 12px;
  border: 1px solid #b9cbe8;
  border-radius: 18px;
  background: #f8fbff;
  box-shadow: 0 10px 24px rgba(20, 43, 79, 0.08);
  overflow: hidden;
}

.l-actionresultcard-success {
  border-color: #9fd3b3;
  background: #f4fbf6;
}

.l-actionresultcard-error {
  border-color: #e2b0b0;
  background: #fff5f5;
}

.l-actionresultcard-running {
  border-color: #b9cbe8;
  background: #f7faff;
}

.l-actionresultcard-body {
  padding: 16px 18px;
}

.l-actionresultcard-body > :first-child {
  margin-top: 0;
}

.l-actionresultcard-body > :last-child {
  margin-bottom: 0;
}

.l-actionresultcard-note {
  padding: 12px 18px 14px;
  border-top: 1px solid rgba(31, 61, 102, 0.12);
  font-size: 0.8rem;
  line-height: 1.45;
  color: #56708f;
}

.l-actionresultcard-success .l-actionresultcard-note {
  border-top-color: rgba(47, 122, 77, 0.18);
  color: #2f6b47;
}

.l-actionresultcard-error .l-actionresultcard-note {
  border-top-color: rgba(163, 67, 67, 0.18);
  color: #8b3a3a;
}

.l-chatmode-initial .l-chatscroll {
  grid-row: 2;
  flex: 0 0 auto;
  min-height: 0;
  padding: 20px 20px 0;
  overflow: visible;
}

.l-chatmode-initial .l-inputdock {
  grid-row: 3;
  position: static;
  left: auto;
  transform: none;
  width: 100%;
  padding: 12px 20px 18px;
  background: transparent;
}

.l-chatmode-initial .l-chatempty {
  display: block;
  margin: 0 auto;
  padding: 0 12px;
}

.l-chatmode-live .l-chatempty {
  display: none;
}

.l-chatmode-initial .l-chatpanel {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
  row-gap: clamp(24px, 7vh, 64px);
  align-items: stretch;
}

.l-modulelaunchershell {
  position: fixed;
  inset: 0;
  background: rgba(12, 19, 44, 0.35);
  z-index: 420;
  display: grid;
  place-items: center;
  padding: 20px;
}

.l-modulelaunchercard {
  width: min(100%, 1040px);
  max-height: calc(100dvh - 40px);
  border: 1px solid #ccd7ec;
  border-radius: var(--l-radius-md);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 16px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
}

.l-modulelauncherhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.l-modulelauncherback {
  white-space: nowrap;
}

.l-modulelaunchercontrols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px auto;
  gap: 10px;
  align-items: center;
}

.l-modulelaunchersearch,
.l-modulelauncherfilter {
  margin: 0;
}

.l-modulelauncherfilter[data-l-filter-tone="base"] {
  background-color: #f2f7ff;
}

.l-modulelauncherfilter[data-l-filter-tone="groups"] {
  background-color: #effaf4;
}

.l-modulelauncherfilter[data-l-filter-tone="personal"] {
  background-color: #fff6ed;
}

.l-modulelauncheredit {
  min-width: 122px;
  justify-content: center;
}

.l-modulelaunchersections {
  min-height: 0;
  overflow-y: auto;
  display: block;
  padding-right: 2px;
}

.l-modulelaunchergrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.l-modulelaunchercarditem {
  border: 1px solid #cfd9ee;
  border-radius: 12px;
  background: #f9fbff;
  display: grid;
  grid-template-rows: auto auto;
  position: relative;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.l-modulelaunchercarditem-base {
  background: #f7faff;
  border-color: #cfdbf3;
}

.l-modulelaunchercarditem-groups {
  background: #f4fbf7;
  border-color: #cfe8d9;
}

.l-modulelaunchercarditem-personal {
  background: #fff8f1;
  border-color: #eedbc4;
}

.l-modulelaunchercarditem:hover,
.l-modulelaunchercarditem:focus-within {
  border-color: #9eb2db;
  background: #f2f7ff;
}

.l-modulelaunchercarditem-active {
  border-color: #8aa7dc;
  box-shadow: inset 0 0 0 1px rgba(45, 84, 163, 0.14);
}

.l-modulelaunchercarditem-hidden {
  opacity: 0.55;
}

.l-modulelaunchercardopen {
  border: 0;
  background: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 10px 11px;
  cursor: pointer;
  color: inherit;
}

.l-modulelaunchercardopen:disabled {
  cursor: default;
}

.l-modulelaunchercardicon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid #bed0ef;
  background: #e8f0fd;
  color: #2a4479;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  flex: 0 0 auto;
}

.l-modulelaunchercardiconimage {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.l-modulelaunchercardtitle {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1d2f5b;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-modulelaunchercardmeta {
  margin-top: 1px;
  display: block;
  font-size: 0.74rem;
  color: #7f8fad;
}

.l-modulelaunchercarddraghandle {
  width: 16px;
  color: #7f90b1;
  letter-spacing: 1px;
  font-size: 0.84rem;
  flex: 0 0 auto;
  cursor: grab;
}

.l-modulelaunchercarditem-drag-before,
.l-modulelaunchercarditem-drag-after {
  border-color: #7e9ee0;
}

.l-modulelaunchercarditem-drag-before::before,
.l-modulelaunchercarditem-drag-after::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  border-radius: 99px;
  background: #2d66c3;
  box-shadow: 0 0 0 2px rgba(45, 102, 195, 0.14);
}

.l-modulelaunchercarditem-drag-before::before {
  top: -2px;
}

.l-modulelaunchercarditem-drag-after::after {
  bottom: -2px;
}

.l-modulelaunchercardhide {
  margin: 0 10px 10px;
  justify-self: start;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #c7d5ef;
  background: #eef3fd;
  color: #1f3a72;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
}

.l-modulelaunchercardhide:hover,
.l-modulelaunchercardhide:focus-visible {
  background: #e4edfc;
  border-color: #b5c8ea;
}

.l-modulelaunchercardtooltip {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: calc(100% + 8px);
  border: 1px solid #ccd8ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  color: #3b4e78;
  font-size: 0.76rem;
  line-height: 1.35;
  padding: 7px 8px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 120ms ease, transform 120ms ease;
  z-index: 2;
}

.l-modulelaunchercarditem:hover .l-modulelaunchercardtooltip,
.l-modulelaunchercarditem:focus-within .l-modulelaunchercardtooltip {
  opacity: 1;
  transform: translateY(0);
}

.l-modulelauncherempty {
  border: 1px dashed #cfd9ee;
  border-radius: 10px;
  background: #f9fbff;
  padding: 10px;
  font-size: 0.8rem;
  color: #6f7e9f;
}

.l-modalshell {
  position: fixed;
  inset: 0;
  background: rgba(12, 19, 44, 0.35);
  z-index: 130;
  display: grid;
  place-items: center;
  padding: 20px;
}

.l-ui-dialog-shell {
  z-index: 136;
}

.l-modalcard {
  width: min(100%, 460px);
  border: 1px solid #ccd7ec;
  border-radius: var(--l-radius-md);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 16px;
}

.l-ui-dialog-card {
  width: min(100%, 520px);
}

.l-ui-dialog-text {
  white-space: pre-line;
}

.l-ui-dialog-input,
.l-ui-dialog-textarea {
  margin-top: 8px;
}

.l-chat-source-chunk-modal {
  width: min(100%, 760px);
  max-height: calc(100dvh - 36px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
}

.l-chat-source-chunk-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.l-chat-source-chunk-headcopy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.l-chat-source-chunk-headcopy .l-modaltitle {
  font-size: 1.02rem;
}

.l-chat-source-chunk-headcopy .l-modaltext {
  margin: 0;
  font-size: 0.82rem;
  color: #6981a7;
}

.l-chat-source-chunk-status {
  margin: 0;
  border: 1px solid #d8e3f5;
  border-radius: 10px;
  background: #f8fbff;
  color: #5673a5;
  font-size: 0.84rem;
  line-height: 1.4;
  padding: 9px 11px;
}

.l-chat-source-chunk-status-error {
  border-color: #f0d0d0;
  background: #fff5f5;
  color: #9a4a4a;
}

.l-chat-source-chunk-body {
  min-height: 120px;
  max-height: min(60dvh, 520px);
  overflow: auto;
  border: 1px solid #d7e2f4;
  border-radius: 12px;
  background: #fbfdff;
  color: #1f365a;
  line-height: 1.62;
  padding: 14px 15px;
}

.l-chat-source-chunk-body > :first-child {
  margin-top: 0;
}

.l-chat-source-chunk-body > :last-child {
  margin-bottom: 0;
}

.l-user-announcement-modal {
  width: min(100%, 720px);
  max-height: calc(100dvh - 36px);
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 12px;
}

.l-user-announcement-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.l-user-announcement-list {
  display: grid;
  gap: 10px;
  max-height: min(62dvh, 520px);
  overflow: auto;
  padding: 2px;
}

.l-user-announcement-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d7e2f4;
  border-radius: 14px;
  background: #fbfdff;
  box-shadow: 0 12px 28px rgba(44, 71, 123, 0.08);
}

.l-user-announcement-card-unread {
  border-color: #b7caf0;
  box-shadow: 0 14px 32px rgba(69, 104, 174, 0.12);
}

.l-user-announcement-cardhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-user-announcement-cardmeta {
  font-size: 0.8rem;
  color: #6d81a2;
}

.l-user-announcement-cardbody {
  border: 1px solid #d7e2f4;
  border-radius: 12px;
  background: #ffffff;
  color: #1f365a;
  line-height: 1.62;
  padding: 14px 15px;
}

.l-user-announcement-cardbody > :first-child {
  margin-top: 0;
}

.l-user-announcement-cardbody > :last-child {
  margin-bottom: 0;
}

.l-user-announcement-cardactions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.l-user-announcement-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #d4dff2;
  background: #eef4ff;
  color: #27436f;
  font-size: 0.76rem;
  font-weight: 700;
}

.l-user-announcement-badge-info {
  border-color: #d4dff2;
  background: #eef4ff;
  color: #27436f;
}

.l-user-announcement-badge-success {
  border-color: #b8e5d0;
  background: #edf9f2;
  color: #1d6a45;
}

.l-user-announcement-badge-warning {
  border-color: #f2d4b2;
  background: #fff6e7;
  color: #8a5b14;
}

.l-user-announcement-badge-muted {
  border-color: #d9dfec;
  background: #f5f7fb;
  color: #7586a5;
}

.l-user-announcement-body {
  min-height: 160px;
}

.l-user-announcement-empty {
  margin: 0;
  color: #6981a7;
  padding: 16px;
  border: 1px solid #d7e2f4;
  border-radius: 12px;
  background: #fbfdff;
}

.l-user-announcement-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.l-modalcard-context {
  width: min(96vw, 1040px);
  max-height: calc(100dvh - 28px);
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 10px;
}

.l-modaltitle {
  margin: 0;
  font-size: 1rem;
  color: var(--l-bg-mid);
}

.l-modaltext {
  margin: 9px 0 0;
  color: var(--l-ink-mid);
}

.l-attachmentmodestatus {
  margin: 10px 0 0;
  border: 1px solid #d7e2f4;
  border-radius: 9px;
  background: #f8fbff;
  color: #4b638f;
  font-size: 0.83rem;
  line-height: 1.34;
  padding: 8px 10px;
}

.l-attachmentmodestatus-processing {
  border-color: #d9c89c;
  background: #fffaf0;
  color: #86631f;
}

.l-attachmentmodestatus-done {
  border-color: #bcdcc9;
  background: #f1fbf6;
  color: #2f6b47;
}

.l-attachmentmodestatus-error {
  border-color: #e7c2c2;
  background: #fff4f4;
  color: #9d3f3f;
}

.l-modalinput {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #c8d5ec;
  border-radius: var(--l-radius-sm);
  padding: 10px;
  resize: vertical;
}

.l-modalinput-large {
  min-height: 280px;
}

.l-attachmentsourceoptions {
  margin-top: 12px;
  display: grid;
  gap: 6px;
}

.l-attachmentsourceoption {
  font: inherit;
  border: 1px solid transparent;
  background: transparent;
  color: var(--l-ink-main);
  border-radius: var(--l-radius-sm);
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 8px 10px;
  cursor: pointer;
}

.l-attachmentsourceoption:hover,
.l-attachmentsourceoption:focus-visible {
  background: #f3f7ff;
  border-color: #cfdbf2;
}

.l-attachmentsourceicon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #2f487d;
}

.l-attachmentsourceicon svg {
  width: 20px;
  height: 20px;
}

.l-attachmentsourceurlrow {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.l-attachmentsourceurlinput {
  margin-top: 0;
}

.l-contexteditorhead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.l-contextfieldlabel {
  color: var(--l-ink-soft);
  font-size: 0.84rem;
}

.l-contexttitleinput {
  margin-top: 0;
}

.l-contexttokenbadge {
  border: 1px solid #c9d5eb;
  background: #f4f8ff;
  color: var(--l-bg-mid);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 5px 10px;
  white-space: nowrap;
}

.l-contexteditorwrap {
  width: 100%;
  min-height: 340px;
  max-height: min(56vh, 680px);
}

.l-contextlinenumbers {
  padding-top: 12px;
  padding-bottom: 12px;
}

.l-contextlinenumberline {
  min-height: 1.5em;
}

.l-contexteditorinput {
  margin-top: 0;
  resize: none;
  height: 100%;
  min-height: 340px;
  max-height: min(56vh, 680px);
}

.l-modalactions-context {
  margin-top: 0;
}

.l-attachbutton-modal {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}

.l-modalsearch {
  margin-top: 10px;
}

.l-contextnotelist {
  margin-top: 10px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #f9fbff;
  min-height: 160px;
  max-height: 290px;
  overflow: auto;
  padding: 6px;
  display: grid;
  gap: 5px;
}

.l-contextnoteitem {
  font: inherit;
  border: 1px solid #d1dbee;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  padding: 8px 10px;
  text-align: left;
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.l-contextnoteitem:hover,
.l-contextnoteitem:focus-visible {
  background: #f1f6ff;
}

.l-contextnoteitem-active {
  border-color: #aec6f2;
  background: #eaf1fd;
}

.l-contextnoteitemtitle {
  font-weight: 600;
  color: var(--l-ink-main);
}

.l-contextnoteitempreview {
  color: var(--l-ink-soft);
  font-size: 0.84rem;
}

.l-contextnoteempty {
  color: var(--l-ink-soft);
  font-size: 0.9rem;
  padding: 10px;
}

.l-modalactions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.l-modalactions-new-discussion {
  justify-content: flex-start;
  display: grid;
  gap: 8px;
}

.l-modalcheckboxline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--l-ink-main);
  font-size: 0.9rem;
}

.l-modalnote {
  margin: 0;
  color: #9aa7c4;
  font-size: 0.82rem;
}

.l-modalnotehelp {
  margin-top: 12px;
  padding: 10px 11px;
  border: 1px solid #d8e2f3;
  border-radius: 10px;
  background: #f6f9ff;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 9px;
}

.l-modalnoteicon {
  width: 22px;
  height: 22px;
  border: 1px solid #b8caea;
  border-radius: 999px;
  background: #eaf1ff;
  color: #5a77b2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.l-modalnoteicon svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-modalnotehelptext {
  margin: 1px 0 0;
  color: #7a8fb7;
  font-size: 0.83rem;
  line-height: 1.38;
}

.l-modaltext-inlinehint {
  margin-top: 2px;
  color: #4f5f86;
  font-size: 0.86rem;
}

.l-modalfieldui {
  margin-top: 10px;
}

.l-modalinput-description {
  min-height: 76px;
  resize: vertical;
}

.l-modaldivider {
  width: 100%;
}

.l-modaldivider-thin {
  height: 1px;
  background: #d9e1ee;
  margin: 2px 0 0;
}

/* New discussion controls: icon trigger + hover label, no bounce */
.l-newdiscussionbutton {
  font: inherit;
  border: 1px solid transparent;
  background: transparent;
  color: #3d527f;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  cursor: pointer;
  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.l-newdiscussionbutton:hover,
.l-newdiscussionbutton:focus-visible {
  transform: none;
  filter: none;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6f96e8;
}

.l-newdiscussionicon {
  width: 24px;
  height: 24px;
}

.l-newdiscussionicon rect,
.l-newdiscussionicon path {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-newdiscussiontext {
  position: absolute;
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #b8c9e8;
  background: #ffffff;
  color: var(--l-bg-mid);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 0.83rem;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 6px 14px rgba(17, 28, 67, 0.12);
  transition: opacity 120ms ease;
}

.l-newdiscussionbutton:hover .l-newdiscussiontext,
.l-newdiscussionbutton:focus-visible .l-newdiscussiontext {
  opacity: 1;
}

.l-sessionmenutopwrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.l-sessionmenutopbutton {
  font: inherit;
  border: 1px solid transparent;
  background: transparent;
  color: #3d527f;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.l-sessionmenutopbutton:hover,
.l-sessionmenutopbutton:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6f96e8;
}

.l-sessionmenutopdots {
  font-size: 1.1rem;
  line-height: 1;
  transform: translateY(-1px);
}

.l-sessionmenutop {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 95;
  width: 250px;
  border: 1px solid #d0dbef;
  border-radius: var(--l-radius-sm);
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 3px;
}

.l-sessionmenutopitem {
  font: inherit;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  padding: 8px 9px;
  cursor: pointer;
}

.l-sessionmenutopitem:hover,
.l-sessionmenutopitem:focus-visible {
  background: #eff4fd;
}

.l-settingswrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.l-settingsbutton {
  font: inherit;
  border: 1px solid #c8d4ea;
  border-radius: 8px;
  background: #f8fbff;
  color: var(--l-bg-mid);
  min-width: 74px;
  height: 34px;
  padding: 0 10px;
  cursor: pointer;
}

.l-settingsbutton:hover,
.l-settingsbutton:focus-visible {
  background: #eef4ff;
}

.l-settingspanel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 110;
  width: min(340px, calc(100vw - 24px));
  border: 1px solid #d0dbef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 10px;
  display: grid;
  gap: 8px;
}

.l-settingstitle {
  margin: 0;
  font-size: 0.92rem;
  color: var(--l-bg-mid);
}

.l-settingsfield {
  display: grid;
  gap: 5px;
}

.l-settingslabelrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-settingslabel {
  font-size: 0.8rem;
  color: #6c7ba0;
}

.l-settingsreadonlyvalue {
  min-height: 32px;
  border: 1px solid #d6dff0;
  border-radius: 8px;
  background: #f7faff;
  color: var(--l-bg-mid);
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  font-size: 0.85rem;
  font-weight: 600;
}

.l-settingsvalue {
  font-size: 0.8rem;
  color: var(--l-bg-mid);
  font-weight: 600;
}

.l-settingsslider {
  width: 100%;
}

.l-settingsslider:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.l-settingshint {
  font-size: 0.75rem;
  color: #8a99ba;
  line-height: 1.2;
}

.l-settingsfield-disabled {
  opacity: 0.8;
}

.l-settingsadvancedtoggle {
  font: inherit;
  border: 1px solid #cad6eb;
  border-radius: 8px;
  background: #f7faff;
  color: var(--l-bg-mid);
  height: 30px;
  padding: 0 8px;
  text-align: left;
  cursor: pointer;
}

.l-settingsadvanced {
  border-top: 1px solid #e2e8f4;
  padding-top: 8px;
  display: grid;
  gap: 7px;
}

.l-settingsnumber {
  height: 32px;
}

.l-settingskeepnrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.l-settingskeepnmini {
  display: grid;
  gap: 5px;
}

.l-settingsnumber[readonly] {
  background: #f7faff;
  color: #5f6f95;
}

[data-l-modal="new-discussion"] .l-primarybutton,
[data-l-modal="new-discussion"] .l-secondarybutton,
[data-l-modal="new-discussion"] .l-ghostbutton {
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}

[data-l-modal="new-discussion"] .l-primarybutton:hover,
[data-l-modal="new-discussion"] .l-secondarybutton:hover,
[data-l-modal="new-discussion"] .l-ghostbutton:hover,
[data-l-modal="new-discussion"] .l-primarybutton:focus-visible,
[data-l-modal="new-discussion"] .l-secondarybutton:focus-visible,
[data-l-modal="new-discussion"] .l-ghostbutton:focus-visible {
  transform: none;
  filter: none;
}

[data-l-modal="new-discussion"] .l-primarybutton:hover,
[data-l-modal="new-discussion"] .l-primarybutton:focus-visible {
  background: #89a0cf;
  border-color: #7e98ce;
  box-shadow: 0 0 0 2px rgba(157, 179, 225, 0.32);
}

[data-l-modal="new-discussion"] .l-secondarybutton:hover,
[data-l-modal="new-discussion"] .l-secondarybutton:focus-visible {
  background: #6f96e8;
  border-color: #5f85d9;
  box-shadow: 0 0 0 2px rgba(111, 150, 232, 0.28);
}

[data-l-modal="new-discussion"] .l-ghostbutton:hover,
[data-l-modal="new-discussion"] .l-ghostbutton:focus-visible {
  background: #d5deec;
  border-color: #c3cee1;
  box-shadow: 0 0 0 2px rgba(210, 220, 238, 0.35);
}

[data-l-modal="select-default-agent"] .l-primarybutton,
[data-l-modal="select-default-agent"] .l-ghostbutton {
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}

[data-l-modal="select-default-agent"] .l-primarybutton:hover,
[data-l-modal="select-default-agent"] .l-ghostbutton:hover,
[data-l-modal="select-default-agent"] .l-primarybutton:focus-visible,
[data-l-modal="select-default-agent"] .l-ghostbutton:focus-visible {
  transform: none;
  filter: none;
}

[data-l-modal="select-default-agent"] .l-primarybutton:hover,
[data-l-modal="select-default-agent"] .l-primarybutton:focus-visible {
  background: #89a0cf;
  border-color: #7e98ce;
  color: #ffffff;
  box-shadow: 0 0 0 2px rgba(157, 179, 225, 0.32);
}

[data-l-modal="select-default-agent"] .l-ghostbutton:hover,
[data-l-modal="select-default-agent"] .l-ghostbutton:focus-visible {
  background: #d5deec;
  border-color: #c3cee1;
  color: #1c2b57;
  box-shadow: 0 0 0 2px rgba(210, 220, 238, 0.35);
}

.l-agentpicklist {
  margin-top: 10px;
  display: grid;
  gap: 6px;
}

.l-agentempty {
  border: 1px dashed #d4ddec;
  border-radius: var(--l-radius-sm);
  background: #f8faff;
  color: var(--l-ink-soft);
  padding: 10px;
  font-size: 0.9rem;
}

.l-agentpickitem {
  width: 100%;
  border: 1px solid #d1dbee;
  border-radius: var(--l-radius-sm);
  background: #f9fbff;
  padding: 9px 10px;
  display: grid;
  gap: 2px;
  text-align: left;
  color: var(--l-ink-main);
  cursor: pointer;
}

.l-agentpickitem:hover {
  background: #f1f6ff;
}

.l-agentpickitem.l-agentpickitem-active {
  border-color: #aec6f2;
  background: #eaf1fd;
}

.l-agentpickname {
  font-weight: 600;
}

.l-agentpickmeta {
  color: var(--l-ink-soft);
  font-size: 0.84rem;
}

.l-createbotpage {
  position: absolute;
  inset: 0;
  z-index: 50;
  overflow: auto;
  padding: 16px;
  background: linear-gradient(145deg, #eef2f9 0%, #e7edf7 100%);
}

.l-createbottabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.l-createbottabbutton {
  border: 1px solid #b8c8e6;
  background: #f2f6fd;
  color: #2a3f72;
  border-radius: 999px;
  height: 34px;
  padding: 0 14px;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
}

.l-createbottabbutton:hover,
.l-createbottabbutton:focus-visible {
  background: #e6eefc;
}

.l-createbottabbutton-active {
  border-color: #1c2b57;
  box-shadow: inset 0 0 0 1px rgba(28, 43, 87, 0.15);
  background: #e9eef9;
  color: #1c2b57;
}

.l-createbottabpanel {
  display: block;
}

.l-createbottitle {
  margin: 0;
  color: #1c2b57;
  font-size: 1.16rem;
  font-weight: 700;
}

.l-createbotscope {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.l-createbotscopebutton {
  border: 1px solid #b8c8e6;
  background: #f2f6fd;
  color: #2a3f72;
  border-radius: 999px;
  min-height: 34px;
  height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.l-createbotscopebutton:hover,
.l-createbotscopebutton:focus-visible {
  background: #e6eefc;
  border-color: #9fb4dc;
}

.l-createbotscopebutton-active {
  border-color: #1c2b57;
  box-shadow: inset 0 0 0 1px rgba(28, 43, 87, 0.15);
  background: #e9eef9;
  color: #1c2b57;
}

.l-createbotscoperadio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2a3f72;
  min-height: 34px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.l-createbotscoperadioinput {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: #6f96e8;
  cursor: pointer;
}

.l-createbotscoperadiotext {
  line-height: 1.1;
}

.l-createbotscoperadio-active {
  color: #1c2b57;
  font-weight: 700;
}

.l-createbotscoperadio-disabled {
  opacity: 0.55;
  color: #7280a2;
  cursor: not-allowed;
}

.l-createbotscoperadio-disabled .l-createbotscoperadioinput {
  cursor: not-allowed;
}

.l-createbotgrid {
  display: grid;
  gap: 12px;
}

.l-createbotcard {
  border: 1px solid #bfd0ec;
  border-radius: 12px;
  background: #f9fbff;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.l-createbotrow {
  display: grid;
  gap: 10px;
}

.l-createbotrow[data-l-create-bot-list-row] {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.l-createbotrow[data-l-create-bot-list-row] .l-ghostbutton {
  min-height: 34px;
  height: 34px;
  padding: 0 14px;
  white-space: nowrap;
}

.l-createbotrow[data-l-create-bot-share-row] {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.l-createbotrow[data-l-create-bot-share-row] .l-ghostbutton {
  min-height: 34px;
  height: 34px;
  padding: 0 14px;
  white-space: nowrap;
}

.l-createbotrow-split {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.l-createbotrow-knowledge {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.l-createbothypergrid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.l-createbotfield {
  margin: 0;
}

.l-createbottextarea {
  min-height: 98px;
  resize: vertical;
}

.l-createbotsubtitle {
  margin: 0;
  font-size: 0.98rem;
  color: #1c2b57;
}

.l-createbotsysblock {
  border: 1px solid #ced9ed;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.l-createbotsysblockhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-createbotsysheadactions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-createbotsysblocktitle {
  font-size: 0.9rem;
  font-weight: 700;
  color: #1c2b57;
}

.l-createbotblocktoggle {
  min-height: 30px;
  height: 30px;
  min-width: 30px;
  width: 30px;
  border: 1px solid #c3d1ea;
  background: #f4f8ff;
  color: #324a7f;
  border-radius: 8px;
  font: inherit;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.l-createbotblocktoggle:hover,
.l-createbotblocktoggle:focus-visible {
  background: #eaf1ff;
}

.l-createbotaddblockbutton {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
}

.l-createbotsyseditor {
  min-height: 260px;
  max-height: 700px;
}

.l-createbotsyslines {
  padding-top: 12px;
  padding-bottom: 12px;
}

.l-createbotsystextarea {
  margin: 0;
  min-height: 260px;
  max-height: 700px;
  resize: vertical;
}

.l-createbotsyseditor-compact {
  min-height: 180px;
}

.l-createbotsyseditor-compact .l-createbotsystextarea {
  min-height: 180px;
}

.l-createbotsysadditionallist {
  display: grid;
  gap: 10px;
}

.l-createbotblockcard {
  border: 1px solid #d2dced;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.l-createbotblockhead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}

.l-createbotblocktitlefield {
  flex: 1 1 auto;
  min-width: 0;
}

.l-createbotblockmeta {
  display: inline-flex;
  align-items: end;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  align-self: end;
}

.l-createbotblockmeta .l-contexttokenbadge {
  margin: 0;
}

.l-createbotremoveblock {
  min-height: 30px;
  height: 30px;
  padding: 0 11px;
}

.l-createbotsharetags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-createbotsharetag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid #b6caef;
  background: #edf4ff;
  color: #1f3567;
  font-size: 0.84rem;
}

.l-createbotsharetagremove {
  border: 0;
  background: transparent;
  color: #4b5f90;
  font: inherit;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

.l-createbotsharetagremove:hover,
.l-createbotsharetagremove:focus-visible {
  color: #1e2e5a;
}

.l-createbotsharehint {
  margin: 0;
  color: #5b6f9b;
  font-size: 0.83rem;
}

.l-createbotsharesection {
  display: grid;
  gap: 8px;
}

.l-createbotsharesection-sheet {
  gap: 10px;
}

.l-createbotsharedivider {
  height: 1px;
  background: #d3ddef;
  margin: 2px 0;
}

.l-createbotexternalshares {
  display: grid;
  gap: 8px;
}

.l-createbotexternalshareitem {
  border: 1px solid #c5d4ed;
  border-radius: 10px;
  background: #ffffff;
  color: #243a68;
  font: inherit;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  display: grid;
  gap: 4px;
}

.l-createbotexternalsharetitle {
  font-weight: 700;
}

.l-createbotexternalsharemeta {
  font-size: 0.82rem;
  color: #5f6f95;
}

.l-createbotexternalshareitem:hover,
.l-createbotexternalshareitem:focus-visible {
  background: #f1f6ff;
}

.l-createbotsharemodal {
  position: absolute;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(15, 22, 40, 0.45);
}

.l-createbotsharemodalcard {
  width: min(920px, 100%);
  max-height: min(80vh, 780px);
  overflow: auto;
  border: 1px solid #c3d3ed;
  border-radius: 14px;
  background: #fdfefe;
  box-shadow: 0 24px 48px rgba(14, 24, 46, 0.24);
  padding: 14px;
  display: grid;
  gap: 10px;
}

.l-createbotsharemodalhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.l-createbotsharemodaltitle {
  margin: 0;
  color: #1c2b57;
  font-size: 1rem;
}

.l-createbotsharemodalbody {
  display: grid;
  gap: 10px;
}

.l-createbotsharemodalsection {
  border: 1px solid #d4def0;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
}

.l-createbotsharemodalsection h5 {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: #1c2b57;
}

.l-createbotsharemodalsection .l-modalinput,
.l-createbotsharemodalsection .l-select {
  margin-top: 0;
}

.l-createbotsharemodalactions {
  border-top: 1px solid #d4def0;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.l-createbotsharemodalactionsright {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-createbotsharehinttext {
  margin: 0 0 12px;
  color: #4f618a;
  font-size: 0.84rem;
  line-height: 1.5;
}

.l-createbotsharelangtags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.l-createbotsharelangtag {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #c2d3ef;
  border-radius: 999px;
  background: #f6f9ff;
  color: #2d4578;
  padding: 6px 12px;
  font: inherit;
  font-size: 0.84rem;
  line-height: 1.1;
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.l-createbotsharelangtag:not(.l-createbotsharelangtag-active):hover,
.l-createbotsharelangtag:not(.l-createbotsharelangtag-active):focus-visible {
  border-color: #8daae3;
  background: #eef4ff;
  color: #1f3567;
}

.l-createbotsharelangtag-active {
  background: #6f96e8;
  border-color: #6f96e8;
  color: #ffffff;
}

.l-createbotsharelangtag-active:hover,
.l-createbotsharelangtag-active:focus-visible {
  background: #6f96e8;
  border-color: #6f96e8;
  color: #ffffff;
}

.l-createbotsharefieldrow {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.l-createbotsharefieldrow-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.l-createbotsharereadonly {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.8rem;
  min-height: 84px;
}

.l-createbotsharecopyrow {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.l-createbotsharedomainrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}

.l-createbotsharedomainrow .l-modalinput {
  margin-top: 0;
}

.l-createbotsharedomaintags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.l-createbotsharecolorpickers {
  display: grid;
  gap: 10px;
}

.l-createbotsharecolorgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

.l-createbotsharecolorfield {
  gap: 6px;
}

.l-createbotsharecolorinput {
  width: 100%;
  min-height: 36px;
  border: 1px solid #c8d5ec;
  border-radius: 8px;
  background: #ffffff;
  padding: 3px;
  cursor: pointer;
}

.l-createbotsharecolorinput::-webkit-color-swatch-wrapper {
  padding: 0;
}

.l-createbotsharecolorinput::-webkit-color-swatch {
  border: 0;
  border-radius: 6px;
}

.l-createbotsharecolorinput::-moz-color-swatch {
  border: 0;
  border-radius: 6px;
}

@media (max-width: 980px) {
  .l-createbotsharefieldrow-split {
    grid-template-columns: 1fr;
  }

  .l-createbotsharedomainrow {
    grid-template-columns: 1fr;
  }

  .l-createbotsharecolorgrid {
    grid-template-columns: 1fr;
  }

  .l-masgrid {
    grid-template-columns: 1fr;
  }
}

.l-transcriptionpage {
  position: absolute;
  inset: 0;
  z-index: 50;
  overflow: auto;
  padding: 16px;
  background: linear-gradient(145deg, #eef2f9 0%, #e7edf7 100%);
}

.l-transcriptionhead {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-transcriptionheadspacer {
  flex: 1 1 auto;
}

.l-transcriptionheadactions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.l-transcriptiondisplaywrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.l-transcriptiondisplaymenuwrap {
  position: relative;
}

.l-transcriptiondisplaybutton {
  min-height: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-transcriptionsavebutton {
  min-height: 34px;
  height: 34px;
}

.l-transcriptiondisplaymenu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 85;
  min-width: 220px;
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 8px;
  display: grid;
  gap: 4px;
}

.l-transcriptionmorebutton {
  transform: none;
  font-size: 1rem;
  line-height: 1;
}

.l-transcriptiondisplayoption {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  padding: 6px 7px;
  cursor: pointer;
  color: var(--l-ink-main);
}

.l-transcriptiondisplayoption:hover {
  background: #f1f5fd;
}

.l-transcriptiondisplayoption input {
  accent-color: var(--l-primary);
}

.l-transcriptionsendtosession {
  min-height: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.l-transcriptionconvertbutton {
  min-height: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.l-transcriptionsendtosession .l-sendicon path {
  stroke: currentcolor;
}

.l-downloadicon {
  width: 18px;
  height: 18px;
}

.l-downloadicon path {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-transcriptiongrid {
  display: grid;
  gap: 12px;
}

.l-transcriptiontitlerow {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.l-transcriptiontitlefield {
  min-width: 0;
}

.l-transcriptiontitlelabel {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 600;
  color: #1c2b57;
}

.l-transcriptionnameinput {
  width: min(100%, 300px);
  max-width: 300px;
}

.l-transcriptioncard {
  border: 1px solid #bfd0ec;
  border-radius: 12px;
  background: #f9fbff;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.l-transcriptionsubtitle {
  margin: 0;
  font-size: 0.98rem;
  color: #1c2b57;
}

.l-transcriptiondropzone {
  border: 1px dashed #c6d4ec;
  border-radius: 12px;
  background: #ffffff;
  min-height: 170px;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  gap: 12px;
  padding: 18px 12px;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.l-transcriptiondropzone-active {
  border-color: #6f96e8;
  background: #edf4ff;
}

.l-transcriptionsourcebutton {
  min-height: 48px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.l-transcriptionsourceicon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #6f96e8;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

.l-transcriptionformats {
  margin: 0;
  color: #9aa7c4;
  font-size: 0.84rem;
  line-height: 1.45;
  max-width: min(860px, 100%);
}

.l-transcriptionfiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.l-transcriptionfileerror {
  margin: 0;
  color: #b6283e;
  font-size: 0.86rem;
  line-height: 1.35;
}

.l-transcriptionfilepill {
  border: 1px solid #c8d4ea;
  border-radius: 999px;
  background: #f3f7ff;
  color: #2e4779;
  font-size: 0.8rem;
  padding: 4px 10px;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-transcriptionsettingsgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
  align-items: start;
}

.l-transcriptionsettingscolumn {
  display: grid;
  gap: 10px;
}

.l-transcriptionpeoplerow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.l-transcriptionnotefield {
  min-width: 0;
}

.l-transcriptionnotehelp {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid #c6d4ec;
  background: #f0f5fe;
  color: #3f5a91;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: help;
}

.l-transcriptionnoteinput {
  min-height: 132px;
  resize: vertical;
}

.l-transcriptionactionsrow {
  display: flex;
  justify-content: flex-end;
}

.l-transcriptionstatus {
  margin: 0;
  border: 1px solid #cfdcf1;
  border-radius: 10px;
  background: #f3f7ff;
  color: #395893;
  padding: 8px 10px;
  font-size: 0.87rem;
  line-height: 1.4;
}

.l-transcriptionprocessingcard {
  background: #f4f8ff;
}

.l-transcriptionresultscard {
  gap: 0;
  overflow: hidden;
}

.l-transcriptiontablehead {
  display: grid;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid #d5dff0;
  background: #f2f7ff;
  padding: 8px 10px;
}

.l-transcriptionheadcell {
  font-size: 0.8rem;
  color: #5870a1;
  font-weight: 700;
}

.l-transcriptiontablebody {
  display: grid;
  max-height: min(62vh, 760px);
  overflow: auto;
}

.l-transcriptionrow {
  display: grid;
  gap: 8px;
  align-items: start;
  border-bottom: 1px solid #e1e8f5;
  background: #ffffff;
  padding: 7px 10px;
}

.l-transcriptionrow:last-child {
  border-bottom: 0;
}

.l-transcriptionrow:hover {
  background: #f7faff;
}

.l-transcriptionrow-active {
  background: #eaf2ff;
  outline: 1px solid #9db8ee;
  outline-offset: -1px;
}

.l-transcriptioncell {
  font-size: 0.88rem;
  line-height: 1.4;
  color: #233964;
  overflow-wrap: anywhere;
}

.l-transcriptioncol-start,
.l-transcriptioncol-end,
.l-transcriptioncol-duration {
  font-family: "Consolas", "Courier New", monospace;
  color: #4d6190;
}

.l-transcriptioncol-speaker {
  font-weight: 700;
  color: #1d3058;
}

.l-transcriptioncol-annotation {
  color: #6880b0;
}

.l-transcriptioneditable {
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 3px 5px;
  min-height: 22px;
  outline: none;
  background: transparent;
  cursor: text;
  white-space: pre-wrap;
}

.l-transcriptioneditable:hover {
  border-color: #d5dff1;
  background: #f9fbff;
}

.l-transcriptioneditable:focus {
  border-color: #9db8ee;
  background: #ffffff;
}

.l-transcriptioneditable-annotation:empty::before {
  content: attr(data-l-placeholder);
  color: #9fb0cf;
}

.l-transcriptioncol-actions {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.l-transcriptionlineaction {
  border: 0;
  background: transparent;
  color: #8090b1;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease, color 120ms ease, background-color 120ms ease;
}

.l-transcriptionrow:hover .l-transcriptionlineaction,
.l-transcriptionlineaction:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

.l-transcriptionlineaction:hover,
.l-transcriptionlineaction:focus-visible {
  color: #2b4478;
  background: #ebf1fe;
}

.l-transcriptionlinemenu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 75;
  width: 210px;
  border: 1px solid #cfd9ed;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: var(--l-shadow-soft);
  padding: 6px;
  display: grid;
  gap: 4px;
}

.l-transcriptionlinemenuitem {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--l-ink-main);
  text-align: left;
  font: inherit;
  font-size: 0.87rem;
  padding: 7px 8px;
  cursor: pointer;
}

.l-transcriptionlinemenuitem:hover,
.l-transcriptionlinemenuitem:focus-visible {
  background: #eef4ff;
}

.l-transcriptiontablefoot {
  border-top: 1px solid #dbe4f3;
  padding: 8px 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  background: #f7faff;
  color: #2a426f;
  font-size: 0.87rem;
}

.l-transcriptionplayer {
  border-top: 1px solid #dbe4f3;
  padding: 10px;
  display: grid;
  gap: 8px;
  background: #ffffff;
}

.l-transcriptionaudioplayer {
  width: 100%;
}

.l-modalscopeoptions {
  display: grid;
  gap: 6px;
}

.l-orgmempage {
  position: absolute;
  inset: 0;
  z-index: 50;
  overflow: auto;
  padding: 16px 14px 18px;
  background: linear-gradient(145deg, #eef2f9 0%, #e7edf7 100%);
}

.l-orgmemgrid {
  display: grid;
  gap: 12px;
  max-width: 1540px;
  margin: 0 auto;
  align-content: start;
}

.l-orgmemcard {
  border: 1px solid #bfd0ec;
  border-radius: 12px;
  background: #f8fbff;
  padding: 12px;
  display: grid;
  gap: 9px;
  align-content: start;
  box-shadow: 0 6px 14px rgba(17, 28, 67, 0.045);
}

.l-orgmemcard-split {
  grid-template-columns: minmax(250px, 1fr) minmax(330px, 1fr) minmax(290px, 1fr);
  align-items: start;
}

.l-orgmemcard-stub {
  min-height: 78px;
}

.l-orgmemfield {
  margin: 0;
  display: grid;
  gap: 7px;
  align-content: start;
  align-items: start;
}

.l-orgmemcard-split > .l-orgmemfield {
  align-self: start;
}

.l-orgmemfield .l-modalinput {
  margin-top: 0;
}

.l-orgmemdescriptioninput {
  min-height: 84px;
  resize: vertical;
  line-height: 1.45;
}

.l-orgmemsubtitle {
  margin: 0;
  font-size: 1.02rem;
  color: #1c2b57;
}

.l-orgmemmoduletabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.l-documenttemplatetopbar {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.l-documenttemplatemastabs {
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.l-documenttemplatetabseparator {
  color: #8da2c8;
  font-weight: 700;
  padding: 0 2px;
  flex: 0 0 auto;
}

.l-mastabs {
  max-width: min(100%, 1120px);
  padding: 6px;
  border: 1px solid rgba(184, 201, 232, 0.72);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(250, 252, 255, 0.92), rgba(239, 245, 255, 0.9));
  box-shadow: 0 10px 24px rgba(21, 39, 78, 0.06);
}

[data-l-structured-analysis-tabs-wrap] .l-mastabs {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-l-org-memory-tabs-wrap] .l-mastabs {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-l-research-tabs-wrap] .l-mastabs {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-l-meetings-tabs-wrap] .l-mastabs {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.l-orgmemmoduletab {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #edf3fe;
  border-color: #b8c9e8;
  color: #1f3666;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.l-orgmemmoduletab:hover,
.l-orgmemmoduletab:focus-visible {
  transform: none;
  filter: none;
  background: #dbe8ff;
  border-color: #8fa6d7;
  color: #17305f;
}

.l-orgmemmoduletab-active {
  border-color: #1c2b57 !important;
  box-shadow: 0 8px 16px rgba(33, 63, 118, 0.12), inset 0 0 0 1px rgba(28, 43, 87, 0.15);
  background: linear-gradient(180deg, #eef4ff, #e2ecff) !important;
  font-weight: 700;
}

.l-convbuttonmain {
  display: block;
  font-weight: 700;
}

.l-convbuttonsub {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #5b6f96;
}

.l-meetingcontextbanner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  margin-bottom: 18px;
  border: 1px solid #cbd8f0;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.95), rgba(233, 241, 255, 0.92));
  box-shadow: 0 14px 28px rgba(24, 51, 95, 0.08);
}

.l-meetingcontextmeta {
  display: grid;
  gap: 6px;
}

.l-meetingcontextpill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #edf3fe;
  border: 1px solid #bed0f1;
  color: #27467d;
  font-size: 12px;
  font-weight: 700;
}

.l-meetingcontexttitle {
  display: block;
  font-size: 22px;
  color: #16305d;
}

.l-meetingcontextactions {
  justify-content: flex-end;
}

.l-meetingworkspacecard {
  display: grid;
  gap: 18px;
}

.l-meetingworkspacecard-compact {
  gap: 12px;
}

.l-meetingworkspacecard-thin {
  gap: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.l-meetingworkspacehead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.l-meetingworkspacehead-compact {
  align-items: center;
  gap: 12px;
}

.l-meetingcontexttitle-compact {
  font-size: 18px;
}

.l-meetingworkspaceformgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: start;
}

.l-meetingworkspaceformgrid-single {
  grid-template-columns: minmax(0, 1fr);
}

.l-meetingworkspacecontext {
  min-height: 84px;
}

.l-meetingworkspacecompactline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.l-meetingsflowfooter {
  justify-content: center;
  margin-top: 12px;
}

.l-meetingsflowbutton {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.l-meetingsflowbuttonicon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-meetingscapturegrid {
  display: grid;
  gap: 20px;
}

.l-meetingscaptureconsole {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border-color: rgba(142, 174, 229, 0.9);
  background:
    radial-gradient(circle at top right, rgba(112, 150, 233, 0.2), transparent 32%),
    linear-gradient(145deg, rgba(250, 252, 255, 0.98), rgba(237, 244, 255, 0.96));
  box-shadow: 0 18px 34px rgba(24, 50, 104, 0.08);
}

.l-meetingscaptureconsole::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(55, 91, 168, 0.06) 1px, transparent 1px),
    linear-gradient(rgba(55, 91, 168, 0.05) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: 0.35;
  pointer-events: none;
}

.l-meetingscaptureconsole > * {
  position: relative;
  z-index: 1;
}

.l-meetingscapturemeta {
  gap: 16px;
}

.l-meetingscapturehead {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.l-meetingscaptureeyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(29, 66, 138, 0.09);
  color: #294883;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.l-meetingscapturetimer {
  flex: 0 0 auto;
  min-width: 114px;
  padding: 13px 16px;
  border: 1px solid rgba(38, 68, 131, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(21, 41, 83, 0.98), rgba(31, 58, 109, 0.96));
  color: #f4f8ff;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(23, 48, 95, 0.16);
}

.l-meetingscaptureconsolegrid {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) minmax(220px, 1fr);
  gap: 12px;
  align-items: end;
}

.l-meetingscapturefield {
  margin: 0;
}

.l-meetingscapturebadge {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(184, 201, 232, 0.85);
  border-radius: 14px;
  background: rgba(241, 246, 255, 0.92);
  color: #17305f;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.l-meetingscapturebadgeled {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border-radius: 999px;
  background: #97a8c8;
  box-shadow: 0 0 0 4px rgba(151, 168, 200, 0.12);
}

.l-meetingscapturebadge-recording {
  border-color: rgba(207, 62, 76, 0.38);
  background: rgba(255, 239, 242, 0.94);
  color: #8f1d2c;
}

.l-meetingscapturebadge-recording .l-meetingscapturebadgeled {
  background: #cf3e4c;
  box-shadow: 0 0 0 4px rgba(207, 62, 76, 0.16), 0 0 14px rgba(207, 62, 76, 0.28);
}

.l-meetingscapturebadge-paused {
  border-color: rgba(220, 166, 45, 0.38);
  background: rgba(255, 248, 228, 0.95);
  color: #775400;
}

.l-meetingscapturebadge-paused .l-meetingscapturebadgeled {
  background: #dca62d;
  box-shadow: 0 0 0 4px rgba(220, 166, 45, 0.14);
}

.l-meetingscapturebadge-ready {
  border-color: rgba(69, 162, 110, 0.34);
  background: rgba(237, 250, 241, 0.95);
  color: #1f6f4b;
}

.l-meetingscapturebadge-ready .l-meetingscapturebadgeled {
  background: #45a26e;
  box-shadow: 0 0 0 4px rgba(69, 162, 110, 0.12);
}

.l-meetingscaptureactions {
  flex-wrap: wrap;
  padding: 8px 10px;
  border: 1px solid rgba(38, 68, 131, 0.12);
  border-radius: 16px;
  background: rgba(248, 251, 255, 0.82);
}

.l-meetingscapturecontrol {
  min-height: 40px;
}

.l-meetingscapturecontrol .l-masbuttoncontent {
  gap: 9px;
}

.l-meetingscapturecontrol .l-masbuttonicon {
  width: 16px;
  height: 16px;
}

.l-meetingscapturecontrol-record:not(:disabled) {
  background: linear-gradient(180deg, #ea5f6e, #d84758);
  border-color: rgba(191, 48, 66, 0.76);
  box-shadow: 0 10px 22px rgba(207, 62, 76, 0.2);
}

.l-meetingscapturecontrol-pause:not(:disabled) {
  background: linear-gradient(180deg, #6a86d8, #5475cf);
  border-color: rgba(72, 101, 184, 0.78);
}

.l-meetingscapturecontrol-stop:not(:disabled) {
  background: linear-gradient(180deg, #2c4f95, #24427e);
  border-color: rgba(28, 52, 99, 0.8);
}

.l-meetingscapturedrop {
  align-items: flex-start;
}

.l-meetingscapturepreview {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(184, 201, 232, 0.78);
  border-radius: 16px;
  background: rgba(248, 251, 255, 0.94);
}

.l-meetingscapturepreview audio {
  width: 100%;
}

.l-meetingscaptureerror {
  color: #8f1d2c;
}

.l-orgmemmoduletab .l-masbuttoncontent,
.l-masprocesstab .l-masbuttoncontent,
.l-masreporttoggle .l-masbuttoncontent {
  gap: 7px;
}

.l-orgmemmoduletab-disabled,
.l-orgmemmoduletab:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: #f3f6fb !important;
  border-color: #d6dfef !important;
  color: #7b8aa8 !important;
  box-shadow: none !important;
}

.l-orgmemtabpanel {
  display: grid;
  gap: 10px;
}

.l-maspage {
  position: absolute;
  inset: 0;
  z-index: 50;
  overflow: auto;
  padding: 16px 14px 18px;
  background:
    radial-gradient(circle at top left, rgba(88, 126, 205, 0.18), transparent 30%),
    linear-gradient(145deg, #eff3fa 0%, #e7edf7 100%);
}

.l-maspage-dynamictable {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
  padding: 10px 10px 8px;
}

.l-masgrid {
  display: grid;
  gap: 12px;
  max-width: 1320px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.9fr);
  align-content: start;
  align-items: start;
}

.l-masbody {
  display: grid;
  gap: 12px;
  max-width: 1320px;
  margin: 0 auto;
  align-content: start;
  align-items: start;
}

.l-masbody-dynamictable {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: none;
  margin: 0;
  gap: 8px;
  grid-template-rows: 1fr;
  align-items: stretch;
}

.l-masbody-dynamictable .l-mastableworkspace,
.l-masbody-dynamictable .l-mastablechrome,
.l-masbody-dynamictable .l-mastablewrap,
.l-masbody-dynamictable .l-mastablescroll {
  width: 100%;
}

.l-masbody-dynamictable .l-mastableworkspace {
  height: 100%;
  min-height: 0;
  grid-template-rows: min-content 1fr;
  gap: 8px;
}

.l-masbody-dynamictable .l-mastablewrap {
  min-height: 0;
}

.l-mascard {
  border: 1px solid #bfd0ec;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(251, 253, 255, 0.96), rgba(245, 249, 255, 0.94));
  padding: 18px;
  display: grid;
  gap: 12px;
  box-shadow: 0 14px 32px rgba(17, 28, 67, 0.08);
  align-content: start;
  align-self: start;
  min-width: 0;
}

.l-mashero {
  min-height: 220px;
  align-content: start;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(241, 246, 255, 0.94)),
    #f9fbff;
}

.l-masherohead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.l-masbadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #16305e;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.l-masprojectmeta {
  display: grid;
  gap: 4px;
  justify-items: end;
}

.l-masprojectlabel {
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6277a5;
}

.l-masprojectvalue {
  font-size: 1rem;
  color: #17305f;
}

.l-maspagetitle {
  margin: 0;
  font-size: clamp(1.6rem, 2vw, 2.15rem);
  line-height: 1.08;
  color: #142a52;
}

.l-maspageintro,
.l-mascopy {
  margin: 0;
  color: #3f537d;
  line-height: 1.55;
}

.l-massubtitle {
  margin: 0;
  font-size: 1rem;
  color: #1c2b57;
}

.l-masstack {
  display: grid;
  gap: 12px;
  align-content: start;
  align-items: start;
}

.l-masprojectgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
  grid-auto-rows: max-content;
  align-items: start;
}

.l-masprojectgrid > * {
  min-width: 0;
  align-self: start;
}

.l-masprojectgrid-spanfull {
  grid-column: 1 / -1;
}

.l-research-shell {
  padding-bottom: 24px;
}

.l-research-mandategrid {
  grid-template-columns: minmax(0, 1fr);
}

.l-research-hero {
  min-height: 0;
}

.l-research-mandatehero-panels {
  display: grid;
  gap: 12px;
}

.l-research-mandatehero-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #d8e4f5;
  background: rgba(255, 255, 255, 0.76);
}

.l-research-mandatehero-panel-main[open] {
  padding-bottom: 14px;
}

.l-research-mandatehero-summary {
  cursor: pointer;
  list-style: none;
  font-size: 1rem;
  font-weight: 700;
  color: #1c2b57;
}

.l-research-mandatehero-summary::-webkit-details-marker {
  display: none;
}

.l-research-mandatehero-summary::before {
  content: "▾";
  display: inline-block;
  margin-right: 8px;
  color: #5474ab;
  transform: rotate(-90deg);
  transition: transform 0.18s ease;
}

.l-research-mandatehero-panel-main[open] .l-research-mandatehero-summary::before {
  transform: rotate(0deg);
}

.l-research-mandatehero-body {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.l-research-mandatehero-layout {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
  align-items: start;
  max-height: 360px;
  overflow: hidden;
}

.l-research-mandatehero-main {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.l-research-mandatemetarow {
  grid-template-columns: repeat(var(--l-research-meta-columns, 3), minmax(0, 1fr));
}

.l-research-mandatepillfields {
  display: grid;
  gap: 10px;
}

.l-research-mandatepillfield {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e2eaf7;
  background: #f7faff;
}

.l-research-mandatehero-side {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  height: 100%;
  align-self: stretch;
}

.l-research-mandatehero-sidelist {
  min-height: 0;
  max-height: 100%;
  overflow: auto;
  padding-right: 4px;
}

.l-research-mandatehero-sidelist .l-research-list {
  max-height: 100%;
}

.l-research-mandateeditorcard {
  position: relative;
  overflow: hidden;
}

.l-research-mandateeditorcard::before {
  content: "RS";
  position: absolute;
  top: 10px;
  right: 18px;
  font-size: clamp(4rem, 10vw, 7rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  color: rgba(22, 48, 94, 0.08);
  pointer-events: none;
  user-select: none;
}

.l-research-mandateeditorcard > * {
  position: relative;
  z-index: 1;
}

.l-research-mandateeditorhead {
  display: flex;
  align-items: center;
  min-height: 48px;
}

.l-research-formgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.l-research-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #29456f;
  font-size: 0.9rem;
}

.l-research-pillrow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-research-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #23447a;
  font-size: 0.78rem;
  font-weight: 700;
}

.l-research-pill-muted {
  background: #f1f4f9;
  color: #73839f;
}

.l-research-runlayout {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  align-items: start;
}

.l-research-rundetail {
  display: grid;
  gap: 12px;
}

.l-research-runheadlinegrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.l-research-list {
  display: grid;
  gap: 10px;
}

.l-research-rowbutton,
.l-research-listitem {
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #d7e3f3;
  background: #fbfdff;
  color: #1f355f;
  text-align: left;
}

.l-research-rowbutton {
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.l-research-rowbutton:hover {
  border-color: #a8c0ec;
  box-shadow: 0 10px 24px rgba(34, 58, 105, 0.08);
}

.l-research-rowbutton.is-active {
  border-color: #3e64aa;
  background: #eef4ff;
}

.l-research-rowtitle {
  font-weight: 700;
  color: #17315b;
}

.l-research-rowmeta {
  font-size: 0.8rem;
  color: #6c7ea3;
}

.l-research-listitemhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-research-listitembody {
  color: #334b76;
  line-height: 1.5;
  word-break: break-word;
}

.l-research-code {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #dce5f4;
  background: #f8fbff;
  color: #244476;
  font-size: 0.81rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-x: auto;
}

.l-research-tablewrap {
  overflow: auto;
  border: 1px solid #d7e3f3;
  border-radius: 14px;
  background: #ffffff;
}

.l-research-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}

.l-research-table th,
.l-research-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #ebf1f9;
  vertical-align: top;
  text-align: left;
  font-size: 0.84rem;
}

.l-research-table th {
  background: #f4f8ff;
  color: #26457a;
  font-weight: 700;
}

.l-research-divider {
  height: 1px;
  background: #dbe4f2;
}

.l-research-subcard {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid #d7e3f3;
  background: #fbfdff;
}

.l-research-subtitle {
  margin: 0;
  color: #203b6e;
  font-size: 0.92rem;
}

.l-research-statgrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.l-research-flatlist {
  margin: 0;
  padding-left: 18px;
  color: #334b76;
  line-height: 1.5;
}

.l-research-progress {
  height: 8px;
  border-radius: 999px;
  background: #e7eef9;
  overflow: hidden;
}

.l-research-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #4d73bc, #87a4df);
}

.l-research-textarea-short {
  min-height: 120px;
}

@media (max-width: 980px) {
  .l-research-mandatehero-layout,
  .l-research-mandatehero-panels,
  .l-research-mandatemetarow,
  .l-research-runheadlinegrid,
  .l-research-runlayout,
  .l-research-formgrid,
  .l-research-statgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-research-mandatehero-layout {
    max-height: none;
  }
}

.l-masfield {
  display: grid;
  gap: 7px;
}

.l-maslabel {
  font-size: 0.81rem;
  font-weight: 700;
  color: #2a4572;
}

.l-masinput,
.l-mastextarea {
  width: 100%;
  border: 1px solid #c9d7ec;
  border-radius: 12px;
  background: #fbfdff;
  color: #142746;
  font: inherit;
  padding: 12px 14px;
}

.l-mastextarea {
  min-height: 220px;
  resize: vertical;
}

.l-masinput:focus,
.l-mastextarea:focus {
  outline: none;
  border-color: #6d91d8;
  box-shadow: 0 0 0 3px rgba(109, 145, 216, 0.16);
}

.l-masactions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.l-masstatus {
  margin: 0;
  border-radius: 12px;
  padding: 11px 13px;
  background: #eef4ff;
  color: #31558f;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-masstatus.l-error {
  background: #fff2f0;
  color: #9d3d36;
}

.l-masstatus.l-success {
  background: #edf8f0;
  color: #2b6d45;
}

.l-masmeta {
  display: grid;
  gap: 8px;
}

.l-masmetaitem {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7faff;
  border: 1px solid #e2eaf7;
}

.l-masmetalabel {
  font-size: 0.76rem;
  color: #6f82a8;
}

.l-masmetavalue {
  font-size: 0.92rem;
  color: #17315b;
  word-break: break-word;
}

.l-masdocs {
  display: grid;
  gap: 10px;
}

.l-masuploadqueue {
  display: grid;
  gap: 12px;
}

.l-masuploadcard {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid #d7e3f3;
  background: #fbfdff;
}

.l-masuploadgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.l-masfield-full {
  grid-column: 1 / -1;
}

.l-masselect {
  width: 100%;
  border: 1px solid #c9d7ec;
  border-radius: 12px;
  background-color: #fbfdff;
  background-image:
    linear-gradient(45deg, transparent 50%, #6a80aa 50%),
    linear-gradient(135deg, #6a80aa 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  color: #142746;
  font: inherit;
  padding: 12px 38px 12px 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.l-masselect:focus {
  outline: none;
  border-color: #6d91d8;
  box-shadow: 0 0 0 3px rgba(109, 145, 216, 0.16);
}

.l-mastextarea-compact {
  min-height: 92px;
}

.l-masuploadnote {
  margin: 0;
  color: #59709d;
  font-size: 0.82rem;
  line-height: 1.5;
}

.l-mascheckrow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #d9e5f4;
  background: #f5f9ff;
  color: #284372;
}

.l-mascheckrow input {
  margin: 0;
}

.l-masdocitem {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border-radius: 12px;
  border: 1px solid #d9e5f4;
  background: #fbfdff;
}

.l-masdochead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.l-masdocname {
  font-weight: 700;
  color: #17315b;
  min-width: 0;
  overflow-wrap: anywhere;
}

.l-masdocmeta {
  color: #6b7d9f;
  font-size: 0.8rem;
}

.l-ghostbutton-icononly {
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  justify-content: center;
}

.l-mashint {
  margin: 0;
  color: #6c7fa3;
  font-size: 0.84rem;
  line-height: 1.5;
}

.l-mastablestat {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f1f5fc;
  color: #355480;
  font-size: 0.73rem;
  font-weight: 700;
}

.l-mastablehero {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #dde7f5;
  background:
    linear-gradient(180deg, rgba(246, 250, 255, 0.95), rgba(255, 255, 255, 0.98)),
    #ffffff;
}

.l-mastableherohead {
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.l-mastablebadge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #eef3fb;
  color: #4c648f;
  font-size: 0.72rem;
  font-weight: 700;
}

.l-mastablebadge-warning {
  background: #fff1db;
  color: #8a5a1c;
}

.l-mastablebadge-success {
  background: #e8f6ed;
  color: #2d6a43;
}

.l-mastablestats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

.l-mastableworkspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.l-mastablechrome {
  position: sticky;
  top: 0;
  z-index: 70;
  display: grid;
  gap: 4px;
  padding: 0;
  background: none;
  backdrop-filter: none;
}

.l-mastoolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(191, 208, 236, 0.95);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 18px rgba(17, 28, 67, 0.07);
}

.l-mastoolbarrail {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  align-items: center;
  min-width: 0;
}

.l-mastoolbarrail-start {
  flex: 1 1 560px;
}

.l-mastoolbarrail-end {
  flex: 0 1 auto;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 8px;
  position: relative;
}

.l-mastoolbarrail-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: #d9e4f3;
}

.l-mastoolbargroup {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.l-mastoolbargroup-status {
  min-height: 0;
}

.l-mastoolbargroup-structure,
.l-mastoolbargroup-mode,
.l-mastoolbargroup-utility {
  position: relative;
}

.l-mastoolbargroup-mode,
.l-mastoolbargroup-utility,
.l-mastoolbargroup-primary {
  padding-left: 8px;
}

.l-mastoolbargroup-mode::before,
.l-mastoolbargroup-utility::before,
.l-mastoolbargroup-primary::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: #d9e4f3;
}

.l-mastoolbargroup-primary {
  margin-left: 0;
}

.l-mastoolbarbutton {
  background: #edf3fb;
  color: #2d4e80;
  border-color: #d6e2f2;
}

.l-mastoolbarbutton:hover,
.l-mastoolbarbutton:focus-visible {
  background: #e4edf9;
  color: #21406e;
  border-color: #c7d6eb;
}

.l-mastoolbarbutton-active {
  background: #dbe8fb;
  color: #173b6e;
  border-color: #b8cdee;
}

.l-mastoolbargroup-mode {
  padding: 2px;
  border: 1px solid #d6e2f2;
  border-radius: 14px;
  background: #f4f7fd;
  gap: 4px;
}

.l-mastoolbar-empty .l-mastablestats {
  opacity: 0.82;
}

.l-mastablestats-muted .l-mastablestat {
  background: #f4f7fc;
  color: #6a7fa5;
}

.l-mastoolbargroup-mode::before {
  top: 8px;
  bottom: 8px;
}

.l-mascolumnpanel {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #dfe8f5;
  border-radius: 14px;
  background: #fbfdff;
}

.l-mascolumnpanelhead {
  padding-bottom: 0;
}

.l-mascolumnpaneltoolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 12px;
  border: 1px solid #dbe5f3;
  border-radius: 12px;
  background: #f7fbff;
}

.l-mascolumnpaneltoolbar-disabled {
  background: #f8fafc;
}

.l-mascolumnselectiontitle {
  color: #1d345e;
  font-size: 0.9rem;
}

.l-mastablewrap {
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
  min-width: 0;
}

.l-mastablescroll {
  --l-mastable-header-row-height: 44px;
  --l-mastable-filter-row-height: 42px;
  position: relative;
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-gutter: stable;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: none;
  border: 1px solid #dbe6f5;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 32px rgba(17, 28, 67, 0.07);
}

.l-mastable {
  min-width: 100%;
  width: max(100%, max-content);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.l-mastable th,
.l-mastable td {
  position: relative;
  padding: 0;
  border-right: 1px solid #dbe6f5;
  border-bottom: 1px solid #dbe6f5;
  vertical-align: top;
  background: #ffffff;
  overflow: visible;
}

.l-mastable thead th {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 6px 10px;
  background: #f4f7fc;
  color: #17315b;
  text-align: left;
  font-size: 0.8rem;
  box-sizing: border-box;
  background-clip: padding-box;
}

.l-mastable thead th:first-child,
.l-mastable tbody th.l-mastablecontrol {
  background: #f7faff;
}

.l-mastable thead th:first-child,
.l-mastable tbody th.l-mastablecontrol,
.l-mastablesectionrow th:first-child {
  position: sticky;
  left: 0;
  box-shadow: 1px 0 0 #dbe6f5;
}

.l-mastable thead th:first-child {
  z-index: 40;
}

.l-mastable thead tr:first-child th:first-child {
  z-index: 62;
}

.l-mastable thead tr:nth-child(2) th:first-child {
  z-index: 60;
}

.l-mastable tbody th.l-mastablecontrol {
  z-index: 16;
}

.l-mastablesectionrow th:first-child {
  z-index: 18;
}

.l-mastable thead tr:first-child th {
  min-height: var(--l-mastable-header-row-height);
  height: var(--l-mastable-header-row-height);
  z-index: 32;
}

.l-mastable thead tr:nth-child(2) th {
  top: var(--l-mastable-header-row-height);
  min-height: var(--l-mastable-filter-row-height);
  z-index: 30;
}

.l-mastable thead th:has(.l-mascolumnmenu[open]),
.l-mastable tbody th:has(.l-masrowmenu[open]) {
  z-index: 240;
}

.l-mastablespacercell {
  padding: 0 !important;
  background: transparent !important;
  border-right: none;
}

.l-mastable tr > *:last-child {
  border-right: none;
}

.l-mastable tbody:last-child tr:last-child > * {
  border-bottom: none;
}

.l-mastablecontrol {
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  padding: 6px 6px;
  color: #264676;
  font-size: 0.8rem;
  text-align: left;
}

.l-mastablecontrolselected {
  background: #edf4ff;
}

.l-mastablerowtools {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  justify-content: flex-start;
}

.l-mastablerowindex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  background: transparent;
  color: #244476;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
}

.l-mastablecontrolspacer {
  display: block;
  min-height: 24px;
}

.l-mastableheadlabel {
  display: inline-block;
  font-weight: 700;
}

.l-mastablecolselected {
  background: #edf4ff !important;
}

.l-mastableheadwrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.l-mastableheadinput {
  width: 100%;
  min-width: 0;
  border: 1px solid #c9d7ec;
  border-radius: 10px;
  background: #ffffff;
  color: #17315b;
  font: inherit;
  font-weight: 700;
  padding: 8px 10px;
}

.l-mastableheadinput:focus {
  outline: none;
  border-color: #6d91d8;
  box-shadow: 0 0 0 3px rgba(109, 145, 216, 0.16);
}

.l-mastableheadwrap .l-mascolumnmenu {
  flex: 0 0 auto;
}

.l-mastablefilterinput {
  width: 100%;
  min-width: 0;
  border: none;
  background: #f8fbff;
  color: #36507c;
  font: inherit;
  padding: 8px 10px;
  font-size: 0.84rem;
}

.l-mastablefilterinput-compact {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

.l-mastablefilterinput:focus {
  outline: none;
  background: #eef4ff;
}

.l-mastabletextarea {
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  border: none;
  background: transparent;
  color: #142746;
  font: inherit;
  line-height: 1.4;
  padding: 10px 12px;
  resize: none;
  overflow-y: auto;
}

.l-mastabletextarea:focus {
  outline: none;
  background: #f8fbff;
}

.l-mastabletextarea-compact {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.l-mastablecellpreview {
  min-height: 72px;
  padding: 10px 12px;
  color: #20385f;
  white-space: pre-wrap;
  line-height: 1.4;
  cursor: default;
}

.l-mastableid {
  padding: 10px 6px;
  color: #60779f;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
}

.l-mastableheadcell-id,
.l-mastablefiltercell-id,
.l-mastablecell-id {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}

.l-mastableheadcell-id,
.l-mastablefiltercell-id {
  text-align: center !important;
}

.l-mastableheadcell-id .l-mastableheadlabel {
  display: block;
  text-align: center;
}

.l-mastablefiltercell-id {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.l-mastablesectionrow th {
  padding: 0;
  background: #ecf2fb;
  color: #294b7c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.l-mastablesectiontoggle {
  font: inherit;
  border: none;
  background: transparent;
  color: inherit;
  width: 100%;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
  text-align: left;
}

.l-mastablesectionchevron {
  font-size: 0.86rem;
  line-height: 1;
}

.l-mastableempty {
  padding: 18px 16px;
  color: #64799f;
  font-size: 0.84rem;
}

.l-mastableemptycell {
  padding: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.98)),
    linear-gradient(90deg, rgba(220, 230, 245, 0.36) 1px, transparent 1px),
    linear-gradient(180deg, rgba(220, 230, 245, 0.28) 1px, transparent 1px);
  background-size: auto, 180px 100%, 100% 58px;
}

.l-mastableemptystate {
  min-height: clamp(280px, 48vh, 520px);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 16px;
  padding: 24px 20px;
  text-align: center;
}

.l-mastableemptystatecopy {
  display: grid;
  gap: 8px;
  max-width: 520px;
}

.l-mastableemptystatetitle {
  color: #17315b;
  font-size: 1.08rem;
  font-weight: 800;
}

.l-mastableemptystatebody {
  color: #4f648a;
  font-size: 0.92rem;
  line-height: 1.55;
}

.l-mastableemptystatehint {
  color: #6680a8;
  font-size: 0.84rem;
  line-height: 1.45;
}

.l-mastableemptystateactions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.l-mastablescroll-sparse {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98)),
    radial-gradient(circle at top right, rgba(120, 156, 221, 0.08), transparent 32%);
}

.l-mastableworkspacehint {
  position: absolute;
  top: calc(var(--l-mastable-header-row-height) + var(--l-mastable-filter-row-height) + 20px);
  right: 24px;
  display: grid;
  gap: 6px;
  max-width: min(360px, 34vw);
  padding: 14px 16px;
  border: 1px dashed #d3def0;
  border-radius: 16px;
  background: rgba(248, 251, 255, 0.92);
  color: #4e648b;
  box-shadow: 0 10px 24px rgba(22, 39, 78, 0.06);
  pointer-events: none;
}

.l-mastableworkspacehint strong {
  color: #19335f;
  font-size: 0.9rem;
}

.l-mastableworkspacehint span {
  font-size: 0.82rem;
  line-height: 1.45;
}

.l-mastableworkspacehint-empty {
  top: 50%;
  right: 32px;
  transform: translateY(-12%);
}

.l-mastablespacerrow td {
  padding: 0;
  border-right: none;
  border-bottom: none;
  background: transparent;
}

.l-mastablespacerfill {
  pointer-events: none;
}

.l-mastablerowselected > td,
.l-mastablerowselected > th {
  background: #fbfdff;
}

.l-mastablecellselected {
  background: #edf4ff !important;
}

.l-mastablehint {
  padding: 12px 14px;
  color: #7184a8;
  font-size: 0.8rem;
}

.l-masfunctionstack {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.l-masfunctionmeta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-masfunctioncard {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #d9e5f4;
  background: #fbfdff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.l-masfunctionresult {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #eef4ff;
  border: 1px solid #d6e2f4;
}

.l-masfunctionresult-error {
  background: #fff2f0;
  border-color: #f0c8c2;
}

.l-masfunctionresultbody {
  white-space: pre-wrap;
  color: #244476;
  font-size: 0.8rem;
  line-height: 1.45;
}

.l-secondarybutton-small {
  padding: 7px 11px;
  font-size: 0.8rem;
}

.l-primarybutton-small {
  padding: 7px 11px;
  font-size: 0.8rem;
}

.l-ghostbutton-danger {
  color: #9d3d36;
  border-color: #efc7c1;
  background: #fff7f5;
}

.l-masiconbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 0.88rem;
  line-height: 1;
}

.l-masbuttoncontent {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.l-masbuttonlabel {
  min-width: 0;
}

.l-masbuttonicon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.l-masbuttonicon-asset {
  display: block;
  object-fit: contain;
}

.l-mastabicon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

.l-primarybutton .l-masbuttonicon-asset,
.l-masreporttoggle.is-active .l-masbuttonicon-asset {
  filter: brightness(0) invert(1);
}

.l-masbuttonicon-rotate-up {
  transform: rotate(-90deg);
}

.l-masbuttonicon-rotate-down {
  transform: rotate(90deg);
}

.l-ghostbutton-danger:hover,
.l-ghostbutton-danger:focus-visible {
  border-color: #e4b4ad;
  background: #ffefeb;
}

.l-mascolumnstrip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.l-mascolumnchip {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #dbe4f3;
  background: #ffffff;
}

.l-mascolumnchip-hidden {
  background: #f7faff;
}

.l-mascolumnchip-selected {
  border-color: #9fb8e4;
  box-shadow: 0 0 0 2px rgba(109, 145, 216, 0.16);
}

.l-mascolumnchipselect {
  font: inherit;
  border: none;
  background: transparent;
  padding: 0;
  display: grid;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.l-mascolumnchiplabel {
  color: #17315b;
  font-size: 0.81rem;
  font-weight: 700;
  word-break: break-word;
}

.l-mascolumnchipbadges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-mascolumnchipactions {
  display: flex;
  gap: 6px;
}

.l-mascolumnmenu {
  position: relative;
}

.l-mascolumnmenu[open],
.l-masrowmenu[open] {
  z-index: 120;
}

.l-mascolumnmenu summary {
  list-style: none;
}

.l-mascolumnmenu summary::-webkit-details-marker {
  display: none;
}

.l-mascolumnmenusummary {
  color: #4a638e;
}

.l-mascolumnmenu[open] .l-mascolumnmenusummary {
  background: #e7eef9;
  border-color: #cfdbef;
}

.l-mascolumnmenuitems {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 400;
  display: grid;
  gap: 6px;
  width: 220px;
  padding: 8px;
  border: 1px solid #d5e0f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 28px rgba(18, 33, 66, 0.14);
}

.l-mascolumnmenuitem {
  justify-content: flex-start;
  text-align: left;
}

.l-masrowmenu {
  position: relative;
}

.l-masrowmenu summary {
  list-style: none;
}

.l-masrowmenu summary::-webkit-details-marker {
  display: none;
}

.l-masrowmenusummary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  min-width: 18px;
  padding: 0 2px;
  font-size: 0.9rem;
  line-height: 1;
}

.l-masrowmenuitems {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 400;
  display: grid;
  gap: 6px;
  width: 170px;
  padding: 8px;
  border: 1px solid #d5e0f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 28px rgba(18, 33, 66, 0.14);
}

.l-masexternaleditorshell {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.l-masexternaleditorbackdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 29, 54, 0.34);
  backdrop-filter: blur(4px);
}

.l-masexternaleditor {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #d7e1f0;
  box-shadow: 0 24px 60px rgba(12, 24, 52, 0.24);
}

.l-masexternaleditorgrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.l-masexternaleditorstage {
  display: grid;
  gap: 10px;
}

.l-masexternaleditorbody {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}

.l-masexternaleditornav {
  display: flex;
  justify-content: center;
}

.l-masexternaleditornav-top {
  align-items: flex-end;
}

.l-masexternaleditornav-bottom {
  align-items: flex-start;
}

.l-masexternaleditornavbutton {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 999px;
  font-size: 1rem;
}

.l-masexternaleditortextarea {
  width: 100%;
  min-height: 320px;
  border: 1px solid #c9d7ec;
  border-radius: 14px;
  background: #fbfdff;
  color: #142746;
  font: inherit;
  line-height: 1.45;
  padding: 14px 16px;
  resize: vertical;
}

.l-masexternaleditortextarea:focus {
  outline: none;
  border-color: #6d91d8;
  box-shadow: 0 0 0 3px rgba(109, 145, 216, 0.16);
}

.l-masexternaleditorsearch {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto auto;
  align-items: center;
}

.l-maslibrarygrid {
  display: grid;
  gap: 14px;
}

.l-maslibrarycard {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid #dbe6f5;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.l-maslibrarycardhead {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 14px;
}

.l-maslibrarymeta {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.l-mastable thead tr:nth-child(2) th {
  background: #fbfcfe;
}

@media (max-width: 1024px) {
  .l-masprojectgrid {
    grid-template-columns: 1fr;
  }

  .l-mastablestats {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .l-mastableworkspacehint,
  .l-mastableworkspacehint-empty {
    right: 14px;
    left: auto;
    max-width: min(280px, calc(100% - 28px));
    transform: none;
  }

  [data-l-structured-analysis-tabs-wrap] {
    padding-left: 12px;
    padding-right: 12px;
  }

  [data-l-org-memory-tabs-wrap] {
    padding-left: 12px;
    padding-right: 12px;
  }

  [data-l-meetings-tabs-wrap] {
    padding-left: 12px;
    padding-right: 12px;
  }

  [data-l-structured-analysis-tabs-wrap]::after {
    height: 34px;
  }

  [data-l-org-memory-tabs-wrap]::after {
    height: 34px;
  }

  [data-l-meetings-tabs-wrap]::after {
    height: 34px;
  }

  .l-masuploadgrid {
    grid-template-columns: 1fr;
  }

  .l-mastablechrome {
    padding-top: 0;
  }

  .l-mastoolbar {
    display: grid;
    justify-content: stretch;
  }

  .l-mastoolbarrail,
  .l-mastoolbarrail-end {
    margin-left: 0;
    padding-left: 0;
    justify-content: flex-start;
  }

  .l-mastoolbarrail-end::before {
    display: none;
  }

  .l-mastoolbargroup,
  .l-mastoolbargroup-primary {
    margin-left: 0;
    padding-left: 0;
  }

  .l-mastoolbargroup-mode::before,
  .l-mastoolbargroup-utility::before,
  .l-mastoolbargroup-primary::before {
    display: none;
  }

  .l-mastablecontrol {
    min-width: 54px;
    max-width: 54px;
  }

  .l-mascolumnpaneltoolbar {
    align-items: stretch;
  }

  .l-masexternaleditorgrid,
  .l-masexternaleditorsearch {
    grid-template-columns: 1fr;
  }

  .l-masexternaleditorbody {
    grid-template-columns: 1fr;
  }

  .l-masexternaleditornavbutton {
    width: 100%;
    max-width: 56px;
  }

  .l-mascolumnmenuitems,
  .l-masrowmenuitems {
    left: 0;
    right: auto;
    width: min(220px, calc(100vw - 64px));
  }
}

.l-orgmemcollapse {
  font: inherit;
  border: 1px solid #c8d4ea;
  background: #f8fbff;
  color: var(--l-bg-mid);
  border-radius: var(--l-radius-sm);
  min-height: 34px;
  padding: 0 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}

.l-orgmemtypespanel {
  display: grid;
  gap: 9px;
  border: 1px solid #d7e1f1;
  border-radius: 10px;
  padding: 10px;
  background: #ffffff;
}

.l-orgmemtypeslist {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.l-orgmemtyperow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px solid #e3ebf8;
  border-radius: 9px;
  padding: 5px 8px;
  background: #f8fbff;
}

.l-orgmemtypelabel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #203765;
  font-size: 0.9rem;
}

.l-orgmemtyperemove {
  min-height: 26px;
  height: 26px;
  padding: 0 8px;
}

.l-orgmemtypeaddrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.l-orgmemtabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.l-orgmemstubtext {
  margin: 0;
  color: #5d7098;
  font-size: 0.9rem;
  padding: 4px 0 1px;
}

.l-orgmemdualgrid,
.l-orgmemsummarygrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.l-orgmemdualgrid {
  align-items: start;
}

.l-orgmemsummarygrid {
  align-items: start;
}

.l-orgmemdualgrid > .l-orgmemcard {
  align-self: start;
  min-height: 0;
}

.l-orgmemsummarygrid > .l-orgmemcard {
  align-self: start;
  min-height: 0;
}

.l-orgmemchiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  align-content: flex-start;
}

.l-orgmemchip {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #d8e3f4;
  background: #ffffff;
  color: #2b4576;
  font-size: 0.86rem;
  font-weight: 600;
}

.l-orgmemrawtoolbar {
  display: grid;
  gap: 10px;
  align-items: start;
}

.l-orgmemrawfilters {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.l-orgmemviewtoggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-orgmemviewtoggle-manual {
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(184, 201, 232, 0.72);
  border-radius: 999px;
  background: #eef4ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.l-orgmemmodetab {
  min-height: 30px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: #4d6596;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.l-orgmemmodetab:hover,
.l-orgmemmodetab:focus-visible {
  background: #dbe8ff;
  border-color: #aac0ea;
  color: #17305f;
  outline: 0;
}

.l-orgmemmodetab-active {
  border-color: #1c2b57;
  background: linear-gradient(180deg, #eef4ff, #e2ecff);
  color: #17305f;
  box-shadow: 0 6px 14px rgba(33, 63, 118, 0.12), inset 0 0 0 1px rgba(28, 43, 87, 0.12);
}

.l-orgmemviewtoggle-density {
  gap: 0;
  padding: 3px;
  border: 1px solid #c8d5ee;
  border-radius: 999px;
  background: #f7faff;
}

.l-orgmemrawtoolbaractions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
}

.l-orgmemviewbutton {
  min-height: 30px;
  height: 30px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #476193;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.l-orgmemviewbutton:hover,
.l-orgmemviewbutton:focus-visible {
  background: #e9f1ff;
  color: #17305f;
  outline: 0;
}

.l-orgmemviewbutton-active {
  background: linear-gradient(180deg, #6f96e8, #5f88df);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 5px 12px rgba(46, 82, 156, 0.22);
}

.l-orgmemviewbutton-active:hover,
.l-orgmemviewbutton-active:focus-visible {
  background: linear-gradient(180deg, #6f96e8, #5f88df);
  color: #ffffff;
}

.l-orgmemrawlist {
  display: grid;
  gap: 10px;
}

.l-orgmemrawlist-short {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  align-items: start;
}

.l-orgmemrawlist-complete {
  grid-template-columns: 1fr;
}

.l-orgmemrawcard {
  border: 1px solid #d7e1f1;
  border-radius: 12px;
  background: #ffffff;
  padding: 9px 10px;
  display: grid;
  gap: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.l-orgmemrawcard-complete {
  gap: 8px;
}

.l-orgmemrawcard-short {
  min-height: 0;
}

.l-orgmemrawcardhead {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}

.l-orgmemrawcardactions {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
}

.l-orgmemraweyebrow {
  color: #6a7ea8;
  font-size: 0.74rem;
  font-weight: 700;
}

.l-orgmemrawtitle {
  margin: 1px 0 0;
  color: #17305f;
  font-size: 0.96rem;
  line-height: 1.25;
}

.l-orgmemrawchiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-orgmemchip-compact {
  padding: 3px 8px;
  font-size: 0.74rem;
}

.l-orgmemrawshortgrid {
  display: grid;
  gap: 6px;
}

.l-orgmemdetailgrid,
.l-orgmemmodalgrid {
  display: grid;
  gap: 6px 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.l-orgmemcompactfield,
.l-orgmemdetailitem {
  display: grid;
  gap: 2px;
  align-content: start;
  min-width: 0;
}

.l-orgmemcompactfield {
  padding: 0;
}

.l-orgmemcompactfield-wide,
.l-orgmemdetailitem-wide,
.l-orgmemfield-span {
  grid-column: 1 / -1;
}

.l-orgmemcompactlabel,
.l-orgmemdetailkey {
  color: #61749d;
  font-size: 0.71rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.l-orgmemcompactvalue,
.l-orgmemdetailvalue {
  color: #1f3564;
  font-size: 0.86rem;
  line-height: 1.35;
  min-width: 0;
  word-break: break-word;
}

.l-orgmemcompacttext {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.l-orgmemdetailgrid {
  border: 1px solid #e2eaf6;
  border-radius: 10px;
  background: #fbfdff;
  padding: 8px 10px;
}

.l-orgmemrawsection {
  display: grid;
  gap: 6px;
}

.l-orgmemrawsectiontitle {
  margin: 0;
  color: #203765;
  font-size: 0.8rem;
}

.l-orgmemsubcardlist,
.l-orgmemmodallist {
  display: grid;
  gap: 6px;
}

.l-orgmemsubcard,
.l-orgmemmodalitemrow {
  border: 1px solid #e0e8f5;
  border-radius: 10px;
  background: #f8fbff;
  padding: 8px 9px;
  display: grid;
  gap: 6px;
}

.l-orgmemmodalcard {
  width: min(1040px, calc(100vw - 40px));
  max-width: min(1040px, calc(100vw - 40px));
}

.l-orgmemmodalbody {
  display: grid;
  gap: 10px;
  max-height: min(68vh, 760px);
  overflow: auto;
  padding-right: 4px;
}

.l-orgmemmodalpanel {
  display: grid;
  gap: 8px;
  border: 1px solid #dbe5f4;
  border-radius: 12px;
  background: #ffffff;
  padding: 9px 10px;
}

.l-orgmemmodalpanelhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.l-orgmemadvanceddetails {
  display: grid;
  gap: 8px;
  border-top: 1px dashed #d8e3f5;
  padding-top: 8px;
}

.l-orgmemadvancedsummary {
  cursor: pointer;
  color: #274170;
  font-size: 0.83rem;
  font-weight: 700;
  list-style: none;
}

.l-orgmemadvancedsummary::-webkit-details-marker {
  display: none;
}

.l-orgmemcheckrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #274170;
  font-size: 0.86rem;
  font-weight: 600;
}

.l-orgmememptyraw {
  border: 1px dashed #cbd9ef;
  border-radius: 12px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(242, 247, 255, 0.9));
  color: #5c719a;
}

.l-orgmememptyraw h4 {
  margin: 0 0 6px;
  color: #1d3769;
}

.l-orgmemrawtoolbar-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}

.l-orgmemrawtoolbar-right .l-primarybutton:disabled,
.l-orgmemrawtoolbar-right .l-secondarybutton:disabled,
.l-orgmemrawtoolbar-right .l-ghostbutton:disabled {
  background: #e6edf9 !important;
  border-color: #d3def2 !important;
  color: #8a9dbc !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

.l-orgmemquestioncard {
  display: grid;
  gap: 12px;
}

.l-orgmemqthread {
  display: grid;
  gap: 10px;
  max-height: min(56vh, 720px);
  overflow: auto;
  padding-right: 4px;
}

.l-orgmemqmsg {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #dbe6f5;
  background: #ffffff;
}

.l-orgmemqmsg-user {
  background: #f7fbff;
  border-color: #cfe0f8;
}

.l-orgmemqmsg-assistant {
  background: #ffffff;
}

.l-orgmemqmsgmeta {
  color: #60739b;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.l-orgmemqmsgbody {
  color: #1f3564;
  font-size: 0.95rem;
  line-height: 1.55;
}

.l-orgmemqstatusband {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-orgmemqstatuschip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid #d8e5f8;
  background: #f2f7ff;
  color: #5c739f;
  font-size: 0.74rem;
  font-weight: 700;
}

.l-orgmemqstatuschip-done {
  border-color: #b7d6bf;
  background: #edf8ef;
  color: #2b6a36;
}

.l-orgmemqsources {
  display: grid;
  gap: 8px;
}

.l-orgmemqsourcestitle {
  color: #5f7198;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.l-orgmemqsourceslist {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.l-orgmemsourcebutton {
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid #d2dff3;
  background: #ffffff;
  color: #29467a;
}

.l-orgmemquestionform {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  width: 100%;
}

.l-orgmemquestioninput {
  width: 100%;
  min-height: 76px;
  max-height: 180px;
  overflow: auto;
}

.l-orgmemquestionform .l-sendshortcutwrap {
  align-self: end;
  justify-self: end;
}

.l-orgmemoverlay {
  position: fixed;
  inset: 0;
  z-index: 65;
  background: rgba(237, 243, 252, 0.72);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.l-orgmemoverlaycard {
  width: min(760px, calc(100vw - 48px));
  max-height: min(82vh, 980px);
  overflow: auto;
  border: 1px solid #cfddf3;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(31, 53, 100, 0.16);
  padding: 18px;
  display: grid;
  gap: 12px;
}

.l-orgmemoverlaycard-wide {
  width: min(980px, calc(100vw - 48px));
}

.l-orgmemoverlayhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.l-orgmemresearchrow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.l-orgmemresearchmeta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.l-orgmemresearchactions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.l-orgmempreparepoints {
  display: grid;
  gap: 8px;
}

.l-orgmempreparepointactions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.l-orgmempreparerequests {
  display: grid;
  gap: 8px;
}

.l-orgmemprepareresult {
  gap: 10px;
}

.l-orgmemoverlay select[multiple],
.l-orgmempreparerequests select[multiple] {
  min-height: 112px;
}

.l-createbotkbpicker {
  position: relative;
}

.l-createbotkbtrigger {
  border: 1px solid #c8d4ea;
  background: #ffffff;
  color: #1c2b57;
  border-radius: 999px;
  min-height: 34px;
  height: 34px;
  width: 100%;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}

.l-createbotkbmenu {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 80;
  width: min(320px, 100%);
  background: #ffffff;
  border: 1px solid #c8d4ea;
  border-radius: 10px;
  box-shadow: var(--l-shadow-soft);
  padding: 8px;
  display: grid;
  gap: 4px;
}

.l-createbotkboption {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  padding: 6px 7px;
  cursor: pointer;
}

.l-createbotkboption:hover {
  background: #f1f5fd;
}

.l-createbotkboption input {
  accent-color: var(--l-primary);
}

.l-createbotkbpicker[data-l-disabled="true"] .l-createbotkbtrigger {
  background: #eef1f7;
  color: #8a98ba;
  cursor: not-allowed;
}

.l-createbotkbpicker[data-l-disabled="true"] .l-caret {
  opacity: 0.45;
}

body.l-module-createbot .l-chatscroll {
  display: none;
}

body.l-module-myfolders .l-chatscroll {
  display: none;
}

body.l-module-grouplibrary .l-chatscroll {
  display: none;
}

body.l-module-profile .l-chatscroll {
  display: none;
}

body.l-module-billing .l-chatscroll {
  display: none;
}

.l-hidden {
  display: none !important;
}

@keyframes l-fade-slide-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes l-rise-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1190px) {
  .l-topbar {
    gap: 8px;
    padding: 8px 10px;
  }

  .l-topcluster,
  .l-topcluster-end,
  .l-contextcluster {
    justify-content: flex-start;
  }

  .l-myfolderstopbarsearchwrap {
    min-width: 210px;
    max-width: min(360px, 46vw);
  }

  .l-contextdetails {
    min-width: 0;
    overflow-x: auto;
  }

  .l-contextplannerbodygrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-transcriptionsettingsgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-meetingworkspaceformgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-orgmemcard-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .l-orgmemrawshortgrid,
  .l-orgmemdetailgrid,
  .l-orgmemmodalgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-orgmemmodalpanelhead,
  .l-orgmemrawcardhead {
    flex-direction: column;
    align-items: stretch;
  }

  .l-orgmemtypeslist {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-contextplannerrightcol {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .l-contextplannerpriority {
    width: 100%;
  }

  .l-contextplannerinsights {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: none;
  }

  .l-contextpriorityhintcard {
    max-width: none;
  }

  .l-contextplannerllmgrid {
    grid-template-columns: repeat(auto-fill, minmax(var(--l-context-col-min), 1fr));
  }
}

@media (max-width: 1600px) {
  .l-contextplannerpage {
    --l-context-grid-template: repeat(auto-fill, minmax(var(--l-context-col-min), 1fr));
  }

  .l-contextplannercards .l-contextcard[data-l-context-group="contexts"],
  .l-contextplannersubrow .l-contextcard[data-l-context-group="contexts"] {
    grid-column: auto;
  }

  .l-contextplannersubrow {
    position: static;
    pointer-events: auto;
  }
}

@media (max-width: 1700px) {
  .l-contextcluster {
    position: relative;
  }

  .l-contextdetails {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 90;
    display: grid;
    gap: 8px;
    align-items: stretch;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #c8d4ea;
    border-radius: 12px;
    box-shadow: var(--l-shadow-soft);
    backdrop-filter: blur(4px);
    padding: 8px;
    width: min(420px, calc(100vw - 24px));
    min-width: 0;
    max-width: min(420px, calc(100vw - 24px));
    max-height: 62vh;
    overflow: auto;
  }

  .l-contextpill {
    width: 100%;
    justify-content: flex-start;
    min-width: 0;
    max-width: none;
  }

  .l-contextlabel {
    flex: 1 1 auto;
    text-align: left;
  }

  .l-kbpicker,
  .l-contexttoolpill,
  .l-contextvariablewrap,
  .l-settingswrap {
    width: 100%;
  }

  .l-settingsbutton {
    width: 100%;
  }

  .l-contextplannerbutton,
  .l-contexthelpwrap {
    width: 100%;
  }

  .l-contextplannerbutton,
  .l-contexthelpbutton {
    border-radius: 10px;
  }

  .l-contexthelpbutton {
    width: 100%;
  }

  .l-contexthelpbubble {
    left: 0;
    right: auto;
  }

  .l-contexttoolpill {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    border-radius: 12px;
    padding: 6px;
  }

  .l-kbtrigger,
  .l-searchparamwrap,
  .l-searchparamtrigger {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .l-searchparamwrap {
    border-left: 0;
    border-top: 1px solid #d2dced;
    margin-left: 0;
    padding-top: 4px;
  }

  .l-searchparamtrigger {
    border-radius: 10px;
  }

  /* Keep My folders / Group library topbar view controls in one horizontal row. */
  body.l-module-myfolders .l-myfoldersviewpill,
  body.l-module-grouplibrary .l-myfoldersviewpill {
    display: inline-flex;
    grid-template-columns: none;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    gap: 0;
    padding: 2px 3px;
    border-radius: 999px;
  }

  body.l-module-myfolders .l-myfoldersviewpill .l-searchparamwrap,
  body.l-module-grouplibrary .l-myfoldersviewpill .l-searchparamwrap {
    width: auto;
    min-width: 0;
    max-width: none;
    border-top: 0;
    border-left: 1px solid #d2dced;
    margin-left: -1px;
    padding-top: 0;
  }

  body.l-module-myfolders .l-myfoldersviewpill .l-kbtrigger,
  body.l-module-grouplibrary .l-myfoldersviewpill .l-kbtrigger,
  body.l-module-myfolders .l-myfoldersviewpill .l-searchparamtrigger,
  body.l-module-grouplibrary .l-myfoldersviewpill .l-searchparamtrigger {
    max-width: none;
    min-width: 0;
  }

  .l-searchparammenu {
    left: 0;
    right: 0;
    min-width: 0;
    max-width: none;
  }

  .l-contexttooltip {
    min-width: 250px;
    left: 10px;
    transform: translateX(0) translateY(-4px);
  }

  .l-contextpill[data-l-context-master]:hover .l-contexttooltip {
    transform: translateX(0) translateY(0);
  }
}

@media (max-width: 1320px) {
  .l-brandnamefull {
    display: none;
  }

  .l-brandnameshort {
    display: inline;
  }

  .l-moduletag {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    padding: 0;
    justify-content: center;
    gap: 0;
  }

  .l-moduletaglabel,
  .l-moduletagcaret {
    display: none;
  }

  .l-moduleviewwrap,
  .l-documenttemplatetopbar {
    display: none;
  }

  body.l-module-myfolders .l-moduleviewwrap,
  body.l-module-grouplibrary .l-moduleviewwrap,
  body.l-module-knowledgehub .l-moduleviewwrap,
  body.l-module-research .l-moduleviewwrap,
  body.l-module-orgmemory .l-moduleviewwrap,
  body .l-documenttemplatetopbar {
    display: inline-flex;
  }

  body.l-module-myfolders .l-moduleviewwrap.l-hidden,
  body.l-module-grouplibrary .l-moduleviewwrap.l-hidden,
  body.l-module-knowledgehub .l-moduleviewwrap.l-hidden,
  body.l-module-research .l-moduleviewwrap.l-hidden,
  body.l-module-orgmemory .l-moduleviewwrap.l-hidden,
  body .l-documenttemplatetopbar.l-hidden {
    display: none !important;
  }

  .l-chatpanel,
  .l-chatscroll,
  .l-inputdock {
    width: 100%;
    max-width: 100%;
  }

  .l-chatlist,
  .l-inputform {
    width: min(100%, 780px);
    max-width: 100%;
  }
}

@media (max-width: 1220px) {
  body.l-module-myfolders .l-myfolderstopbarsearchwrap,
  body.l-module-grouplibrary .l-myfolderstopbarsearchwrap {
    min-width: 34px;
    max-width: 34px;
    width: 34px;
    flex: 0 0 34px;
    padding: 0 9px;
    margin-right: 0;
    gap: 0;
    justify-content: center;
    cursor: text;
    z-index: 140;
  }

  body.l-module-myfolders .l-myfolderstopbarsearch,
  body.l-module-grouplibrary .l-myfolderstopbarsearch {
    width: 0;
    min-width: 0;
    opacity: 0;
    pointer-events: none;
  }

  body.l-module-myfolders .l-myfolderstopbarsearchwrap.l-myfolderstopbarsearchwrap-expanded,
  body.l-module-grouplibrary .l-myfolderstopbarsearchwrap.l-myfolderstopbarsearchwrap-expanded {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: min(320px, calc(100vw - 128px));
    min-width: 180px;
    max-width: min(320px, calc(100vw - 128px));
    padding: 0 10px;
    gap: 6px;
    justify-content: flex-start;
    box-shadow: var(--l-shadow-soft);
    z-index: 150;
  }

  body.l-module-myfolders .l-myfolderstopbarsearchwrap.l-myfolderstopbarsearchwrap-expanded .l-myfolderstopbarsearch,
  body.l-module-grouplibrary .l-myfolderstopbarsearchwrap.l-myfolderstopbarsearchwrap-expanded .l-myfolderstopbarsearch {
    width: 100%;
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 900px) {
  .l-modulelaunchergrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .l-myfolderstopbarsearchwrap {
    min-width: 170px;
    max-width: min(260px, 52vw);
  }

  .l-workshell {
    grid-template-columns: 1fr;
    height: calc(100vh - 56px);
    height: calc(100dvh - 56px);
  }

  .l-appshell.l-sideopen .l-workshell {
    grid-template-columns: 1fr;
  }

  .l-sidebar {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    width: min(92vw, 330px);
    height: auto;
    max-height: none;
    z-index: 12;
    box-shadow: 10px 0 24px rgba(17, 28, 67, 0.16);
  }

  .l-sidebar-hidden {
    transform: translateX(-102%);
    opacity: 1;
    pointer-events: none;
  }

  .l-modalcard-context {
    width: min(98vw, 1040px);
    max-height: calc(100dvh - 16px);
    padding: 12px;
  }

  .l-contexteditorwrap {
    min-height: 260px;
    max-height: min(52vh, 540px);
  }

  .l-contexteditorinput {
    min-height: 260px;
  }

  .l-createbotpage {
    padding: 12px 10px;
  }

  .l-createbotscope {
    flex-wrap: wrap;
  }

  .l-createbotrow[data-l-create-bot-list-row] {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-createbotrow[data-l-create-bot-share-row] {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-orgmemcard-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-transcriptionpage {
    padding: 12px 10px;
  }

  .l-transcriptiondisplaymenu {
    right: auto;
    left: 0;
  }

  .l-transcriptionresultscard {
    overflow: auto;
  }

  .l-transcriptiontablehead,
  .l-transcriptionrow {
    min-width: max-content;
  }

  .l-myfoldersgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .l-historysummarynotice {
    flex-direction: column;
    align-items: stretch;
  }

}

@media (max-width: 700px) {
  .l-modulelauncherhead {
    align-items: flex-start;
    flex-direction: column;
  }

  .l-modulelaunchercontrols {
    grid-template-columns: 1fr;
  }

  .l-modulelauncherback,
  .l-modulelauncheredit {
    width: 100%;
  }

  .l-modulelaunchergrid {
    grid-template-columns: 1fr;
  }

  .l-agentmenu {
    width: min(90vw, 320px);
  }

  .l-chatscroll {
    padding: 20px 10px 130px;
  }

  .l-chatmode-initial .l-chatscroll {
    padding: 20px 12px 0;
  }

  .l-inputdock {
    padding: 0 10px 10px;
  }

  .l-chatmode-initial .l-inputdock {
    padding: 0 12px;
  }

  .l-chatline {
    font-size: 0.95rem;
  }

  .l-myfoldersgrid {
    grid-template-columns: 1fr;
  }

  .l-createbotrow-knowledge {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-transcriptionsourcebutton {
    width: 100%;
    justify-content: center;
  }

  .l-transcriptionformats {
    font-size: 0.78rem;
  }
}

@media (max-width: 500px) {
  .l-topbar {
    padding: 8px 10px;
    gap: 8px;
  }

  .l-topcluster {
    gap: 6px;
  }

  .l-brandname {
    display: none;
  }

  .l-agentpicker {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
  }

  .l-agenttrigger {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    justify-content: center;
    padding: 0 6px;
  }

  .l-agenttrigger [data-l-agent-label] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }

  .l-agenttrigger .l-caret {
    display: none;
  }

  .l-contextpill[data-l-context-master] {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    padding: 3px 4px;
  }

  .l-contextmasterlabel {
    width: 100%;
    justify-content: center;
    gap: 3px;
    padding: 5px 4px;
  }

  .l-contextmasterlabel::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #41b883;
    flex: 0 0 auto;
  }

  .l-contextdonut-mini {
    display: none;
  }

  .l-contextmastersummary {
    font-size: 0;
    color: transparent;
    line-height: 1;
  }

  .l-contextmastersummary::after {
    content: attr(data-l-context-percent) "%";
    font-size: 0.72rem;
    color: #1c2b57;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .l-contextsummarydot {
    display: none !important;
  }
}

@media (max-height: 760px) {
  .l-chatmode-initial .l-chatscroll {
    padding-top: 12px;
  }

  .l-chatmode-initial .l-inputdock {
    padding: 8px 12px 10px;
  }

  .l-chatmode-initial .l-chatempty {
    margin: 0 auto;
  }

  .l-chatmode-initial .l-chatpanel {
    row-gap: 18px;
  }
}

@media (max-height: 560px) {
  .l-chatmode-initial .l-chatempty {
    margin: 0 auto;
  }

  .l-herohead {
    font-size: clamp(1.1rem, 3.6vw, 1.5rem);
  }

  .l-chatmode-initial .l-inputdock {
    padding: 6px 10px 8px;
  }

  .l-chatmode-initial .l-chatpanel {
    row-gap: 12px;
  }
}

.l-module-groupmanage .l-chatempty,
.l-module-myorg .l-chatempty,
.l-module-tutorial .l-chatempty {
  display: none;
}

.l-grouppage {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.l-grouppageempty,
.l-grouppagecontent,
.l-groupcard {
  background: #ffffff;
  border: 1px solid #cfd8ea;
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(24, 46, 92, 0.06);
}

.l-grouppageempty {
  padding: 28px 30px;
}

.l-grouppagecontent {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.l-groupcard {
  padding: 20px 22px;
}

.l-groupcardhead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.l-grouppagetitle {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #17346b;
}

.l-grouppagehint {
  margin: 6px 0 0;
  color: #5871a7;
  line-height: 1.5;
}

.l-groupdetailgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.l-groupdetailitem {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #d8e0f0;
  border-radius: 16px;
  background: #f8fbff;
}

.l-groupdetailitem dt {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7ea7;
}

.l-groupdetailitem dd {
  margin: 0;
  font-size: 15px;
  color: #17346b;
  word-break: break-word;
}

.l-groupmemberswrap {
  max-height: 440px;
  overflow-y: auto;
  overflow-x: auto;
  padding-right: 4px;
}

.l-groupmemberstable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 760px;
}

.l-groupmemberstable th,
.l-groupmemberstable td {
  padding: 12px 14px;
  border-bottom: 1px solid #e2e8f5;
  text-align: left;
  vertical-align: middle;
}

.l-groupmemberstable th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7ea7;
}

.l-groupmemberrole {
  min-width: 150px;
  max-width: 180px;
  border: 1px solid #c8d6ee;
  border-radius: 12px;
  background-color: #f8fbff;
  background-image: var(--l-chevron-icon);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 8px;
  color: #17346b;
  padding: 10px 34px 10px 12px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 0.92rem;
  line-height: 1.2;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.l-groupmemberrole:focus {
  outline: none;
  border-color: #7d9ee7;
  box-shadow: 0 0 0 3px rgba(111, 150, 232, 0.18);
}

.l-groupmemberrole-readonly {
  opacity: 0.72;
  background: #f3f6fd;
  cursor: not-allowed;
  color: #5e7196;
  box-shadow: none;
}

.l-groupmemberactions {
  width: 60px;
  text-align: right;
}

.l-grouptrashbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #e1c7c7;
  border-radius: 12px;
  background: #fff7f7;
  color: #b44141;
}

.l-grouptrashbutton:hover {
  background: #ffeaea;
  border-color: #d99a9a;
}

.l-grouptrashbutton svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.l-groupfeedback {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #d6e1f3;
  background: #f5f9ff;
  color: #274b86;
}

.l-groupfeedback-success {
  border-color: #b7dfc6;
  background: #edf9f1;
  color: #17683d;
}

.l-groupfeedback-error {
  border-color: #ecc0c0;
  background: #fff2f2;
  color: #a33a3a;
}

.l-groupmembersempty {
  color: #6b7ea7;
}

.l-groupmodalstatus {
  margin: 10px 0 0;
  color: #5871a7;
}

.l-groupmembersearchinput {
  width: 100%;
}

.l-groupmembersearchresults {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 220px;
  overflow: auto;
  margin-top: 10px;
}

.l-groupmembersearchoption {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d8e0f0;
  border-radius: 12px;
  background: #f8fbff;
  color: #17346b;
  text-align: left;
}

.l-groupmembersearchoption:hover {
  background: #eef4ff;
  border-color: #aac0ec;
}

.l-groupmembersearchmeta {
  margin: 0;
  color: #6b7ea7;
}

@media (max-width: 920px) {
  .l-groupdetailgrid {
    grid-template-columns: 1fr;
  }
}

.l-myorgpage {
  display: grid;
  gap: 18px;
}

.l-myorgcard,
.l-myorgdetailcard {
  gap: 16px;
}

.l-myorgcardhead {
  align-items: flex-start;
}

.l-myorgcards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.l-myorgorgcard {
  appearance: none;
  border: 1px solid #d4dff2;
  background: #f8fbff;
  color: var(--l-ink-main);
  border-radius: 14px;
  padding: 16px;
  text-align: left;
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 92px;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.l-myorgorgcard:hover,
.l-myorgorgcard:focus-visible {
  border-color: #8fb0ef;
  box-shadow: 0 8px 24px rgba(76, 112, 190, 0.12);
  outline: none;
}

.l-myorgorgcard-active {
  border-color: #7d9ff0;
  background: #edf3ff;
  box-shadow: 0 10px 28px rgba(76, 112, 190, 0.14);
}

.l-myorgorgname {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 700;
}

.l-myorgorgmeta {
  display: block;
  color: #6f83ae;
  font-size: 0.86rem;
  line-height: 1.45;
}

.l-tutorialpage {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-height: 100%;
  padding: 18px 20px 28px;
  box-sizing: border-box;
}

.l-tutorialcard {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.l-tutorialsummarypill {
  border: 1px solid #c8d4ea;
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%);
  border-radius: 999px;
  min-height: 34px;
  padding: 5px 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: min(360px, 32vw);
  box-shadow: 0 10px 24px rgba(76, 112, 190, 0.08);
}

.l-tutorialsummarytitle {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #17346b;
  font-size: 0.94rem;
  font-weight: 700;
}

.l-tutorialsummarymeta {
  flex: 0 0 auto;
  color: #6f83ae;
  font-size: 0.82rem;
  white-space: nowrap;
}

.l-tutorialdetail {
  display: grid;
  gap: 16px;
  width: min(100%, 780px);
  margin-inline: auto;
}

.l-tutorialcards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-height: none;
  overflow: visible;
  padding-right: 0;
  scrollbar-gutter: auto;
}

.l-tutorialpromptcard {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid #d4dff2;
  border-radius: 18px;
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
  box-shadow: 0 12px 30px rgba(76, 112, 190, 0.10);
}

.l-tutorialprompttitle {
  margin: 0;
  color: #17346b;
  font-size: 1.05rem;
  line-height: 1.35;
}

.l-tutorialpromptcontent,
.l-tutorialsidebarmeta {
  margin: 0;
  color: #425981;
  line-height: 1.7;
}

.l-tutorialpromptcontent > :first-child {
  margin-top: 0;
}

.l-tutorialpromptcontent > :last-child {
  margin-bottom: 0;
}

.l-tutorialpromptcontent img,
.l-tutorialpromptcontent iframe,
.l-tutorialpromptcontent video,
.l-tutorialpromptcontent table {
  max-width: 100%;
}

.l-tutorialpromptcontent iframe {
  width: 100%;
  min-height: 320px;
  border: 0;
  border-radius: 14px;
  background: #f5f8ff;
}

.l-tutorialpromptcontent img,
.l-tutorialpromptcontent video {
  display: block;
  border-radius: 14px;
}

.l-tutorialpromptcontent a {
  color: #4066b0;
}

.l-tutorialpromptcontent pre {
  white-space: pre-wrap;
}

.l-tutorialsidebarbutton {
  display: grid;
  gap: 4px;
  text-align: left;
}

.l-tutorialsidebarlabel {
  font-weight: 700;
}

.l-myorgdetail {
  display: grid;
  gap: 12px;
}

.l-myorgdetailhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.l-myorgstatusbadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #d4dff2;
  background: #f8fbff;
  color: #29488d;
  font-size: 0.82rem;
  font-weight: 700;
}

.l-myorgstatusbadge-active {
  border-color: #b7e0c8;
  background: #eef9f1;
  color: #23724a;
}

.l-myorgstatusbadge-pending {
  border-color: #f2d9a4;
  background: #fff7e6;
  color: #9a6510;
}

.l-myorgmessage {
  margin: 0;
  color: #5a709f;
  line-height: 1.6;
}

.l-myorgempty {
  min-height: 0;
}

.l-masprocessgrid {
  display: grid;
  gap: 20px;
}

.l-masprocessshell {
  display: grid;
  gap: 18px;
}

.l-masprocesstabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.l-research-runtabgroups {
  display: grid;
  gap: 14px;
}

.l-research-runtabgroup {
  display: grid;
  gap: 8px;
}

.l-research-runtabgrouphead {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5f7398;
}

.l-research-runtabs {
  gap: 8px;
}

.l-masprocesstab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #c9d7f2;
  border-radius: 999px;
  background: #f6f9ff;
  color: #355287;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.l-masprocesstab:hover:not(:disabled) {
  border-color: #9fb8eb;
  background: #edf4ff;
}

.l-masprocesstab:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.l-masprocesstab-active {
  border-color: #29488d;
  background: #dfeaff;
  color: #213c77;
  box-shadow: inset 0 0 0 1px rgba(41, 72, 141, 0.08);
}

.l-masprocesspanelgrid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.l-masprocessresponse {
  display: grid;
  gap: 10px;
  align-self: stretch;
  min-height: 100%;
  padding: 18px;
  border: 1px solid #d7e3fb;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

.l-masprocessnote {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid #d7e3fb;
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%);
  color: #496186;
  line-height: 1.55;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.l-masstrategygrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.l-masstrategycard {
  display: grid;
  gap: 10px;
  justify-items: center;
  min-height: 168px;
  padding: 16px 14px;
  border: 1px solid #d7e3fb;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  color: #28467f;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.l-masstrategycard:hover:not(:disabled) {
  border-color: #a8c0ef;
  box-shadow: 0 10px 24px rgba(28, 53, 105, 0.08);
  transform: translateY(-1px);
}

.l-masstrategycard:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.l-masstrategycard-active {
  border-color: #5d88dd;
  background: linear-gradient(180deg, #eef4ff 0%, #e4efff 100%);
  box-shadow: 0 12px 28px rgba(63, 101, 183, 0.16);
}

.l-masstrategyart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 96px;
  color: #1c2b57;
}

.l-masstrategyart svg {
  width: 100%;
  max-width: 112px;
  height: auto;
}

.l-masstrategyart svg .l-masstrategygrid {
  stroke: currentColor;
  stroke-width: 2;
}

.l-masstrategyart svg .l-masstrategyhighlight {
  fill: #6f96e8;
  stroke: currentColor;
  stroke-width: 2;
}

.l-masstrategyart svg .l-masstrategyhighlight-soft {
  fill-opacity: 0.28;
}

.l-masstrategyart svg .l-masstrategyarrow {
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.l-masstrategyart svg .l-masstrategydetail {
  stroke: currentColor;
  stroke-width: 1.2;
}

.l-masstrategylabel {
  font-size: 0.95rem;
  font-weight: 700;
  color: #29488d;
}

.l-mascontextpanel {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid #d7e3fb;
  border-radius: 16px;
  background: #f8fbff;
}

.l-mascontextchips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-masfield-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
}

.l-masfield-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #4c78d1;
}

.l-masformgrid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.l-masobservationshead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.l-masobservationslist {
  display: grid;
  gap: 16px;
}

.l-masobsfilters {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.6fr) minmax(220px, 0.8fr);
}

.l-masobservationcard {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid #d7e3fb;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.l-masobservationcard-pinned {
  border-color: #c7d7f1;
  box-shadow: 0 0 0 2px rgba(109, 145, 216, 0.08);
}

.l-masobservationhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.l-masobsactions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.l-masobservationmeta {
  display: grid;
  gap: 4px;
  color: #466089;
  font-size: 0.94rem;
}

.l-masobadges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-masobservationsection {
  display: grid;
  gap: 8px;
}

.l-masobservationlabel {
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7db3;
}

.l-masobservationpre {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #dbe5f8;
  border-radius: 14px;
  background: #f8fbff;
  color: #213457;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
}

.l-masobservationmarkdown {
  display: grid;
  gap: 10px;
  color: #1d345d;
  line-height: 1.55;
}

.l-masobservationmarkdown > :first-child {
  margin-top: 0;
}

.l-masobservationmarkdown > :last-child {
  margin-bottom: 0;
}

.l-masobservationdetails {
  display: grid;
  gap: 12px;
  padding-top: 4px;
  border-top: 1px solid #e4ecf7;
}

.l-masvizcard {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #d9e5f7;
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(101, 147, 226, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(248, 251, 255, 0.99), rgba(255, 255, 255, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.l-masviztoolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.l-masviztoolbutton {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border-color: rgba(92, 123, 173, 0.24);
  background: rgba(255, 255, 255, 0.78);
  color: #284a74;
}

.l-masviztoolbutton:hover {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(69, 106, 164, 0.38);
}

.l-masecharthost {
  min-height: 320px;
  border: 1px solid #dbe5f6;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.96)),
    linear-gradient(90deg, rgba(212, 225, 245, 0.18) 1px, transparent 1px),
    linear-gradient(rgba(212, 225, 245, 0.16) 1px, transparent 1px);
  background-size: auto, 24px 24px, 24px 24px;
}

.l-masvizbars {
  display: grid;
  gap: 12px;
}

.l-masvizbarrow {
  display: grid;
  gap: 6px;
}

.l-masvizbarhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  color: #1f395f;
}

.l-masvizbartrack {
  position: relative;
  height: 12px;
  border-radius: 999px;
  background: #e9f0fa;
  overflow: hidden;
}

.l-masvizbarfill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #6d96ea, #2f64c6);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.l-masvizbarmeta {
  font-size: 0.82rem;
  color: #5d7498;
}

.l-masvizstats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.l-masvizplotwrap {
  display: grid;
  gap: 10px;
}

.l-masvizplot {
  width: 100%;
  height: auto;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #dbe5f6;
}

.l-masvizaxis {
  stroke: #adc0df;
  stroke-width: 1.5;
}

.l-masvizpoint {
  fill: rgba(34, 95, 179, 0.74);
}

.l-masviztrendline {
  stroke: #c24b4b;
  stroke-width: 2;
  stroke-dasharray: 5 4;
}

.l-masvizplotmeta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-size: 0.82rem;
  color: #5d7498;
}

.l-masviztablewrap {
  overflow-x: auto;
}

.l-masviztable {
  width: 100%;
  border-collapse: collapse;
  min-width: 360px;
  background: #ffffff;
  border: 1px solid #dbe5f6;
  border-radius: 14px;
  overflow: hidden;
}

.l-masviztable th,
.l-masviztable td {
  padding: 10px 12px;
  border-bottom: 1px solid #e4ecf7;
  text-align: left;
  vertical-align: top;
}

.l-masviztable th {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6984ad;
  background: #f5f8fe;
}

.l-masviztable td {
  color: #1d355a;
}

.l-masviztable tbody tr:last-child td {
  border-bottom: none;
}

.l-masvizheatmap th {
  position: sticky;
  top: 0;
}

.l-masvizheatcell {
  text-align: center;
  font-weight: 700;
  color: #17355f;
}

.l-masvizstat {
  display: grid;
  gap: 6px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #dbe5f6;
  background: #ffffff;
}

.l-masvizstatlabel {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6984ad;
}

.l-masvizstatvalue {
  font-size: 1.12rem;
  color: #1d355a;
}

.l-masvizboxplots {
  display: grid;
  gap: 12px;
}

.l-masvizboxrow {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(100px, 150px) minmax(0, 1fr);
  align-items: center;
}

.l-masvizboxlabel {
  display: grid;
  gap: 4px;
  color: #1d355a;
}

.l-masvizboxlabel span {
  font-size: 0.82rem;
  color: #6a81a6;
}

.l-masvizboxtrack {
  position: relative;
  min-height: 28px;
  border-radius: 999px;
  background: #f3f7fd;
  border: 1px solid #dbe5f6;
}

.l-masvizboxwhisker {
  position: absolute;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: #6d87ae;
}

.l-masvizbox {
  position: absolute;
  top: 5px;
  bottom: 5px;
  border-radius: 10px;
  background: rgba(50, 98, 179, 0.24);
  border: 1px solid rgba(34, 95, 179, 0.48);
}

.l-masvizboxmedian {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 2px;
  margin-left: -1px;
  background: #c24b4b;
  border-radius: 999px;
}

.l-masobsdetailgrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.l-mastablebadge-danger {
  background: #fff2f0;
  color: #9d3d36;
  border: 1px solid #efc7c1;
}

.l-masreporthead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.l-masreporttoolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #dbe6f5;
  background:
    radial-gradient(circle at top right, rgba(96, 136, 212, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(247, 250, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.l-masreportbuilder {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid #dbe6f5;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.l-masreportbuilderhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.l-masreportbuildergrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: end;
}

.l-masreportbuilderparts {
  display: grid;
  gap: 12px;
}

.l-masreportbuilderpart {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #dbe6f5;
  background: rgba(255, 255, 255, 0.95);
}

.l-masreportbuilderparthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.l-masreportbuilderpartgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}

.l-masreporttoolcluster {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.l-masreporttoolcluster-right {
  margin-left: auto;
}

.l-masreporttoggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c9d7ec;
  background: #f5f8fd;
  color: #25436a;
  border-radius: 999px;
  padding: 8px 12px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.l-masreporttoggle:hover {
  background: #edf3fb;
}

.l-masreporttoggle.is-active {
  background: #244c8f;
  color: #fff;
  border-color: #244c8f;
}

.l-masreporttoolbutton {
  white-space: nowrap;
}

.l-masreportgrid {
  display: grid;
  gap: 16px;
  align-items: start;
}

.l-masreportgrid--editor {
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.7fr);
}

.l-masreportgrid--split {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(260px, 0.72fr);
}

.l-masreportgrid--preview {
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.72fr);
}

.l-masreporteditorpanel,
.l-masreportpreviewpanel {
  min-width: 0;
}

.l-masreportsidebar {
  display: grid;
  align-content: start;
}

.l-masreportattachedviz {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e2ebf7;
}

.l-masreportmeta {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #dbe6f5;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.l-masreporttextarea {
  min-height: 560px;
  font-family: "Consolas", "SFMono-Regular", "Cascadia Mono", monospace;
  line-height: 1.55;
}

.l-masreportpreviewbody {
  min-height: 560px;
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid #dbe6f5;
  background:
    radial-gradient(circle at top right, rgba(96, 136, 212, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(255, 255, 255, 0.98));
  overflow: auto;
  color: #1c3550;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.l-masreportpreviewbody h1,
.l-masreportpreviewbody h2,
.l-masreportpreviewbody h3 {
  color: #16304b;
}

.l-masreportpreviewbody p,
.l-masreportpreviewbody ul,
.l-masreportpreviewbody ol,
.l-masreportpreviewbody pre,
.l-masreportpreviewbody blockquote {
  margin-top: 0;
  margin-bottom: 12px;
}

.l-masreportpreviewbody pre {
  padding: 12px;
  border-radius: 12px;
  background: #f2f6fb;
  overflow: auto;
}

.l-masreportpreviewbody code {
  padding: 1px 4px;
  border-radius: 4px;
  background: #eef3f9;
}

.l-masreportpreviewbody blockquote {
  margin-left: 0;
  padding-left: 14px;
  border-left: 3px solid #cadaef;
  color: #526d8a;
}

.l-masreportpreviewbody table {
  width: 100%;
  border-collapse: collapse;
}

.l-masreportpreviewbody th,
.l-masreportpreviewbody td {
  padding: 8px 10px;
  border: 1px solid #d8e4f4;
  vertical-align: top;
}

.l-masreportpreviewbody th {
  background: #f4f8fd;
}

@media (max-width: 980px) {
  .l-masprocesspanelgrid {
    grid-template-columns: 1fr;
  }

  .l-masobsfilters,
  .l-masreportgrid,
  .l-masreportgrid--editor,
  .l-masreportgrid--split,
  .l-masreportgrid--preview {
    grid-template-columns: 1fr;
  }

  .l-masreporttoolcluster-right {
    margin-left: 0;
  }
}