:root{
  --product-max: 1800px;
  --panel-bg: rgba(255,255,255,.96);
  --panel-soft: rgba(247,250,255,.86);
  --panel-border: rgba(93,115,166,.18);
  --text-strong:#1f2d49;
  --text-soft:#6d7c9b;
  --accent-a:#4866f0;
  --accent-b:#20b8dd;
}

.shell{max-width:var(--product-max)!important;gap:24px!important}
.main-area{min-width:0}
.content{padding-right:6px!important}
.page-block{padding:24px!important}
.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:#7b88a8!important}
.muted,.mini,.muted-soft,.drawer-subtitle,.card .muted,.mini-kv span{color:var(--text-soft)!important}
h1,h2,h3,h4,strong,.drawer-view-title,.drawer-stat-value{color:var(--text-strong)!important}

.topbar-pro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,560px) auto;gap:16px;align-items:center;padding:18px 22px!important}
.topbar-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap}
.search-shell{min-height:54px;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.search-shell input{font-size:15px}
.workday-pill{min-width:154px}
.quick-create .dropdown-menu{min-width:240px;padding:10px}

.sidebar{overflow:visible!important}
.sidebar .brand{padding:8px 6px 20px 6px}
.sidebar .nav-pro .nav-link{min-height:46px;border-radius:14px;padding:12px 14px;font-weight:700}
.sidebar .nav-section-label{margin:14px 10px 8px 10px;font-size:12px;opacity:.82}
.sidebar .company-user-card{margin-top:18px;border-radius:18px;padding:14px}

.right-rail{gap:14px}
.rail-btn{min-height:74px;border-radius:22px;padding:12px 10px}
.rail-label{font-weight:700}

.drawer{width:min(1180px, calc(100vw - 40px))!important;border-radius:28px!important;overflow:hidden}
.drawer-header{padding:18px 24px!important}
.drawer-body{padding:20px!important;background:rgba(244,247,255,.98)!important}
.product-drawer-card{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}
.drawer-section,.drawer-section-inline,.drawer-stat,.task-edit-panel,.entity-record-drawer .drawer-stat{background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(38,54,92,.06)!important}
.drawer-grid{gap:16px!important}
.drawer-stat{padding:18px!important}
.drawer-tabs-shell{display:flex;flex-direction:column;gap:16px}
.drawer-tabs-nav{display:flex;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--panel-border)!important;border-radius:22px;background:rgba(255,255,255,.9)!important}
.drawer-tab{border-radius:14px!important;padding:11px 18px!important;min-height:42px}
.drawer-tab.is-active{background:linear-gradient(135deg, rgba(72,102,240,.14), rgba(32,184,221,.12))!important;color:#2843b0!important;border-color:rgba(72,102,240,.2)!important;box-shadow:0 8px 20px rgba(63,96,210,.12)!important}
.workflow-header-strip{padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.84)!important;border:1px solid var(--panel-border)!important}
.workflow-strip-nav{gap:10px;flex-wrap:wrap}
.workflow-strip-nav .ghost-btn,.workflow-strip-nav .primary-btn{min-height:42px}
.compact-top-grid .drawer-stat{min-height:96px}
.task-view-overview-grid,.project-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:16px}
.task-team-card .list-item,.project-overview-grid .list-item{padding:12px 14px;background:var(--panel-soft)!important;border-radius:16px;border:1px solid rgba(98,120,171,.14)}
.task-next-step{padding:14px;border-radius:16px;background:var(--panel-soft)!important;border:1px solid rgba(98,120,171,.14)}
.member-chip-row{gap:10px;flex-wrap:wrap}
.member-chip{border-radius:999px;background:rgba(245,248,255,.96)!important;border:1px solid rgba(95,118,171,.18)!important;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-strong)!important}
.member-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}

