/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* surfaces */
  --bg: #EFF3F6;
  --bg-doc: #E7ECF1;
  --bg-grad-1: #f4f8fb;
  --bg-grad-2: #e9eef3;
  --bg-grad-3: #e2e8ee;
  --card: #FFFFFF;
  --card-border: #E8EDF2;
  --card-border-2: #E4EAF0;
  --card-border-3: #E1E7EC;
  --subtle: #F6F8FA;
  --subtle-2: #F1F4F7;
  --track: #EDF1F4;
  --divider: #EEF1F4;
  --header-bg: rgba(255,255,255,.86);

  /* text */
  --text: #16222E;
  --text-strong: #1f2d39;
  --text-2: #5B6B7A;
  --text-3: #3b4a57;
  --text-muted: #8493A0;
  --text-muted-2: #9AA7B2;
  --text-muted-3: #7c8b97;
  --text-on-brand: #ffffff;

  /* brand */
  --brand: #006694;
  --brand-2: #00547a;
  --brand-soft-bg: #F0F6FA;
  --brand-soft-border: #DCE7EF;
  --accent: #FF9833;
  --neutral-dot: #94A3B0;

  /* status — foregrounds */
  --ok-fg: #178A57;
  --ok-fg-2: #1FA565;
  --warn-fg: #C9871A;
  --warn-fg-2: #B5730F;
  --warn-amber: #E0A020;
  --crit-fg: #C53434;
  --crit-dot: #E04848;
  --info-fg: #1F6FB2;
  --info-fg-2: #2F5FB5;
  --purple-fg: #6B4DA8;
  --purple-fg-2: #7A5BB0;

  /* status — tint backgrounds */
  --ok-bg: #E3F5EC;
  --ok-bg-2: #F2FAF6;
  --warn-bg: #FDF1DE;
  --warn-bg-2: #FDF8EF;
  --crit-bg: #FBE4E4;
  --info-bg: #E7F0FA;
  --info-bg-2: #EAF0FB;
  --closed-bg: #ECEFF2;
  --purple-bg: #EFEAF8;
  --purple-bg-2: #F4F1FB;
  --purple-border: #E4DCF3;

  /* misc */
  --input-bg: #ffffff;
  --input-border: #E1E7EC;
  --btn-disabled: #9FB6C4;
  --icon-stroke: #6a7b88;
  --dashed-border: #DCE3E9;
  --login-border: #d9dfe6;
  --scrollbar-thumb: #cdd6df;
  --drill-scrim: rgba(20,32,44,.42);
  --drawer-bg: #F7F9FB;

  /* shadows */
  --shadow-card: 0 1px 2px rgba(16,40,60,.04);
  --shadow-menu: 0 22px 48px -16px rgba(16,40,60,.32);
  --shadow-header: 0 1px 12px -6px rgba(16,40,60,.18);
  --shadow-drawer: -24px 0 60px -30px rgba(16,40,60,.5);
  --shadow-login: 0 30px 70px -30px rgba(16,40,60,.35);

  color-scheme: light;
}

