:root {
  --cit-navy: #101d31;
  --cit-navy-2: #182941;
  --cit-ink: #17243a;
  --cit-muted: #7b8798;
  --cit-line: #e3e7ed;
  --cit-bg: #f5f6f8;
  --cit-lime: #b7de00;
  --cit-blue: #4e79d8;
  --cit-purple: #7659b5;
  --cit-green: #3d9a70;
  --cit-orange: #d78a31;
  --cit-red: #d9535d;
}

#ciacor-ti-root, #ciacor-ti-root *, .cit-maintenance, .cit-maintenance * {
  box-sizing: border-box;
}

#ciacor-ti-root {
  color: var(--cit-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

#ciacor-ti-root button, #ciacor-ti-root input, #ciacor-ti-root select, #ciacor-ti-root textarea {
  font: inherit;
}

#ciacor-ti-root button { cursor: pointer; }
#ciacor-ti-root button:disabled { cursor: wait; opacity: .65; }

.cit-brand-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--cit-lime);
  color: var(--cit-navy);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.cit-loading, .cit-fatal, .cit-maintenance {
  position: fixed;
  inset: 0;
  z-index: 99990;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0;
  background: var(--cit-navy);
  color: #fff;
}

.cit-loading > div:last-child { display: flex; flex-direction: column; }
.cit-loading span { color: #8f9db0; font-size: 12px; }
.cit-fatal, .cit-maintenance { flex-direction: column; padding: 30px; text-align: center; }
.cit-fatal h1, .cit-maintenance h1 { margin: 10px 0 0; color: #fff; font-size: 28px; }
.cit-fatal p, .cit-maintenance p { max-width: 540px; margin: 0; color: #aeb9c8; }
.cit-fatal button { margin-top: 8px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--cit-lime); color: var(--cit-navy); font-weight: 800; }

.cit-auth-page {
  position: fixed;
  inset: 0;
  z-index: 99990;
  display: grid;
  grid-template-columns: minmax(380px, 1.05fr) minmax(460px, .95fr);
  min-height: 100vh;
  margin: 0;
  background: #fff;
}

.cit-auth-story {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(38px, 5vw, 72px);
  overflow: hidden;
  position: relative;
  color: #fff;
  background:
    radial-gradient(circle at 80% 25%, rgba(183, 222, 0, .12), transparent 27%),
    linear-gradient(145deg, #0c1829, #172941);
}

.cit-auth-story::before, .cit-auth-story::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 44vw;
  height: 90px;
  transform: rotate(-42deg);
  border-radius: 16px;
  background: linear-gradient(90deg, transparent, rgba(183, 222, 0, .18));
}
.cit-auth-story::before { right: -10vw; bottom: 18%; }
.cit-auth-story::after { right: -17vw; bottom: 5%; opacity: .5; }
.cit-auth-story > * { position: relative; z-index: 1; }
.cit-auth-brand { display: flex; align-items: center; gap: 12px; font-size: 18px; letter-spacing: .02em; }
.cit-auth-story h1 { max-width: 720px; margin: 16px 0 20px; color: #fff; font-size: clamp(34px, 4.2vw, 64px); line-height: 1.02; letter-spacing: -.045em; }
.cit-auth-story h1 span { color: #9baaBD; font-weight: 480; }
.cit-auth-story > div:nth-child(2) > p:last-child { max-width: 580px; margin: 0; color: #aab6c7; font-size: 16px; }
.cit-auth-story > small { color: #75849a; }

.cit-auth-panel { display: grid; place-items: center; padding: 36px; overflow-y: auto; }
.cit-auth-card { width: min(100%, 440px); }
.cit-auth-card h2 { margin: 7px 0 8px; color: var(--cit-ink); font-size: 28px; letter-spacing: -.025em; }
.cit-auth-card > p:not(.cit-eyebrow) { margin: 0 0 24px; color: var(--cit-muted); }
.cit-auth-card form { display: grid; gap: 15px; }
.cit-auth-card label, .cit-form-grid label, .cit-admin-control label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #59677a;
  font-size: 12px;
  font-weight: 700;
}

.cit-auth-card input, .cit-form-grid input, .cit-form-grid select, .cit-form-grid textarea,
.cit-admin-control input, .cit-admin-control select, .cit-admin-control textarea, .cit-team-row input, .cit-team-row select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #dce2e9;
  border-radius: 9px;
  outline: 0;
  background: #fff;
  color: var(--cit-ink);
  transition: .15s ease;
}

.cit-auth-card input:focus, .cit-form-grid input:focus, .cit-form-grid select:focus,
.cit-form-grid textarea:focus, .cit-admin-control input:focus, .cit-admin-control select:focus,
.cit-admin-control textarea:focus, .cit-team-row input:focus, .cit-team-row select:focus {
  border-color: #7595d5;
  box-shadow: 0 0 0 3px rgba(78, 121, 216, .11);
}

.cit-auth-tabs { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 4px; margin-bottom: 30px; padding: 4px; border-radius: 10px; background: #edf0f4; }
.cit-auth-tabs button { min-height: 36px; border: 0; border-radius: 7px; background: transparent; color: #748092; font-size: 11px; font-weight: 750; }
.cit-auth-tabs button.active { background: #fff; color: var(--cit-ink); box-shadow: 0 1px 5px rgba(18, 32, 53, .1); }
.cit-primary { min-height: 42px; padding: 0 16px; border: 0; border-radius: 9px; background: var(--cit-lime); color: #14233a; font-weight: 800; box-shadow: 0 4px 12px rgba(141, 177, 0, .17); }
.cit-primary:hover { background: #c5ec0f; transform: translateY(-1px); }
.cit-secondary { min-height: 42px; padding: 0 16px; border: 1px solid #dce2e9; border-radius: 9px; background: #fff; color: #59677a; font-weight: 700; }
.cit-text-button { margin-top: 16px; padding: 0; border: 0; background: transparent; color: #5579bd; font-size: 12px; font-weight: 700; }
.cit-form-message { min-height: 22px; margin-top: 15px; color: #a04c51; font-size: 12px; }
.cit-center { text-align: center; }
.cit-auth-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 20px; border-radius: 50%; background: #e9f7ef; color: var(--cit-green); font-size: 26px; font-weight: 900; }
.cit-center .cit-primary { width: 100%; margin-top: 22px; }

.cit-eyebrow { margin: 0; color: #7d8999; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.cit-auth-story .cit-eyebrow { color: var(--cit-lime); }

.cit-app {
  position: fixed;
  inset: 0;
  z-index: 99990;
  min-height: 100vh;
  overflow: hidden;
  background: var(--cit-bg);
  color: var(--cit-ink);
}

.cit-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  width: 216px;
  padding: 22px 14px 18px;
  color: #fff;
  background: var(--cit-navy);
}
.cit-logo { display: flex; align-items: center; gap: 10px; padding: 0 7px 27px; }
.cit-logo > div { display: flex; flex-direction: column; line-height: 1.05; }
.cit-logo strong { font-size: 15px; letter-spacing: .05em; }
.cit-logo small { margin-top: 4px; color: #8190a5; font-size: 8px; letter-spacing: .12em; }
.cit-nav-label { margin: 0 10px 9px; color: #617088; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.cit-sidebar nav { display: grid; gap: 4px; }
.cit-sidebar nav button { position: relative; display: flex; align-items: center; gap: 11px; width: 100%; height: 43px; padding: 0 11px; overflow: hidden; border: 0; border-radius: 8px; background: transparent; color: #9aa7b9; text-align: left; font-size: 11px; font-weight: 650; }
.cit-sidebar nav button > span { width: 19px; color: #728198; text-align: center; font-size: 15px; }
.cit-sidebar nav button:hover { background: #16263e; color: #fff; }
.cit-sidebar nav button.active { background: #1b2d47; color: #fff; }
.cit-sidebar nav button.active > span { color: var(--cit-lime); }
.cit-sidebar nav button.active i { position: absolute; right: 0; width: 3px; height: 20px; border-radius: 3px 0 0 3px; background: var(--cit-lime); }
.cit-sidebar-foot { display: grid; gap: 12px; margin-top: auto; padding: 16px 8px 0; border-top: 1px solid #263750; }
.cit-online { color: #7f8da1; font-size: 9px; }
.cit-online i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--cit-lime); box-shadow: 0 0 0 3px rgba(183, 222, 0, .09); }
.cit-sidebar-foot button { justify-self: start; padding: 0; border: 0; background: transparent; color: #8d9bb0; font-size: 10px; }

.cit-main { height: 100vh; margin-left: 216px; overflow-y: auto; }
.cit-topbar { position: sticky; top: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; height: 64px; padding: 0 34px; border-bottom: 1px solid var(--cit-line); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.cit-breadcrumb { color: #8a95a4; font-size: 10px; }.cit-breadcrumb b { padding: 0 7px; color: #bcc3cc; }
.cit-user { display: flex; align-items: center; gap: 9px; }
.cit-user > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #e9eef7; color: #51657f; font-size: 10px; font-weight: 800; }
.cit-user > div { display: flex; flex-direction: column; line-height: 1.2; }.cit-user strong { font-size: 10px; }.cit-user small { margin-top: 2px; color: #929ba8; font-size: 8px; }
.cit-notification { position: relative; display: grid; place-items: center; width: 33px; height: 33px; margin-right: 7px; border: 1px solid #e0e5eb; border-radius: 9px; background: #fff; color: #657286; font-size: 17px; }
.cit-notification b { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 15px; height: 15px; padding: 0 3px; border: 2px solid #fff; border-radius: 10px; background: var(--cit-red); color: #fff; font-size: 7px; }
.cit-mobile-logo { display: none; }
.cit-content { width: min(1220px, 100%); min-height: calc(100vh - 64px); margin: 0 auto; padding: 34px 38px 55px; }

.cit-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.cit-heading h1 { margin: 7px 0 0; color: var(--cit-ink); font-size: 28px; line-height: 1.1; letter-spacing: -.035em; }
.cit-heading h1 span { color: #7f8998; font-weight: 450; }
.cit-heading > div > p:last-child { margin: 9px 0 0; color: var(--cit-muted); font-size: 11px; }

.cit-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.cit-metrics article { display: flex; align-items: flex-start; gap: 12px; min-height: 108px; padding: 17px; border: 1px solid var(--cit-line); border-radius: 12px; background: #fff; box-shadow: 0 3px 14px rgba(19, 32, 53, .025); }
.cit-metrics article > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 auto; border-radius: 8px; font-weight: 850; }
.cit-metrics .blue { background: #eaf1ff; color: var(--cit-blue); }.cit-metrics .red { background: #ffebed; color: var(--cit-red); }
.cit-metrics .orange { background: #fff2e4; color: var(--cit-orange); }.cit-metrics .green { background: #e9f7ef; color: var(--cit-green); }
.cit-metrics article > div { display: flex; flex-direction: column; }.cit-metrics small { color: #8994a3; font-size: 8px; font-weight: 800; letter-spacing: .07em; }
.cit-metrics strong { margin: 5px 0 0; font-size: 25px; line-height: 1; }.cit-metrics p { margin: 7px 0 0; color: #98a1ad; font-size: 8px; }

.cit-panel { margin-bottom: 16px; overflow: hidden; border: 1px solid var(--cit-line); border-radius: 12px; background: #fff; box-shadow: 0 3px 14px rgba(19,32,53,.025); }
.cit-panel > header { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 13px 17px; border-bottom: 1px solid var(--cit-line); }
.cit-panel > header h2 { margin: 4px 0 0; font-size: 13px; }.cit-panel > header button { border: 0; background: transparent; color: #5978b5; font-size: 9px; font-weight: 750; }

.cit-ticket-row, .cit-table-row { width: 100%; border: 0; border-bottom: 1px solid #edf0f3; background: #fff; color: var(--cit-ink); text-align: left; }
.cit-ticket-row:last-child, .cit-table-row:last-child { border-bottom: 0; }
.cit-ticket-row:hover, .cit-table-row:hover { background: #fafbfc; }
.cit-ticket-row { display: grid; grid-template-columns: minmax(240px, 1.5fr) 150px 70px 125px 105px; align-items: center; gap: 12px; min-height: 62px; padding: 10px 17px; }
.cit-ticket-title { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.cit-ticket-title b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }.cit-ticket-title small { color: #929ca9; font-size: 8px; }
.cit-status { display: flex; align-items: center; gap: 7px; color: #697687; font-size: 9px; }
.cit-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--cit-blue); }
.cit-status i.entrada, .cit-status i.triagem { background: var(--cit-orange); }.cit-status i.critico { background: var(--cit-red); }
.cit-status i.aguardando-informacoes, .cit-status i.aguardando-solicitante, .cit-status i.aguardando-fornecedor { background: #929caa; }
.cit-status i.concluido { background: var(--cit-green); }.cit-status i.fora-do-escopo { background: #656f7d; }
.cit-priority { display: inline-grid; place-items: center; min-width: 30px; height: 23px; border-radius: 6px; font-size: 9px; }
.cit-priority.p1 { background: #fde9eb; color: #c9444d; }.cit-priority.p2 { background: #fff1df; color: #bd7626; }
.cit-priority.p3 { background: #eaf1ff; color: #4776cf; }.cit-priority.p4 { background: #eeeaf9; color: #7658b7; }.cit-priority.p5 { background: #edf0f3; color: #687384; }
.cit-ticket-row > span:nth-last-child(-n+2) { color: #818c9a; font-size: 9px; }

.cit-table-head, .cit-table-row { display: grid; grid-template-columns: minmax(260px,1.5fr) 150px 70px 125px 105px; align-items: center; gap: 12px; min-width: 760px; }
.cit-table-head { min-height: 40px; padding: 0 17px; border-bottom: 1px solid var(--cit-line); background: #fafbfc; color: #8b95a3; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.cit-table-row { min-height: 65px; padding: 9px 17px; }.cit-table { overflow-x: auto; }

.cit-empty { display: flex; min-height: 190px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 25px; color: var(--cit-muted); text-align: center; }
.cit-empty > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #edf3ff; color: var(--cit-blue); font-weight: 800; }
.cit-empty strong { color: var(--cit-ink); }.cit-empty p { margin: 0; font-size: 11px; }
.cit-scope-banner { display: flex; align-items: center; gap: 13px; padding: 18px 20px; border-radius: 12px; background: var(--cit-navy); color: #fff; }
.cit-scope-banner > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 auto; border-radius: 8px; background: var(--cit-lime); color: var(--cit-navy); font-weight: 850; }
.cit-scope-banner p { margin: 4px 0 0; color: #9caabd; font-size: 10px; }

.cit-capacity-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding: 20px; }
.cit-capacity-grid > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; }.cit-capacity-grid strong { font-size: 10px; }.cit-capacity-grid small { color: #7f8998; font-size: 9px; }
.cit-cap-bar { position: relative; grid-column: 1/-1; height: 7px; overflow: hidden; border-radius: 10px; background: #edf0f4; }
.cit-cap-bar::before { content: ""; display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--cit-blue); }
.cit-cap-bar.purple::before { background: var(--cit-purple); }.cit-cap-bar.green::before { background: var(--cit-green); }

.cit-project-grid, .cit-knowledge-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.cit-project { padding: 19px; border: 1px solid var(--cit-line); border-radius: 12px; background: #fff; }
.cit-project-top { display: flex; align-items: center; justify-content: space-between; }.cit-project-top > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #eaf1ff; color: var(--cit-blue); font-weight: 850; }
.cit-project-top > b { padding: 5px 8px; border-radius: 20px; background: #e9f7ef; color: var(--cit-green); font-size: 8px; }.cit-project-top > b.atencao { background: #fff3e3; color: var(--cit-orange); }.cit-project-top > b.bloqueado { background: #ffebed; color: var(--cit-red); }
.cit-project > .cit-eyebrow { margin-top: 17px; }.cit-project h2 { margin: 5px 0 16px; font-size: 16px; }
.cit-owner { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 11px; border-radius: 8px; background: #f7f8fa; }.cit-owner span { display: flex; min-width: 0; flex-direction: column; }.cit-owner small { color: #909aa7; font-size: 7px; font-weight: 800; }.cit-owner strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.cit-project > label { display: grid; grid-template-columns: 1fr auto; gap: 7px; margin: 16px 0 7px; color: #748092; font-size: 9px; }.cit-project > label input { grid-column: 1/-1; width: 100%; accent-color: var(--cit-blue); }.cit-project > label b { color: var(--cit-ink); }
.cit-progress-track { height: 7px; overflow: hidden; border-radius: 10px; background: #edf0f4; }.cit-progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--cit-blue); }
.cit-next { display: flex; min-height: 67px; flex-direction: column; gap: 5px; padding: 11px; border-radius: 8px; background: #f7f8fa; }.cit-next small { color: #929ba7; font-size: 7px; font-weight: 800; letter-spacing: .08em; }.cit-next strong { font-size: 9px; }
.cit-project > button { width: 100%; min-height: 36px; border: 1px solid #e0e5eb; border-radius: 8px; background: #fff; color: #5a6f91; font-size: 9px; font-weight: 750; }
.cit-span { grid-column: 1/-1; border: 1px solid var(--cit-line); border-radius: 12px; background: #fff; }

.cit-knowledge-grid article { display: flex; gap: 13px; min-height: 155px; padding: 18px; border: 1px solid var(--cit-line); border-radius: 12px; background: #fff; }
.cit-knowledge-grid article > span { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 auto; border-radius: 9px; background: #f1ecfa; color: var(--cit-purple); font-weight: 800; }
.cit-knowledge-grid article > div { min-width: 0; flex: 1; }.cit-knowledge-grid article small { color: var(--cit-blue); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.cit-knowledge-grid h2 { margin: 5px 0 7px; font-size: 13px; }.cit-knowledge-grid p { color: #7d8898; font-size: 9px; line-height: 1.55; }
.cit-knowledge-grid details { margin-top: 12px; font-size: 9px; }.cit-knowledge-grid summary { color: #526faa; cursor: pointer; font-weight: 750; }.cit-knowledge-grid details div { margin-top: 9px; color: #5f6b7d; line-height: 1.6; }

.cit-team { overflow-x: auto; }.cit-team-head, .cit-team-row { display: grid; grid-template-columns: minmax(260px,1.5fr) 170px 150px 130px 70px; align-items: center; gap: 12px; min-width: 840px; padding: 10px 16px; }
.cit-team-head { min-height: 40px; border-bottom: 1px solid var(--cit-line); background: #fafbfc; color: #8b95a3; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.cit-team-row { min-height: 66px; border-bottom: 1px solid #edf0f3; }.cit-team-row:last-child { border: 0; }.cit-team-row input, .cit-team-row select { min-height: 37px; padding: 7px 9px; font-size: 9px; }
.cit-team-row > button { min-height: 35px; border: 1px solid #dce2e9; border-radius: 7px; background: #fff; color: #596b87; font-size: 9px; font-weight: 750; }
.cit-person { display: flex; align-items: center; gap: 9px; min-width: 0; }.cit-person i { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 9px; background: #e9eef7; color: #51657f; font-size: 9px; font-style: normal; font-weight: 800; }.cit-person b { display: flex; min-width: 0; flex-direction: column; font-size: 10px; }.cit-person small { margin-top: 3px; overflow: hidden; color: #9099a7; font-size: 8px; font-weight: 450; text-overflow: ellipsis; }

.cit-report-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cit-backups { display: grid; }.cit-backups a { display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; padding: 12px 16px; border-bottom: 1px solid #edf0f3; color: var(--cit-ink); text-decoration: none; }.cit-backups a:last-child { border: 0; }.cit-backups a > span { grid-row: 1/3; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #eaf1ff; color: var(--cit-blue); }.cit-backups b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.cit-backups small { color: #8d97a4; font-size: 8px; }
.cit-audit { padding: 6px 16px 14px; }.cit-audit > div { display: flex; gap: 10px; padding: 9px 0; }.cit-audit > div > i { width: 7px; height: 7px; flex: 0 0 auto; margin-top: 4px; border: 2px solid #fff; border-radius: 50%; background: var(--cit-blue); box-shadow: 0 0 0 1px #bfcbe0; }.cit-audit p { display: flex; min-width: 0; flex-direction: column; margin: 0; }.cit-audit b { font-size: 9px; }.cit-audit span { margin-top: 2px; color: #687587; font-size: 8px; }.cit-audit small { margin-top: 2px; color: #9aa2ae; font-size: 7px; }
.cit-muted { margin: 15px; color: #8c97a5; font-size: 10px; }

.cit-modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(7, 15, 27, .62); backdrop-filter: blur(3px); }
.cit-modal { width: min(620px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; border-radius: 15px; background: #fff; box-shadow: 0 28px 80px rgba(5, 12, 22, .3); }
.cit-modal.wide { width: min(850px, 100%); }.cit-modal > header { position: sticky; top: 0; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 22px 16px; border-bottom: 1px solid var(--cit-line); background: rgba(255,255,255,.97); backdrop-filter: blur(10px); }
.cit-modal > header h2 { margin: 0; font-size: 19px; }.cit-modal > header p { margin: 5px 0 0; color: var(--cit-muted); font-size: 10px; }.cit-modal > header > button { display: grid; place-items: center; width: 31px; height: 31px; border: 0; border-radius: 8px; background: #f0f2f5; color: #657184; font-size: 19px; }
.cit-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 20px 22px 22px; }.cit-form-grid .full { grid-column: 1/-1; }.cit-form-grid textarea, .cit-admin-control textarea { resize: vertical; }
.cit-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 2px; }

.cit-ticket-detail { display: grid; gap: 0; }.cit-ticket-detail > section { padding: 18px 22px; border-top: 1px solid var(--cit-line); }.cit-ticket-detail > section h3, .cit-admin-control h3 { margin: 0 0 12px; color: #435166; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }.cit-ticket-detail > section > p { margin: 0; color: #526074; font-size: 11px; line-height: 1.65; }
.cit-detail-tags { display: flex; align-items: center; gap: 8px; padding: 15px 22px; }.cit-detail-tags em { padding: 5px 8px; border-radius: 10px; background: #fff3e3; color: #ad6c20; font-size: 8px; font-style: normal; font-weight: 750; }
.cit-detail-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 17px; }.cit-detail-grid span { display: flex; flex-direction: column; padding: 10px; border-radius: 8px; background: #f7f8fa; }.cit-detail-grid small { color: #929ba8; font-size: 7px; font-weight: 800; }.cit-detail-grid b { margin-top: 4px; font-size: 9px; }
.cit-admin-control { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 18px 22px; border-top: 1px solid var(--cit-line); background: #fafbfc; }.cit-admin-control h3, .cit-admin-control .full { grid-column: 1/-1; }
.cit-time { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }.cit-time > span { display: flex; margin-right: auto; flex-direction: column; }.cit-time small { color: #8c96a4; font-size: 7px; }.cit-time b { margin-top: 3px; font-size: 11px; }.cit-time > button:not(.cit-primary) { min-height: 34px; padding: 0 10px; border: 1px solid #dbe1e8; border-radius: 7px; background: #fff; color: #5b6c88; font-size: 8px; font-weight: 750; }
.cit-close-row { display: flex; align-items: center; gap: 18px; margin-top: 2px; padding: 13px 14px; border: 1px solid #dce8c5; border-radius: 10px; background: #f8fced; }.cit-close-row > span { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }.cit-close-row b { color: #25344a; font-size: 10px; }.cit-close-row small { color: #6f7c69; font-size: 8px; line-height: 1.45; }.cit-close-ticket { min-height: 36px; padding: 0 15px; border: 1px solid #789300; border-radius: 8px; background: var(--cit-lime); color: #17220a; font-size: 9px; font-weight: 850; cursor: pointer; }.cit-close-ticket:hover:not(:disabled) { filter: brightness(.96); transform: translateY(-1px); }.cit-close-row.is-closed { border-color: #dfe4e9; background: #f3f5f7; }.cit-close-ticket:disabled { border-color: #ccd3da; background: #e4e8ec; color: #667383; cursor: default; }
.cit-attachment-list { display: grid; gap: 6px; }.cit-attachment-list a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; padding: 8px; border: 1px solid #e5e9ef; border-radius: 8px; color: var(--cit-ink); text-decoration: none; }.cit-attachment-list a > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: #eaf1ff; color: var(--cit-blue); }.cit-attachment-list b { font-size: 9px; }.cit-attachment-list small { color: #909aa7; font-size: 8px; }
.cit-inline-form { display: flex; gap: 8px; margin-top: 10px; }.cit-inline-form input { min-width: 0; flex: 1; font-size: 9px; }.cit-inline-form button { min-height: 35px; padding: 0 12px; border: 1px solid #dce2e9; border-radius: 8px; background: #fff; color: #566a89; font-size: 9px; font-weight: 750; }
.cit-comments { display: grid; gap: 8px; margin-bottom: 12px; }.cit-comments > div { padding: 11px 12px; border-radius: 9px; background: #f4f7fb; }.cit-comments > div.internal { background: #fff8e9; }.cit-comments b { font-size: 9px; }.cit-comments p { margin: 5px 0; color: #526074; font-size: 10px; }.cit-comments small { color: #909aa7; font-size: 7px; }
.cit-comment-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }.cit-comment-form textarea { grid-column: 1/-1; min-height: 70px; padding: 10px; border: 1px solid #dce2e9; border-radius: 8px; resize: vertical; outline: 0; }.cit-comment-form label { align-self: center; color: #6c7889; font-size: 9px; }.cit-comment-form button { min-width: 100px; }
.cit-notification-list { max-height: 540px; overflow-y: auto; padding: 8px 20px 18px; }.cit-notification-list > div:not(.cit-empty) { display: flex; gap: 10px; padding: 12px 3px; border-bottom: 1px solid #edf0f3; }.cit-notification-list > div > i { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #c4cbd4; }.cit-notification-list > div.unread > i { background: var(--cit-blue); }.cit-notification-list p { display: flex; flex-direction: column; margin: 0; }.cit-notification-list b { font-size: 10px; }.cit-notification-list span { margin-top: 3px; color: #6f7b8c; font-size: 9px; }.cit-notification-list small { margin-top: 4px; color: #9ba3af; font-size: 8px; }

.cit-toast { position: fixed; right: 22px; bottom: 22px; z-index: 130; display: flex; align-items: center; gap: 9px; max-width: 390px; padding: 12px 16px; border: 1px solid #33435b; border-radius: 10px; background: var(--cit-navy); color: #fff; box-shadow: 0 14px 34px rgba(10,20,35,.25); font-size: 10px; font-weight: 650; }.cit-toast span { color: var(--cit-lime); }
.cit-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 200; height: 3px; overflow: hidden; background: rgba(183,222,0,.2); }.cit-progress::after { content: ""; display: block; width: 35%; height: 100%; background: var(--cit-lime); animation: citProgress 1.1s infinite ease-in-out; }
@keyframes citProgress { from { transform: translateX(-100%); } to { transform: translateX(390%); } }

@media (max-width: 1050px) {
  .cit-metrics { grid-template-columns: 1fr 1fr; }
  .cit-project-grid, .cit-knowledge-grid { grid-template-columns: 1fr 1fr; }
  .cit-report-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .cit-auth-page { display: block; overflow-y: auto; background: #fff; }
  .cit-auth-story { min-height: 260px; padding: 28px 24px; }
  .cit-auth-story > div:nth-child(2) { margin-top: 70px; }.cit-auth-story h1 { font-size: 34px; }.cit-auth-story > small { display: none; }
  .cit-auth-panel { padding: 30px 20px 55px; }
  .cit-sidebar { inset: auto 0 0; width: 100%; height: 65px; padding: 7px 8px; }
  .cit-logo, .cit-nav-label, .cit-sidebar-foot { display: none; }
  .cit-sidebar nav { display: flex; justify-content: space-between; overflow-x: auto; }.cit-sidebar nav button { width: auto; min-width: 62px; height: 50px; padding: 4px 7px; flex-direction: column; justify-content: center; gap: 2px; font-size: 7px; }.cit-sidebar nav button > span { font-size: 14px; }.cit-sidebar nav button.active i { inset: auto 7px -2px; width: auto; height: 2px; }
  .cit-main { height: calc(100vh - 65px); margin-left: 0; }
  .cit-topbar { height: 58px; padding: 0 16px; }.cit-breadcrumb { display: none; }.cit-mobile-logo { display: flex; align-items: center; gap: 8px; font-size: 11px; }.cit-mobile-logo .cit-brand-mark { width: 28px; height: 28px; border-radius: 7px; font-size: 20px; }
  .cit-user > div { display: none; }.cit-user > span { width: 29px; height: 29px; }
  .cit-content { min-height: calc(100vh - 123px); padding: 25px 15px 40px; }
  .cit-heading { align-items: flex-start; flex-direction: column; gap: 16px; }.cit-heading h1 { font-size: 24px; }.cit-heading .cit-primary { align-self: stretch; }
  .cit-metrics { gap: 9px; }.cit-metrics article { min-height: 95px; padding: 13px; }.cit-metrics article > span { display: none; }.cit-metrics strong { font-size: 22px; }
  .cit-ticket-row { grid-template-columns: minmax(0,1fr) 110px 38px; }.cit-ticket-row > span:nth-last-child(-n+2) { display: none; }
  .cit-capacity-grid { grid-template-columns: 1fr; }
  .cit-project-grid, .cit-knowledge-grid { grid-template-columns: 1fr; }
  .cit-modal-backdrop { padding: 10px; }.cit-modal { max-height: calc(100vh - 20px); }.cit-form-grid { grid-template-columns: 1fr; padding: 18px; }.cit-form-grid label { grid-column: 1/-1; }
  .cit-detail-grid { grid-template-columns: 1fr 1fr; }.cit-admin-control { grid-template-columns: 1fr; }.cit-admin-control > * { grid-column: 1/-1; }
  .cit-close-row { align-items: stretch; flex-direction: column; }.cit-close-ticket { width: 100%; }
  .cit-time { align-items: stretch; flex-wrap: wrap; }.cit-time > span { width: 100%; }.cit-time .cit-primary { flex: 1; }
}

@media (max-width: 430px) {
  .cit-auth-story { min-height: 230px; }.cit-auth-story > div:nth-child(2) { margin-top: 45px; }.cit-auth-story h1 { font-size: 29px; }
  .cit-auth-tabs { grid-template-columns: 1fr 1fr; }.cit-auth-tabs button:last-child { grid-column: 1/-1; }
  .cit-metrics article { min-height: 88px; }.cit-metrics small { font-size: 7px; }.cit-metrics p { display: none; }
  .cit-user > span { display: none; }.cit-notification { margin-right: 0; }
  .cit-detail-grid { grid-template-columns: 1fr; }.cit-inline-form { align-items: stretch; flex-direction: column; }
  .cit-form-actions { flex-direction: column-reverse; }.cit-form-actions button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  #ciacor-ti-root *, #ciacor-ti-root *::before, #ciacor-ti-root *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}