.task-focus-strip{padding:16px!important}
.task-focus-actions,.task-focus-analytics{gap:10px!important}
.task-focus-actions .ghost-btn,.task-focus-actions .primary-btn{border-radius:14px!important}
.task-focus-analytics .drawer-stat{min-width:180px}

.entity-page-pro-v29 .entity-kpi-strip,
.search-page-pro-v29 .search-kpi-strip{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:14px;padding:18px 20px!important}
.hero-kpi div{display:flex;flex-direction:column;gap:4px}
.hero-kpi strong{font-size:28px;line-height:1}
.hero-kpi span{color:var(--text-soft);font-size:13px}
.entity-toolbar-v29{display:grid!important;grid-template-columns:minmax(0,1.4fr) 240px auto auto;gap:12px;align-items:center}
.entity-record-list-v29 .entity-record-card{padding:18px;border-radius:22px}
.entity-record-card__head{align-items:flex-start}
.entity-record-read-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.entity-record-summary--wide{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.entity-kanban-grid-v29{align-items:start}
.entity-kanban-column-v29{padding:12px;border-radius:22px;background:rgba(250,252,255,.92)!important}
.entity-kanban-card{padding:16px;border-radius:18px;border:1px solid rgba(91,114,168,.18)!important}
.entity-card-footer{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(91,114,168,.18)}
.ghost-link{color:#3153c8;font-weight:700;font-size:13px}

.search-page-pro-v29 .list-item,
.entity-search-group,
.entity-record-card,
.kanban-card,
.entity-kanban-card,
.api-center-pro .card,
.access-center-pro .card{box-shadow:0 14px 36px rgba(32,44,78,.06)!important}
.search-page-pro-v29 .list-item{padding:14px 16px;border-radius:18px;background:rgba(250,252,255,.92)!important;border:1px solid rgba(91,114,168,.16)!important}
.entity-search-groups{gap:16px!important}
.entity-search-group{padding:18px!important;border-radius:22px}

.chat-sidebar,.chat-main,.chat-compose,.chat-thread-card,.chat-message,.chat-header,.chat-members-summary{background:var(--panel-bg)!important}
.chat-thread-card{border-radius:20px!important;padding:14px!important}
.chat-message{border-radius:20px!important;padding:12px 14px!important}
.chat-bubble{background:rgba(250,252,255,.95)!important;border:1px solid rgba(91,114,168,.14)!important}
.chat-bubble.is-mine{background:linear-gradient(135deg, rgba(72,102,240,.12), rgba(32,184,221,.12))!important}
.chat-compose{padding:14px!important;border-radius:22px!important}
.chat-compose textarea{min-height:112px!important}

.api-center-pro code,
.api-center-pro pre{background:#162038!important;color:#e9f0ff!important;border-radius:14px!important}

.mobile-nav-trigger__icon{font-size:18px;line-height:1}
.mobile-nav-trigger__label{font-weight:700}
#mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:none!important}

@media (max-width: 1320px){
  .topbar-pro{grid-template-columns:minmax(0,1fr)!important}
  .topbar-center,.topbar-actions{width:100%}
  .topbar-actions{justify-content:space-between}
  .entity-toolbar-v29{grid-template-columns:1fr 1fr auto auto}
}

@media (max-width: 1180px){
  #mobile-nav-trigger,.mobile-nav-trigger,.mobile-only-trigger{display:inline-flex!important}
  .topbar-pro{padding:14px!important}
  .topbar-actions{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important}
  .task-view-overview-grid,.project-overview-grid,.entity-record-summary--wide,.entity-toolbar-v29,.hero-kpi{grid-template-columns:1fr!important}
  .drawer{width:calc(100vw - 12px)!important;left:6px!important;right:6px!important;top:6px!important;bottom:6px!important}
  .drawer-body{padding:14px!important}
  .sidebar{left:6px!important;top:6px!important;bottom:6px!important;width:min(360px, calc(100vw - 12px))!important}
  .right-rail{right:8px!important;bottom:8px!important}
}
