.kui {
  --k-accent: #417ba7; --k-accent-hover: #386d95; --k-accent-ink: #2d5f86; --k-accent-soft: #e6eef6; --k-accent-softer: #f2f6fa; --k-accent-line: #a9c2d8;
  --k-navy: #142f49; --k-navy-ink: #e9f0f6; --k-navy-weak: #a3b8cc; --k-sky: #a9cbe8;
  --k-g-navy: linear-gradient(100deg, #1d4669 0%, #173a58 34%, #132d47 100%);
  --k-ball: #eb6101;
  --k-ground: #eaf0f6; --k-surface: #ffffff; --k-surface-2: #f6f8fb;
  --k-line: #e2e8ef; --k-line-soft: #edf1f5; --k-line-strong: #cfd9e3;
  --k-ink: #1e2a37; --k-ink-2: #465567; --k-muted: #5f6d7e; --k-faint: #7a8696;
  --k-active: #00a7ea; --k-active-bg: #dff3fc; --k-active-fg: #06587d;
  --k-resolved: #ebb800; --k-resolved-bg: #fbf0c9; --k-resolved-fg: #6b5000;
  --k-closed: #aaaaaa; --k-closed-bg: #eeeeee; --k-closed-fg: #555555;
  --k-sh: 0 1px 2px rgba(20, 40, 64, .05), 0 4px 14px rgba(20, 40, 64, .045);
  --k-sh-pop: 0 18px 44px rgba(12, 28, 44, .22), 0 3px 10px rgba(12, 28, 44, .10);
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--k-ground);
  color: var(--k-ink);
  font-family: var(--f-text);
  font-size: 13.5px;
  line-height: 1.6;
  text-align: left;
  user-select: none;
}
.kui * { box-sizing: border-box; }
.kui p { margin: 0; }
.kui svg.ki { width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.kui-hd { flex: 0 0 52px; display: flex; align-items: center; gap: 4px; padding: 0 14px 0 20px; background: var(--k-g-navy); color: var(--k-navy-ink); }
.kui-hd .wm { font-size: 22px; color: #f4f7fa; margin-right: 26px; }
.kui-nav { display: flex; gap: 2px; }
.kui-nav span { position: relative; padding: 6px 12px; border-radius: 6px; font-size: 14.5px; letter-spacing: .06em; color: #dbe6f0; }
.kui-nav span.is-on { color: #fff; font-weight: 700; }
.kui-nav span.is-on::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px; border-radius: 2px; background: var(--k-sky); }
.kui-hd__sp { flex: 1 1 auto; }
.kui-hd__menu { display: flex; align-items: center; gap: 14px; margin-right: 12px; font-size: 12.5px; color: var(--k-navy-weak); }
.kui-hd__ai { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 13px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; color: #f4f7fa; font-size: 12.5px; }
.kui-hd__ai.is-off { opacity: .45; }
.kui-hd__me { display: inline-flex; align-items: center; gap: 8px; min-width: 0; margin-left: 10px; font-size: 12.5px; color: #dbe6f0; }
.kui-hd__nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kui-hd__div { flex: 0 0 1px; width: 1px; height: 22px; margin: 0 10px; background: rgba(255, 255, 255, .16); }
.kui-tenant { display: inline-flex; align-items: center; flex: 0 0 auto; }
.kui-hd__me + .kui-tenant { margin-left: 10px; }
.kui-tenant__logo { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 3px 8px; border-radius: 6px; background: #fff; }
.ktlogo { display: inline-flex; align-items: center; gap: 5px; font-family: var(--f-head); font-size: 13.5px; font-weight: 700; letter-spacing: .06em; line-height: 1; color: #2f3a45; white-space: nowrap; }
.ktlogo::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; background: center / contain no-repeat; }
.ktlogo--hinata::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M2 14h14' stroke='%23c98a12' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M4.2 14a4.8 4.8 0 0 1 9.6 0z' fill='%23e9b949'/%3E%3Cpath d='M9 3.2v2.1M3.6 5.8l1.4 1.4M14.4 5.8 13 7.2' fill='none' stroke='%23e9b949' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ktlogo--shinonome::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M1.6 9C3.6 5.4 6.1 3.8 9 3.8s5.4 1.6 7.4 5.2c-2 3.6-4.5 5.2-7.4 5.2S3.6 12.6 1.6 9z' fill='none' stroke='%232b6f78' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='9' r='2.6' fill='%232b6f78'/%3E%3C/svg%3E"); }

.kui-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: var(--k-cols, 214px minmax(0, 1fr) 430px); gap: 10px; padding: 10px 12px 0; }
.kui-pane { min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--k-surface); border: 1px solid var(--k-line); border-radius: 12px; box-shadow: var(--k-sh); }
.kui-ft { flex: 0 0 26px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: var(--k-muted); font-size: 11px; }
.kui-ft__motto { display: inline-flex; align-items: center; gap: 7px; }
.kui-ft__motto i, .kui-ball { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--k-ball); }
.kui-ft__by { font-family: var(--f-brand); letter-spacing: .03em; }

.kui-lp { padding: 14px 12px; overflow: hidden; }
.kui-lp__head { display: flex; justify-content: space-between; margin: 0 4px 10px; font-size: 12.5px; font-weight: 700; color: var(--k-ink-2); }
.kui-lp__head i { font-style: normal; color: var(--k-faint); }
.kui-lp__sec { padding: 6px 0 10px; border-top: 1px solid var(--k-line-soft); }
.kui-lpdot { flex: 0 0 7px; width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--k-ball); box-shadow: 0 0 0 3px rgba(235, 97, 1, .13); }
.kui-band { display: none; }
.kui.is-folded .kui-lp { padding: 0; }
.kui.is-folded .kui-lp > :not(.kui-band) { display: none; }
.kui.is-folded .kui-band { display: flex; justify-content: center; height: 100%; padding-top: 14px; color: var(--k-accent-ink); font-size: 12px; font-weight: 500; letter-spacing: .12em; writing-mode: vertical-rl; }
.kui.is-demo .kui-body { transition: grid-template-columns .5s cubic-bezier(.2, .7, .2, 1); }
@media (prefers-reduced-motion: reduce) { .kui.is-demo .kui-body { transition: none; } }
.kui-lp__sec:first-of-type { border-top: 0; }
.kui-lp__label { display: flex; justify-content: space-between; align-items: baseline; margin: 4px 4px 4px; font-size: 12px; font-weight: 700; color: var(--k-ink-2); }
.kui-lp__label em { font-style: normal; font-family: var(--f-brand); font-size: 10px; letter-spacing: .12em; color: var(--k-faint); font-weight: 500; }
.kui-lp__label--fold { position: relative; }
.kui-lp__label--fold::before { content: ""; position: absolute; left: -11px; top: 50%; width: 5px; height: 5px; margin-top: -5px; border-right: 1.5px solid var(--k-ink-2); border-bottom: 1.5px solid var(--k-ink-2); transform: rotate(45deg); }
.kui-li { display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 8px; border-radius: 8px; font-size: 13px; color: var(--k-ink); white-space: nowrap; overflow: hidden; }
.kui-li > span:not(.kui-ck):not(.kui-rd):not(.kui-cnt):not(.kui-me):not(.kui-aitag) { overflow: hidden; text-overflow: ellipsis; }
.kui-li.is-on { background: var(--k-accent-soft); color: var(--k-accent-ink); font-weight: 500; }
.kui-ck { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 3px; background: var(--k-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.3 7.2l2.3 2.3 5-5.2' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.kui-ck.is-off { background: #fff; border: 1.5px solid var(--k-line-strong); }
.kui-rd { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--k-line-strong); background: #fff; }
.kui-li.is-on .kui-rd { border: 4px solid var(--k-accent); }
.kui-cnt { margin-left: auto; min-width: 22px; height: 18px; padding: 0 6px; border: 1px solid var(--k-line-strong); border-radius: 999px; font-family: var(--f-brand); font-size: 11px; line-height: 16px; text-align: center; color: var(--k-ink-2); }
.kui-me { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; height: 18px; padding: 0 7px; border: 1px solid #f3c8a6; border-radius: 999px; font-size: 10.5px; color: #8a4a1a; }
.kui-me i { width: 6px; height: 6px; border-radius: 50%; background: var(--k-ball); }
.kui-int { margin-left: auto; flex: 0 0 auto; height: 18px; padding: 0 6px; border: 1px solid #d5dee7; border-radius: 5px; background: #f3f6f9; font-size: 10.5px; line-height: 16px; color: var(--k-ink-2); font-weight: 400; }
.kui-scope { display: inline-block; margin-right: 6px; padding: 0 5px; border: 1px solid #d5dee7; border-radius: 5px; background: #f3f6f9; color: var(--k-ink-2); font-size: 10.5px; font-weight: 400; line-height: 16px; vertical-align: 1px; white-space: nowrap; }
.kui-aitag { margin-left: auto; height: 16px; padding: 0 5px; border-radius: 4px; background: var(--k-navy); color: #fff; font-family: var(--f-brand); font-size: 10px; line-height: 16px; }
.kui-lock { color: var(--k-muted); }

.kui-cp { position: relative; }
.kui-tb { display: flex; align-items: center; gap: 10px; padding: 12px 14px 8px; }
.kui-search { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 4px 0 12px; border: 1px solid var(--k-line-strong); border-radius: 8px; color: var(--k-faint); font-size: 12.5px; }
.kui-search b { margin-left: auto; display: grid; place-items: center; width: 28px; height: 26px; border-radius: 6px; background: var(--k-accent); color: #fff; }
.kui-tg { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px 0 9px; border: 1px solid var(--k-line-strong); border-radius: 999px; background: #fff; color: var(--k-muted); font-size: 12px; white-space: nowrap; }
.kui-tg.is-on { background: var(--k-accent-soft); border-color: var(--k-accent-line); color: var(--k-accent-ink); font-weight: 500; }
.kui-tg i { width: 7px; height: 7px; border-radius: 50%; background: var(--d); }
.kui-tg:not(.is-on) i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--d); }
.kui-tb2 { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px; border-bottom: 1px solid var(--k-line); }
.kui-sel { display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px; border: 1px solid var(--k-line-strong); border-radius: 8px; color: var(--k-ink-2); font-size: 12.5px; white-space: nowrap; }
.kui-count { margin-left: 4px; font-size: 12px; color: var(--k-muted); white-space: nowrap; }
.kui-count b { font-family: var(--f-brand); font-size: 17px; font-weight: 600; color: var(--k-ink); margin-right: 3px; }
.kui-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 14px; border: 1px solid var(--k-line-strong); border-radius: 8px; background: #fff; color: var(--k-ink-2); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.kui-btn--pri { margin-left: auto; background: var(--k-accent); border-color: var(--k-accent); color: #fff; }
.kui-btn--on { background: var(--k-accent); border-color: var(--k-accent); color: #fff; }
.kui-btn.is-dis { background: #f1f4f7; border-color: #e3e8ee; color: #a0abb8; }
.kui-qa { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--k-line); }
.kui-qa__in { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border: 1px dashed var(--k-accent-line); border-radius: 8px; color: var(--k-faint); font-size: 12.5px; }
.kui-qa__in.is-typing { border-style: solid; border-color: var(--k-accent); color: var(--k-ink); box-shadow: 0 0 0 3px rgba(65, 123, 167, .18); }
.kui-qa__due { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--k-muted); }
.kui-qa__date { height: 30px; padding: 0 10px; border: 1px solid var(--k-line-strong); border-radius: 8px; line-height: 28px; font-family: var(--f-brand); font-size: 12px; color: var(--k-ink-2); }
.kui-list { flex: 1 1 auto; min-height: 0; overflow: hidden; }
.kui-lh, .kui-row { display: grid; grid-template-columns: var(--k-rows, 14px 74px minmax(0, 1fr) 26px 34px); align-items: center; column-gap: 12px; padding: 0 16px; }
.kui-lh { height: 32px; border-bottom: 1px solid var(--k-line); color: var(--k-muted); font-size: 11.5px; background: var(--k-surface-2); }
.kui-row { position: relative; height: 36px; border-bottom: 1px solid var(--k-line-soft); font-size: 13.5px; }
.kui-row:nth-child(even) { background: #fbfcfd; }
.kui-row.is-sel { background: var(--k-accent-soft); }
.kui-row.is-sel::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--k-accent); }
.kui-row.is-sel .kui-row__t { font-weight: 500; }
.kui-mk { justify-self: center; width: 10px; height: 10px; border-radius: 50%; }
.kui-row.is-mine .kui-mk { background: var(--k-ball); box-shadow: 0 0 0 3px rgba(235, 97, 1, .13); }
.kui-row__no { font-family: var(--f-brand); font-size: 13px; letter-spacing: .02em; color: var(--k-muted); white-space: nowrap; }
.kui-row__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kui-row.is-closed .kui-row__t { color: var(--k-muted); }
.kui-row.is-strike .kui-row__t { text-decoration: line-through; color: var(--k-faint); }
.kui-due { font-family: var(--f-brand); font-size: 12.5px; color: var(--k-ink-2); white-space: nowrap; }
.kui-due.is-over { color: #c0392b; }
.kui-due.is-today { color: var(--k-accent-ink); font-family: var(--f-text); font-weight: 700; }
.kui-due.is-tomorrow { font-family: var(--f-text); font-weight: 700; }

.kui-av { --av: 22px; display: inline-grid; place-items: center; flex: 0 0 var(--av); width: var(--av); height: var(--av); border-radius: 50%; background: var(--c, #6f86a0); color: #fff; font-size: calc(var(--av) * .5); font-weight: 500; line-height: 1; position: relative; }
.kui-av--ai { background: var(--k-navy); color: var(--k-sky); font-family: var(--f-brand); }
.kui-av--none { background: transparent; border: 1.5px dashed #bcc8d4; }
.kui-av--work::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 8px; height: 8px; border-radius: 50%; background: var(--k-active); box-shadow: 0 0 0 2px #fff; }
.kui-av--28 { --av: 28px; }
.kui-av--32 { --av: 32px; }
.kui-bd { justify-self: start; display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 7px 0 6px; border-radius: 6px; background: var(--bg); color: var(--fg); font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap; }
.kui-bd::before { content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--dot); }
.kui-bd--active { --bg: var(--k-active-bg); --fg: var(--k-active-fg); --dot: var(--k-active); }
.kui-bd--resolved { --bg: var(--k-resolved-bg); --fg: var(--k-resolved-fg); --dot: var(--k-resolved); }
.kui-bd--closed { --bg: var(--k-closed-bg); --fg: var(--k-closed-fg); --dot: var(--k-closed); }
.kui-bd--lg { height: 26px; padding: 0 11px 0 10px; gap: 6px; font-size: 13px; }

.kui-acts { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--k-line); }
.kui-acts__sp { flex: 1 1 auto; }
.kui-acts .kui-icon { color: var(--k-muted); }
.kui-rp__body { flex: 1 1 auto; min-height: 0; overflow: hidden; padding: 14px 18px 10px; }
.kui-crumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--k-muted); }
.kui-crumb b { font-family: var(--f-brand); font-weight: 500; color: var(--k-ink-2); }
.kui-title { margin: 6px 0 12px; font-family: var(--f-text); font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: 0; color: var(--k-ink); }
.kui-attrs { display: grid; grid-template-columns: 1.25fr 1fr; border: 1px solid var(--k-line); border-radius: 10px; overflow: hidden; }
.kui-attr { padding: 8px 12px 9px; border-top: 1px solid var(--k-line); }
.kui-attr:nth-child(-n + 2) { border-top: 0; }
.kui-attr:nth-child(odd) { border-right: 1px solid var(--k-line); }
.kui-attr__k { font-size: 11px; color: var(--k-muted); }
.kui-attr__v { display: flex; align-items: center; gap: 7px; min-height: 26px; font-size: 13.5px; white-space: nowrap; }
.kui-turn { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #8a4a1a; }
.kui-turn i { width: 7px; height: 7px; border-radius: 50%; background: var(--k-ball); }
.kui-prio { display: inline-flex; align-items: flex-end; gap: 2px; height: 12px; }
.kui-prio i { width: 3px; border-radius: 1px; background: var(--k-accent); }
.kui-prio i:nth-child(1) { height: 5px; } .kui-prio i:nth-child(2) { height: 8px; } .kui-prio i:nth-child(3) { height: 11px; }
.kui-prio.is-mid i:nth-child(3), .kui-prio.is-low i:nth-child(2), .kui-prio.is-low i:nth-child(3) { background: #cdd8e3; }
.kui-sec { display: flex; align-items: center; gap: 10px; margin: 14px 0 8px; font-size: 12.5px; font-weight: 700; color: var(--k-ink); }
.kui-sec::before { content: ""; width: 3px; height: 13px; border-radius: 2px; background: var(--k-ink); }
.kui-sec small { font-weight: 400; color: var(--k-muted); }
.kui-sec__sp { flex: 1 1 auto; height: 1px; background: var(--k-line); }
.kui-mini { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border: 1px solid var(--k-line-strong); border-radius: 7px; font-size: 11.5px; font-weight: 500; color: var(--k-ink-2); background: #fff; }
.kui-detail { font-size: 13px; line-height: 1.75; color: var(--k-ink); white-space: pre-line; }
.kui-empty { font-size: 12.5px; color: var(--k-muted); }
.kui-feed { position: relative; display: grid; gap: 10px; }
.kui-post { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
.kui-post__hd { display: flex; align-items: baseline; gap: 10px; font-size: 12.5px; }
.kui-post__hd b { font-weight: 500; }
.kui-post__hd span { font-family: var(--f-brand); font-size: 11.5px; color: var(--k-muted); }
.kui-post__box { margin-top: 4px; padding: 9px 12px; border: 1px solid var(--k-line); border-radius: 10px; background: #fff; font-size: 12.8px; line-height: 1.7; }
.kui-post__box.is-ai { background: #f7f9fc; }
.kui-post__box h5 { margin: 0 0 2px; font-size: 12.8px; font-weight: 700; }
.kui-post__box ul { margin: 2px 0 0; padding-left: 1.2em; }
.kui-post__box table { width: 100%; margin: 6px 0 4px; border-collapse: collapse; font-size: 11.5px; line-height: 1.55; }
.kui-post__box th, .kui-post__box td { padding: 4px 7px; border: 1px solid var(--k-line); text-align: left; vertical-align: top; }
.kui-post__box th { background: var(--k-surface-2); font-weight: 700; white-space: nowrap; }
.kui-chg { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--k-line); font-size: 11.5px; color: var(--k-muted); line-height: 1.7; }
.kui-file { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; height: 26px; padding: 0 10px; border: 1px solid var(--k-line); border-radius: 7px; background: #fff; font-size: 11.5px; color: var(--k-ink-2); }
.kui-steps { flex: 0 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 12px 18px 12px; border-top: 1px solid var(--k-line); background: var(--k-surface-2); }
.kui-step { position: relative; padding-top: 16px; font-size: 11.5px; color: var(--k-muted); }
.kui-step::before { content: ""; position: absolute; left: 0; top: 2px; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid #b9c6d3; background: #fff; }
.kui-step::after { content: ""; position: absolute; left: 14px; right: 6px; top: 7px; height: 1.5px; background: #d3dde7; }
.kui-step:last-child::after { display: none; }
.kui-step.is-done::before { border-color: var(--k-accent); background: var(--k-accent); }
.kui-step.is-done::after { background: var(--k-accent); }
.kui-step b { display: block; font-weight: 500; color: var(--k-ink-2); }

.kui-overlay { position: absolute; inset: 0; z-index: 5; display: grid; place-items: center; background: rgba(15, 30, 48, .38); }
.kui-modal { width: 600px; max-height: calc(100% - 40px); display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: var(--k-sh-pop); }
.kui-modal__hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: .35em; padding: 14px 20px; border-bottom: 1px solid var(--k-line); font-size: 15px; font-weight: 700; }
.kui-modal__hd i { margin-left: auto; font-style: normal; color: var(--k-faint); font-weight: 400; }
.kui-modal__bd { padding: 14px 20px 6px; display: grid; gap: 11px; }
.kui-modal__ft { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--k-line); background: var(--k-surface-2); }
.kui-note { display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 8px; background: var(--k-accent-softer); border: 1px solid #d7e3ee; color: var(--k-accent-ink); font-size: 12px; }
.kui-f { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: start; gap: 10px; }
.kui-f__k { padding-top: 6px; font-size: 12px; color: var(--k-muted); }
.kui-f__k em { font-style: normal; color: #c0392b; margin-left: 2px; }
.kui-in { min-height: 32px; padding: 5px 11px; border: 1px solid var(--k-line-strong); border-radius: 8px; font-size: 13px; color: var(--k-ink); background: #fff; }
.kui-in--title { font-weight: 500; font-size: 14px; }
.kui-in--area { min-height: 64px; line-height: 1.65; font-size: 12.8px; white-space: pre-line; }
.kui-in--sel { display: flex; align-items: center; justify-content: space-between; }
.kui-in--sel::after { content: ""; width: 7px; height: 7px; margin-left: 10px; border-right: 1.5px solid var(--k-muted); border-bottom: 1.5px solid var(--k-muted); transform: rotate(45deg) translateY(-2px); }
.kui-in--date { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 150px; max-width: 100%; font-family: var(--f-brand); }
.kui-in--date.is-empty { color: var(--k-faint); font-family: var(--f-text); font-size: 12.5px; }
.kui-in--date::after { content: ""; flex: 0 0 auto; width: 11px; height: 10px; border: 1.5px solid var(--k-muted); border-top-width: 3px; border-radius: 2px; }
.kui-in .kui-av { margin-right: 6px; vertical-align: -5px; }
.kui-in__auto { margin-left: 8px; font-size: 11px; color: var(--k-accent-ink); }
.kui-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kui-chips { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 2px; }
.kui-chip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 4px; border: 1px solid var(--k-accent-line); border-radius: 999px; background: var(--k-accent-soft); color: var(--k-accent-ink); font-size: 12.5px; }
.kui-chip .kui-av { --av: 20px; }
.kui-chip small { font-size: 11px; color: var(--k-muted); }
.kui-at { color: var(--k-accent-ink); font-weight: 500; }

.kui--ph { background: #fff; }
.kui-hd--ph { flex-basis: 54px; padding: 0 14px 0 16px; }
.kui-hd--ph .wm { font-size: 21px; margin-right: 0; }
.kui-hd--ph .kui-hd__me { gap: 6px; }
.kui-hd--ph .kui-hd__me + .kui-tenant { margin-left: 8px; }
.kui-ph__bar { display: flex; gap: 8px; padding: 12px 12px 6px; }
.kui-ph__filter { display: inline-flex; align-items: center; height: 40px; padding: 0 13px; border: 1px solid var(--k-line-strong); border-radius: 8px; color: var(--k-ink-2); font-size: 14px; white-space: nowrap; }
.kui-ph__bar .kui-search { height: 40px; font-size: 14px; }
.kui-ph__bar .kui-search b { width: 32px; height: 30px; }
.kui-ph__bar2 { display: flex; align-items: center; padding: 6px 12px 12px; border-bottom: 1px solid var(--k-line); }
.kui-ph__bar2 .kui-count b { font-size: 19px; }
.kui-ph__bar2 .kui-btn { height: 40px; padding: 0 16px; font-size: 14px; }
.kui-ph__list { flex: 1 1 auto; min-height: 0; overflow: hidden; }
.kui-prow { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto auto; grid-template-areas: "mk no av bd" "mk t t t"; align-items: center; column-gap: 8px; row-gap: 3px; padding: 11px 14px 11px 8px; border-bottom: 1px solid var(--k-line-soft); }
.kui-prow:nth-child(even) { background: #fbfcfd; }
.kui-prow .kui-mk { grid-area: mk; }
.kui-prow.is-mine .kui-mk { background: var(--k-ball); box-shadow: 0 0 0 3px rgba(235, 97, 1, .13); }
.kui-prow.is-sel { background: var(--k-accent-soft); }
.kui-prow.is-sel::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--k-accent); }
.kui-prow__no { grid-area: no; font-family: var(--f-brand); font-size: 13.5px; letter-spacing: .02em; color: var(--k-muted); }
.kui-prow .kui-av { grid-area: av; --av: 26px; }
.kui-prow .kui-bd { grid-area: bd; }
.kui-prow__t { grid-area: t; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.kui-prow.is-sel .kui-prow__t { font-weight: 500; }
.kui-prow.is-closed .kui-prow__t { color: var(--k-muted); }
.kui-ph__hd { flex: 0 0 56px; display: flex; align-items: center; gap: 6px; padding: 0 18px; border-bottom: 1px solid var(--k-line); font-size: 16px; font-weight: 700; }
.kui-ph__hd b { font-family: var(--f-brand); font-weight: 500; color: var(--k-ink-2); }
.kui-ph__hd i { margin-left: auto; font-style: normal; font-size: 22px; font-weight: 400; color: var(--k-muted); }
.kui-ph__st { padding: 10px 16px 12px; border-bottom: 1px solid var(--k-line); background: var(--k-surface-2); }
.kui-ph__now { display: flex; align-items: center; gap: 12px; }
.kui-ph__now .kui-turn { font-size: 13px; }
.kui-ph__acts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 8px; }
.kui-ph__acts .kui-btn { height: 40px; padding: 0 4px; font-size: 13px; }
.kui-btn.is-pressed { border: 2px solid var(--k-accent); color: var(--k-accent-ink); }
.kui-ph__bd { flex: 1 1 auto; min-height: 0; overflow: hidden; display: grid; align-content: start; gap: 7px; padding: 2px 14px 12px; }
.kui-ph__bd .kui-sec { margin-bottom: 0; font-size: 14px; }
.kui-ph__k { margin-top: 5px; font-size: 13px; color: var(--k-muted); }
.kui-ph__k em { font-style: normal; color: #c0392b; margin-left: 2px; }
.kui-ph__bd .kui-in { min-height: 42px; padding: 9px 12px; font-size: 15px; }
.kui-ph__bd .kui-in--area { min-height: 112px; font-size: 14.5px; line-height: 1.7; }
.kui-ph__bd .kui-in--area.kui-ph__c { min-height: 94px; }
.kui-ph__bd .kui-in__auto { font-size: 12px; }
.kui-ph__bd .kui-chip { height: 32px; font-size: 13.5px; }
.kui-ph__bd .kui-chip .kui-av { --av: 22px; }
.kui-ph__att { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1.5px dashed var(--k-line-strong); border-radius: 10px; color: var(--k-muted); }
.kui-ph__att span { display: inline-flex; align-items: center; height: 38px; padding: 0 14px; border: 1px solid var(--k-line-strong); border-radius: 8px; background: #fff; color: var(--k-accent-ink); font-size: 13.5px; font-weight: 500; }
.kui-ph__ft { flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--k-line); }
.kui-ph__ft .kui-btn { height: 44px; padding: 0 20px; font-size: 15px; }
.kui-ph__bar2 .kui-ph__dl { margin-left: auto; width: 40px; padding: 0; color: var(--k-accent-ink); }
.kui-ph__bar2 .kui-ph__dl svg.ki { width: 17px; height: 17px; }
.kui-ph__bar2 .kui-ph__dl + .kui-btn--pri { margin-left: 8px; }
.kui-ph__bd .kui-sec:not(:first-child) { margin-top: 12px; }
.kui-ph__bd .kui-mini { height: 32px; font-size: 12.5px; }
.kui-ph__ic { display: inline-flex; color: var(--k-muted); }
.kui-ph__bd .kui-note { align-items: flex-start; padding: 9px 12px; font-size: 13px; line-height: 1.6; }
.kui-ph__bd .kui-note svg.ki { margin-top: 2px; }
.kui-ph__bd .kui-in--date { width: 160px; }
.kui-in.is-locked { background: var(--k-surface-2); border-color: var(--k-line-soft); color: var(--k-muted); }
.kui-in.is-ph { color: var(--k-faint); }
.kui-in--title.is-ph { font-weight: 400; font-size: 13px; }
.kui-row--wrap { height: auto; min-height: 36px; padding-top: 7px; padding-bottom: 7px; }
.kui-row--wrap .kui-row__t { white-space: normal; overflow: visible; line-height: 1.5; }
@media (max-width: 640px) {
  .kui-row--wrap { grid-template-columns: 14px minmax(0, 1fr) 26px 34px; row-gap: 1px; }
  .kui-row--wrap .kui-mk { grid-row: 1 / span 2; }
  .kui-row--wrap .kui-row__no { grid-column: 2; grid-row: 1; font-size: 11.5px; }
  .kui-row--wrap .kui-row__t { grid-column: 2; grid-row: 2; }
  .kui-row--wrap .kui-av { grid-column: 3; grid-row: 1 / span 2; }
  .kui-row--wrap .kui-bd { grid-column: 4; grid-row: 1 / span 2; }
}
.kui-ph__tgs { display: flex; gap: 6px; }
.kui-ph__tgs span { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 52px; padding: 0 14px; border: 1px solid var(--k-line-strong); border-radius: 999px; background: #fff; color: var(--k-muted); font-size: 14px; }
.kui-ph__tgs span.is-on { background: var(--k-accent-soft); border-color: var(--k-accent-line); color: var(--k-accent-ink); font-weight: 500; }
.kui-ph__ment { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; font-size: 12px; color: var(--k-muted); }
.kui-ph__ment span { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border: 1px solid var(--k-accent-line); border-radius: 999px; background: var(--k-accent-soft); color: var(--k-accent-ink); font-size: 13px; }
.kui-ph__ment i { font-style: normal; font-size: 11px; }
.kui-ph__none { font-size: 13px; color: var(--k-muted); }
.kui-ph__add { margin-top: 6px; border-radius: 999px; color: var(--k-ink-2); }
.kui-ph__note { margin-top: 2px; font-size: 12.5px; line-height: 1.65; color: var(--k-muted); }
.kui-ph__bd .kui-post__box { font-size: 13.5px; }
.kui-ph__ft--wrap { flex-wrap: wrap; row-gap: 10px; }
.kui-ph__ft-start { flex: 1 0 100%; display: flex; gap: 10px; }
.kui-ph__ft-start .kui-btn { padding: 0 16px; }
.kui-modal .kui-ph__ment span { height: 26px; font-size: 12px; }

.kui-toast { position: absolute; left: 50%; bottom: 40px; z-index: 6; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 10px; background: var(--k-navy); color: #fff; font-size: 12.5px; box-shadow: var(--k-sh-pop); white-space: nowrap; }
.kui-toast i { width: 8px; height: 8px; border-radius: 50%; background: var(--k-ball); }