:root{
  --v30-bg:#edf2fb;
  --v30-surface:#ffffff;
  --v30-surface-soft:#f7faff;
  --v30-line:#d6e0f1;
  --v30-line-strong:#c4d1ea;
  --v30-text:#1f2c49;
  --v30-text-soft:#566784;
  --v30-sidebar:#0f1d39;
  --v30-sidebar-2:#152a50;
  --v30-primary:#4368f0;
  --v30-primary-2:#21bae2;
  --v30-shadow:0 18px 52px rgba(30,46,89,.10);
}
html,body{background:linear-gradient(180deg,#eaf1fb 0%,#eff4fc 100%)!important;color:var(--v30-text)!important}
body{font-size:15px;line-height:1.45}
.app-body::before,.app-body::after{display:none!important}
.shell{gap:14px!important;padding:18px!important;max-width:none!important}
.main-area{min-width:0}
.content{padding:0!important}
.sidebar{
  width:280px!important;
  min-width:280px!important;
  background:linear-gradient(180deg,var(--v30-sidebar) 0%,var(--v30-sidebar-2) 100%)!important;
  color:#eef4ff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 24px 60px rgba(8,17,37,.35)!important;
}
.sidebar .brand strong,.sidebar .brand p,.sidebar .nav-link,.sidebar .nav-section-label,.sidebar .company-user-card strong,.sidebar .company-user-card p,.sidebar .company-user-card .muted{color:#eef4ff!important}
.sidebar .brand{padding:8px 6px 18px;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sidebar .logo{box-shadow:0 12px 32px rgba(54,118,255,.28)!important}
.sidebar .nav-link{
  min-height:46px!important;
  border-radius:14px!important;
  padding:11px 14px!important;
  color:rgba(236,243,255,.88)!important;
}
.sidebar .nav-link:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.sidebar .nav-link.is-active{background:linear-gradient(135deg,rgba(72,102,240,.70),rgba(21,164,215,.62))!important;color:#fff!important;box-shadow:0 12px 24px rgba(42,84,210,.22)!important}
.sidebar .ghost-btn,.sidebar .wide-btn{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
.sidebar .ghost-btn.danger-btn{background:rgba(255,102,132,.08)!important}
.company-user-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important}
.topbar{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--v30-line)!important;
  box-shadow:var(--v30-shadow)!important;
  border-radius:24px!important;
  padding:16px 18px!important;
}
.topbar h1{font-size:2.15rem!important;letter-spacing:-.04em}
.topbar .eyebrow{color:#67799d!important}
.search-shell,.workday-pill,.card,.table-shell,.drawer-section,.drawer-section-inline,.drawer-stat,.entity-record-card,.kanban-column,.panel,.compact-page-header,.toolbar-inline,.hero-kpi,.task-edit-panel{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--v30-line)!important;
  box-shadow:var(--v30-shadow)!important;
}
.muted,.mini,.muted-soft,.drawer-subtitle,.card .muted,.mini-kv span{color:var(--v30-text-soft)!important}
strong,h1,h2,h3,h4,h5,.drawer-view-title,.drawer-stat-value,.nav-link{color:var(--v30-text)!important}
.input,.textarea,select.input{
  background:#fff!important;
  color:var(--v30-text)!important;
  border:1px solid var(--v30-line-strong)!important;
  border-radius:16px!important;
  min-height:48px!important;
}
.textarea{min-height:118px!important}
.input::placeholder,.textarea::placeholder{color:#8d9cba!important}
.ghost-btn,.primary-btn,.danger-btn{min-height:44px!important;border-radius:14px!important;font-weight:700!important}
.primary-btn{background:linear-gradient(135deg,var(--v30-primary),var(--v30-primary-2))!important;border:none!important;color:#fff!important;box-shadow:0 14px 30px rgba(67,104,240,.22)!important}
.ghost-btn{background:#fff!important;border:1px solid var(--v30-line-strong)!important;color:var(--v30-text)!important}
.badge,.chip,.context-chip,.thread-unread{border-radius:999px!important}
.right-rail{gap:12px!important;top:22px!important;right:22px!important}
.rail-btn{background:rgba(255,255,255,.97)!important;border:1px solid var(--v30-line)!important;box-shadow:var(--v30-shadow)!important;min-width:68px!important;min-height:84px!important}
.drawer{width:min(1240px,calc(100vw - 30px))!important;border-radius:28px!important;background:#f5f8ff!important;border:1px solid var(--v30-line)!important;box-shadow:0 30px 80px rgba(22,39,81,.18)!important}
.drawer-header{background:#fff!important;border-bottom:1px solid var(--v30-line)!important;padding:18px 22px!important}
.drawer-body{background:#f5f8ff!important;padding:18px!important}
.product-drawer-card,.drawer-card{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
.workflow-header-strip{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:22px!important;padding:12px 14px!important;box-shadow:var(--v30-shadow)!important}
.workflow-strip-nav{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.drawer-tabs-shell{gap:14px!important}
.drawer-tabs-nav{position:sticky;top:0;z-index:3;padding:10px 12px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--v30-line)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(50,70,117,.08)!important}
.drawer-tab{background:#fff!important;border:1px solid transparent!important;border-radius:14px!important;color:#33425e!important;padding:10px 16px!important;font-weight:700!important}
.drawer-tab.is-active{background:linear-gradient(135deg,rgba(72,102,240,.12),rgba(21,164,215,.10))!important;border-color:rgba(67,104,240,.18)!important;color:#2240b5!important}
.task-view-grid,.drawer-grid{gap:14px!important}
.task-view-overview-grid,.project-overview-grid{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)!important;gap:14px!important;align-items:start!important}
.task-view-overview-grid .drawer-section-inline,.project-overview-grid .drawer-section-inline,.task-team-card,.project-overview-grid > .drawer-section-inline{padding:18px!important;min-height:auto!important}
.task-next-step{padding:14px 16px!important;background:var(--v30-surface-soft)!important;border:1px solid var(--v30-line)!important;border-radius:16px!important}
.member-chip-row{gap:8px!important}
.member-chip{background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:999px!important;padding:8px 12px!important}
.task-edit-panel,#project-edit-panel,.entity-drawer-form{background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:22px!important;padding:18px!important;box-shadow:var(--v30-shadow)!important}
.entity-page-head,.entity-toolbar,.entity-kanban-shell,.entity-record-list-v29{max-width:none!important}
.entity-record-card,.entity-kanban-card{cursor:pointer;transition:transform .15s ease, box-shadow .15s ease!important}
.entity-record-card:hover,.entity-kanban-card:hover,.kanban-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(44,64,112,.12)!important}
.kanban-grid,.entity-kanban-grid-v29{gap:14px!important}
.kanban-column,.entity-kanban-column-v29{padding:0!important;overflow:hidden!important;min-width:280px!important}
.kanban-column-head{padding:14px 16px!important;background:#f7faff!important;border-bottom:1px solid var(--v30-line)!important}
.kanban-list,.entity-kanban-list{padding:12px!important;gap:12px!important;min-height:240px!important}
.kanban-card,.entity-kanban-card{padding:14px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--v30-line)!important;box-shadow:0 10px 28px rgba(40,61,110,.08)!important}
.kanban-card .muted,.entity-kanban-card .muted{color:#607091!important}
.chat-shell,.drawer-chat-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:16px!important;min-height:calc(100vh - 180px)!important}
.chat-side,.tg-chat-sidebar,.chat-sidebar-panel{background:#f8fbff!important;border:1px solid var(--v30-line)!important;border-radius:22px!important;padding:16px!important;box-shadow:var(--v30-shadow)!important}
.tg-chat-main,.chat-main-panel{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:24px!important;box-shadow:var(--v30-shadow)!important;min-height:72vh!important;overflow:hidden!important}
.tg-chat-hero,.chat-head{padding:18px 20px!important;border-bottom:1px solid var(--v30-line)!important;background:#fff!important}
#thread-list,.chat-thread-group,.chat-messages{min-width:0}
.chat-thread,.tg-thread,.chat-thread-row{background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:18px!important;padding:14px!important;min-height:78px!important}
.chat-thread.active,.tg-thread.active,.chat-thread-row.active{background:linear-gradient(180deg,#f8fbff,#eef5ff)!important;border-color:#b9cbef!important}
.tg-message,.chat-bubble{max-width:min(72%,720px)!important;background:#fff!important;border:1px solid var(--v30-line)!important;border-radius:20px!important;padding:12px 14px!important;box-shadow:0 12px 28px rgba(44,66,118,.10)!important}
.tg-message.mine,.chat-bubble.me{background:linear-gradient(180deg,#edf5ff,#e4f0ff)!important}
.drawer-compose,.chat-form{margin-top:auto!important;padding:16px!important;background:#fff!important;border-top:1px solid var(--v30-line)!important}
.drawer-compose-box,.chat-form{display:flex;flex-direction:column;gap:12px!important}
.drawer-compose-row,.chat-form-actions{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}
.drawer-compose textarea,.chat-textarea{min-height:96px!important}
.api-center-page pre,.api-center-page code,pre.api-code{background:#f3f7ff!important;color:#20304c!important;border:1px solid var(--v30-line)!important;border-radius:18px!important;white-space:pre-wrap!important;word-break:break-word!important}
#mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:none!important}
@media (max-width:1100px){
  .shell{padding:10px!important;gap:10px!important}
  #mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:inline-flex!important}
  .sidebar{position:fixed!important;left:10px!important;top:10px!important;bottom:10px!important;z-index:70!important;transform:translateX(-120%)!important;transition:transform .22s ease!important;width:min(88vw,320px)!important;min-width:min(88vw,320px)!important}
  body.sidebar-open .sidebar,.sidebar.mobile-open{transform:translateX(0)!important}
  .mobile-overlay{position:fixed!important;inset:0!important;background:rgba(10,18,38,.38)!important;backdrop-filter:blur(3px)!important;z-index:60!important;display:none!important}
  body.sidebar-open .mobile-overlay,.mobile-overlay.open{display:block!important}
  .right-rail{top:auto!important;bottom:14px!important;right:14px!important;flex-direction:row!important}
  .topbar{padding:14px!important}
  .topbar h1{font-size:1.7rem!important}
  .topbar-left{align-items:flex-start!important}
  .topbar-actions{width:100%!important;justify-content:flex-end!important;flex-wrap:wrap!important}
  .drawer{width:calc(100vw - 12px)!important;top:6px!important;right:6px!important;left:6px!important;height:calc(100vh - 12px)!important}
  .task-view-overview-grid,.project-overview-grid,.chat-shell,.drawer-chat-layout,.task-focus-strip,.workflow-header-strip,.topbar{grid-template-columns:1fr!important;display:grid!important}
  .tg-message,.chat-bubble{max-width:100%!important}
}

.empty-content-state{display:grid;gap:10px;align-content:start;min-height:0!important}.drawer-headline .badge,.task-view-badges .badge{white-space:nowrap}.entity-card-footer{margin-top:12px;color:#3b5bd6;font-weight:700}