:root{
  --shell-max: 1720px;
  --page-gap: 22px;
  --surface-strong: rgba(255,255,255,.94);
  --surface-soft: rgba(247,250,255,.82);
  --border-soft: rgba(103,128,178,.18);
  --text-main-strong:#23314f;
  --text-muted-strong:#6b7d9d;
}

body.app-body{
  color:var(--text-main-strong);
}

.shell{
  max-width:var(--shell-max);
  margin:0 auto;
  gap:var(--page-gap);
}

.content{
  max-width:none;
}

.page-block,
.card,
.drawer-card,
.drawer-section,
.drawer-section-inline,
.task-edit-panel,
.search-page-pro .card,
.entity-page-pro .card,
.access-center-pro .card,
.api-center-pro .card{
  background:var(--surface-strong)!important;
  border:1px solid var(--border-soft)!important;
  box-shadow:0 14px 40px rgba(30,41,82,.08)!important;
}

.muted,.mini,.muted-soft,.drawer-subtitle,.mini-kv span,.card .muted{
  color:var(--text-muted-strong)!important;
}

h1,h2,h3,h4,strong,.drawer-view-title,.card-title h3,.nav-link,.section-head h2,.task-view-headline h2{
  color:var(--text-main-strong)!important;
}

.topbar-pro,
.sidebar,
.right-rail,
.drawer,
.search-shell,
.workday-pill,
.quick-create .dropdown-menu{
  border:1px solid var(--border-soft)!important;
}

.topbar-pro{
  min-height:92px;
  padding:20px 24px!important;
}

.topbar-pro .topbar-left,
.topbar-pro .topbar-center,
.topbar-pro .topbar-actions{
  align-items:center;
}

.search-shell{
  min-height:56px;
  background:rgba(255,255,255,.92)!important;
}

.search-input{
  color:var(--text-main-strong)!important;
}
.search-input::placeholder,
.input::placeholder,
.textarea::placeholder{
  color:#8a9ab7!important;
}

#mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:none!important}

.sidebar{
  width:296px!important;
  background:linear-gradient(180deg,#10223f 0%, #17345f 100%)!important;
}
.sidebar .brand,
.sidebar .nav-section-label,
.sidebar .nav-link,
.sidebar .company-user-card strong,
.sidebar .company-user-card p,
.sidebar .company-user-card .mini,
.sidebar .ghost-btn{
  color:#f5f8ff!important;
}
.sidebar .nav-link{
  opacity:.92;
}
.sidebar .nav-link:hover{background:rgba(76,124,255,.18)!important}
.sidebar .nav-link.is-active{
  background:linear-gradient(90deg,rgba(68,104,235,.82),rgba(29,175,214,.58))!important;
  box-shadow:none!important;
}
.sidebar .company-user-card{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.sidebar .sidebar-footer .ghost-btn{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
}

.drawer{
  width:min(1120px, calc(100vw - 54px))!important;
  top:18px!important;
  right:18px!important;
  bottom:18px!important;
  height:auto!important;
  background:rgba(243,247,255,.98)!important;
}
.drawer-header{
  background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid var(--border-soft)!important;
}
.drawer-body{
  padding:18px!important;
}

.task-view-overview-grid,
.task-focus-strip,
.entity-page-head,
.entity-page-actions,
.entity-record-summary,
.search-grid,
.api-center-grid,
.analytics-grid,
.dashboard-grid,
.drawer-chat-layout{
  gap:18px!important;
}

.task-view-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(340px,.9fr)!important}
.task-focus-strip{align-items:stretch!important}
.task-focus-actions,
.task-focus-analytics{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.task-focus-actions .ghost-btn,
.task-focus-actions .primary-btn{min-height:44px}
.task-focus-analytics .drawer-stat{min-width:180px}

.drawer-tabs-nav{
  position:sticky;
  top:0;
  z-index:3;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(10px);
}
.drawer-tab{
  min-height:44px;
  font-weight:700;
}

.task-edit-panel .drawer-grid,
#project-edit-panel .drawer-grid{
  align-items:start;
}

#project-edit-panel .drawer-actions-row,
.task-edit-panel .drawer-actions-row{
  justify-content:flex-start;
}

.entity-page-head{
  align-items:flex-start!important;
}
.entity-page-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.entity-record-card,
.entity-kanban-card{
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.entity-record-card:hover,
.entity-kanban-card:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(50,84,152,.12);
  border-color:rgba(67,111,230,.28);
}
.entity-record-drawer .drawer-tabs-shell{margin-bottom:0!important}
.entity-record-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.kanban-board,.kanban-grid{
  align-items:start;
}
.kanban-column{
  min-height:260px;
}
.kanban-card,
.entity-kanban-card{
  background:rgba(255,255,255,.96)!important;
}
.kanban-card strong,
.entity-kanban-card strong{display:block;color:var(--text-main-strong)!important}

.drawer-chat-layout{
  grid-template-columns:330px minmax(0,1fr)!important;
  min-height:calc(100vh - 210px);
}
.chat-sidebar,
.chat-main,
.chat-compose,
.chat-thread-card,
.chat-message,
.chat-empty,
.chat-header,
.chat-members-summary{
  background:var(--surface-strong)!important;
  border-color:var(--border-soft)!important;
}
.chat-main{display:flex;flex-direction:column;min-height:0}
.chat-messages{flex:1;min-height:420px;max-height:none!important}
.chat-compose{position:sticky;bottom:0}
.chat-thread-card:hover{border-color:rgba(67,111,230,.28)!important}
.chat-thread-card.active{box-shadow:0 12px 28px rgba(50,84,152,.12)!important}
.chat-bubble{max-width:min(72ch,78%)}

.search-page-pro .list-item,
.api-center-pro .list-item,
.access-center-pro .list-item{
  background:rgba(249,251,255,.9)!important;
  border-color:var(--border-soft)!important;
}

@media (max-width:1180px){
  #mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:inline-flex!important}
  .shell{display:block!important;padding:8px!important}
  .topbar-pro{padding:14px!important;min-height:auto!important}
  .topbar-pro{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .topbar-center,.topbar-actions{width:100%}
  .topbar-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .search-shell{width:100%!important}
  .sidebar{
    display:flex!important;
    position:fixed!important;
    left:10px!important;
    top:10px!important;
    bottom:10px!important;
    width:min(340px, calc(100vw - 20px))!important;
    transform:translateX(calc(-100% - 20px))!important;
    opacity:1!important;
    z-index:80!important;
    overflow:auto!important;
  }
  .sidebar.mobile-open{
    transform:translateX(0)!important;
  }
  .mobile-overlay{z-index:70!important;background:rgba(10,16,30,.42)!important}
  .right-rail{position:fixed!important;right:10px!important;bottom:10px!important;top:auto!important;z-index:66!important}
  .drawer{width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;top:8px!important;bottom:8px!important}
  .drawer-chat-layout,
  .task-view-overview-grid,
  .entity-record-summary,
  .search-grid,
  .api-center-grid{grid-template-columns:1fr!important}
}