[data-theme="dark"] {
  /* surfaces */
  --bg: #0f151b;
  --bg-doc: #0b1116;
  --bg-grad-1: #131c25;
  --bg-grad-2: #0e151c;
  --bg-grad-3: #0a1015;
  --card: #161e26;
  --card-border: #2a3540;
  --card-border-2: #2a3540;
  --card-border-3: #313d49;
  --subtle: #1b242d;
  --subtle-2: #1d2730;
  --track: #232e38;
  --divider: #232e38;
  --header-bg: rgba(18,24,30,.86);

  /* text */
  --text: #e8edf2;
  --text-strong: #f0f4f8;
  --text-2: #9fb0bd;
  --text-3: #b9c6d1;
  --text-muted: #6f7e8b;
  --text-muted-2: #7f8d99;
  --text-muted-3: #87949f;
  --text-on-brand: #ffffff;

  /* brand */
  --brand: #2a91c4;
  --brand-2: #1f7aa8;
  --brand-soft-bg: #15303d;
  --brand-soft-border: #224657;
  --accent: #FF9833;
  --neutral-dot: #5d6c78;

  /* status — foregrounds (slightly brighter) */
  --ok-fg: #3cc185;
  --ok-fg-2: #45cc8e;
  --warn-fg: #e0a648;
  --warn-fg-2: #e0a648;
  --warn-amber: #e0a648;
  --crit-fg: #f06868;
  --crit-dot: #f06868;
  --info-fg: #54a3df;
  --info-fg-2: #6396e0;
  --purple-fg: #a98fe0;
  --purple-fg-2: #b39ce6;

  /* status — tint backgrounds (deeper, lower-luminance) */
  --ok-bg: #11301f;
  --ok-bg-2: #122a1d;
  --warn-bg: #33260f;
  --warn-bg-2: #2e220d;
  --crit-bg: #3a1c1c;
  --info-bg: #122a3d;
  --info-bg-2: #142536;
  --closed-bg: #232e38;
  --purple-bg: #241c38;
  --purple-bg-2: #201a30;
  --purple-border: #352a52;

  /* misc */
  --input-bg: #1b242d;
  --input-border: #313d49;
  --btn-disabled: #3a4a56;
  --icon-stroke: #8493a0;
  --dashed-border: #313d49;
  --login-border: #313d49;
  --scrollbar-thumb: #313d49;
  --drill-scrim: rgba(0,0,0,.6);
  --drawer-bg: #12181f;

  /* shadows (subtler/blacker) */
  --shadow-card: 0 1px 2px rgba(0,0,0,.4);
  --shadow-menu: 0 22px 48px -16px rgba(0,0,0,.7);
  --shadow-header: 0 1px 12px -6px rgba(0,0,0,.6);
  --shadow-drawer: -24px 0 60px -30px rgba(0,0,0,.8);
  --shadow-login: 0 30px 70px -30px rgba(0,0,0,.75);

  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb); border-radius: 8px;
  border: 2px solid transparent; background-clip: content-box;
}

@keyframes itbsFadeUp { from { transform: translateY(20px); } to { transform: translateY(0); } }
@keyframes itbsFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes itbsSlideIn { from { transform: translateX(46px); } to { transform: translateX(0); } }
@keyframes itbsPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(224,72,72,.5); } 50% { box-shadow: 0 0 0 7px rgba(224,72,72,0); } }
@keyframes itbsSpin { to { transform: rotate(360deg); } }
@keyframes itbsFloat { 0%,100% { transform: translateY(0) rotate(var(--r,0deg)); } 50% { transform: translateY(-14px) rotate(var(--r,0deg)); } }
@keyframes itbsLive { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes itbsRow { from { transform: translateY(10px); } to { transform: translateY(0); } }
@keyframes itbsSweep { 0% { transform: translateX(-140%) skewX(-18deg); } 100% { transform: translateX(440%) skewX(-18deg); } }
@keyframes itbsDash { to { stroke-dashoffset: -240; } }
@keyframes itbsGlow { 0%,100% { opacity: .5; } 50% { opacity: .95; } }

button { font-family: inherit; }

/* Responsive breakpoints — the inline styles carry the desktop layout;
   these class hooks override them on smaller screens (mobile optimisation). */
@media (max-width: 900px) {
  .itbs-grid { grid-template-columns: 1fr !important; }
  .itbs-grid > * { grid-column: auto !important; order: 0 !important; }
  .hd-tiles { grid-template-columns: repeat(3,1fr) !important; }
}
@media (max-width: 700px) {
  .itbs-clock { display: none !important; }
}
@media (max-width: 600px) {
  .hd-tiles { grid-template-columns: repeat(2,1fr) !important; }
  .itbs-layoutbar { justify-content: flex-start !important; }
}
@media (max-width: 520px) {
  .itbs-username { display: none !important; }
  .itbs-main { padding-left: 16px !important; padding-right: 16px !important; }
  .itbs-headrow { padding-left: 16px !important; padding-right: 16px !important; gap: 10px !important; }
}
@media (max-width: 480px) {
  .itbs-grid > section, .itbs-grid > button { padding: 18px 16px !important; }
  .itbs-ai-sec { padding: 18px 16px !important; }
  .itbs-ai-head { flex-wrap: wrap !important; }
  .itbs-greet { font-size: 20px !important; }
  .itbs-headrow { height: 58px !important; }
}
@media (max-width: 420px) {
  .hd-tiles { grid-template-columns: 1fr !important; }
  .itbs-send-label { display: none !important; }
}

/* Login split-panel: hide the brand panel on narrow screens (form-only). */
@media (max-width: 760px) {
  .login-brandpanel { display: none !important; }
  .login-formwrap { padding: 32px 20px !important; }
}