/* Modern ActiveCollab Redesign - Project View */

/* Reset and base styles */
body {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  background: #f5f6f8 !important;
}

/* Main wrapper adjustments */
#wrapper {
  background: #f5f6f8 !important;
}

/* Header modernization */
#header {
  background: linear-gradient(135deg, #0f1724 0%, #1e293b 100%) !important;
  border-bottom: 1px solid rgba(59,130,246,0.1) !important;
  padding: 1rem 2rem !important;
}

#header #header_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header #application_info h1 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg,#0ea5a3,#3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Wireframe menu background */
#wireframe_menu {
  background-color: #179BD7 !important;
  top: 0px !important;
}

#wireframe_menu .label {
  background: #179BD7 !important;
  line-height: 40px !important;
}

/* Navigation modernization */
#menu ul.menu {
  display: flex !important;
  gap: 0.5rem !important;
}

#menu ul.menu li {
  background: transparent !important;
  border: none !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
}

#menu ul.menu li:hover,
#menu ul.menu li.selected {
  background: rgba(255,255,255,0.1) !important;
}

#menu ul.menu li a {
  color: rgba(255,255,255,0.9) !important;
  font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
  display: block !important;
  text-decoration: none !important;
}

/* Content area */
#page_wrapper {
  padding: 2rem !important;
}

#page_content {
  background: transparent !important;
}

/* Projects list redesign */
#projects .objects_list_wrapper {
  background: white !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 6px 18px rgba(15,23,36,0.04) !important;
  border: 1px solid #eef2f7 !important;
  overflow: hidden !important;
}

/* Objects list header */
.objects_list .objects_list_header,
div.objects_list_wrapper div.objects_list_head {
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  padding: 0.2rem 1.5rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.objects_list .objects_list_header h3 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #0f1724 !important;
  margin: 0 !important;
}

/* Project items */
.objects_list table.list tr {
  background: linear-gradient(180deg,#ffffff,#fbfdff) !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: all 0.2s ease !important;
}

/* Objects list body rows */
div.objects_list_wrapper div.objects_list div.objects_list_body tr {
  cursor: pointer !important;
  position: relative !important;
  background-color: #fff !important;
}

div.objects_list_wrapper div.objects_list div.objects_list_body tr td {
  line-height: 20px !important;
}

/* Hide project icon column */
.objects_list table.list td.icon,
.objects_list table.list th.icon {
  display: none !important;
}

/* Hide all images in objects list body */
div.objects_list_wrapper div.objects_list div.objects_list_body tr td img {
  display: none !important;
}

/* Hide objects list icon */
.objects_list_icon {
  display: none !important;
}

.objects_list table.list tr:hover {
  background: #f8fafc !important;
  transform: translateX(2px);
}

.objects_list table.list tr.selected {
  background: linear-gradient(90deg, #eff6ff, #ffffff) !important;
  border-left: 3px solid #3b82f6 !important;
}

.objects_list table.list td {
  padding: 0.75rem 1rem !important;
  vertical-align: middle !important;
}

.objects_list table.list td.name {
  font-weight: 600 !important;
  color: #0f1724 !important;
  font-size: 1rem !important;
}

.objects_list table.list td.icon img {
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* Project options and labels */
.objects_list table.list td.project_options {
  text-align: right !important;
}

/* Progress indicators */
.objects_list table.list td.project_options img {
  vertical-align: middle !important;
  margin-left: 0.5rem !important;
  opacity: 0.8 !important;
}

/* Forms and inputs */
input[type="text"], 
input[type="email"], 
input[type="password"],
select,
textarea {
  padding: 0.5rem 0.75rem !important;
  border: 1px solid #e6eef6 !important;
  border-radius: 0.5rem !important;
  background: white !important;
  font-size: 0.9rem !important;
  transition: all 0.2s ease !important;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #3b82f6 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* Buttons */
.button,
button[type="submit"],
input[type="submit"] {
  padding: 0.6rem 1.2rem !important;
  background: #179BD7 !important;
  border: none !important;
  border-radius: 0.5rem !important;
  color: white !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(3,102,214,0.2) !important;
}

/* Secondary buttons */
.button.secondary,
button.secondary {
  background: white !important;
  color: #0f1724 !important;
  border: 1px solid #e6eef6 !important;
}

.button.secondary:hover,
button.secondary:hover {
  background: #f8fafc !important;
}

/* Flyout forms */
.flyout_form {
  border-radius: 0.75rem !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
  border: 1px solid #eef2f7 !important;
}

.flyout_form .flyout_form_header {
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 1rem 1.5rem !important;
}

.flyout_form .flyout_form_header h2 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #0f1724 !important;
}

/* Task cards - when in project view */
.task_list .task,
.objects_list_item.assignment {
  background: linear-gradient(180deg,#ffffff,#fbfdff) !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem !important;
  margin-bottom: 0.5rem !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.task_list .task:hover,
.objects_list_item.assignment:hover {
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.task_list .task .task_name,
.objects_list_item.assignment .name {
  font-weight: 600 !important;
  color: #0f1724 !important;
  font-size: 1rem !important;
}

.task_list .task .task_id,
.objects_list_item.assignment .object_id {
  font-size: 0.75rem !important;
  color: #6b7280 !important;
  margin-right: 0.5rem !important;
}

/* Assignment list improvements */
.objects_list_items {
  padding: 0 !important;
}

.objects_list_group_label {
  background: white !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  padding: 0.75rem 1rem !important;
  font-weight: 700 !important;
  color: #0f1724 !important;
  border: 1px solid #eef2f7 !important;
  border-bottom: none !important;
  margin-top: 1.5rem !important;
}

.objects_list_group_inner {
  background: white !important;
  border: 1px solid #eef2f7 !important;
  border-top: none !important;
  border-radius: 0 0 0.75rem 0.75rem !important;
  padding: 0.75rem !important;
  margin-bottom: 1.5rem !important;
}

/* Task bullet points */
.objects_list_item.assignment::before {
  content: '';
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #cbd5e1 !important;
  margin-right: 0.75rem !important;
  flex-shrink: 0 !important;
}

.objects_list_item.assignment.priority_high::before {
  background: #ef4444 !important;
}

.objects_list_item.assignment.priority_normal::before {
  background: #3b82f6 !important;
}

.objects_list_item.assignment.priority_low::before {
  background: #10b981 !important;
}

/* Status badges */
.status_badge {
  padding: 0.25rem 0.75rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  display: inline-block !important;
}

.status_badge.overdue {
  background: #fff1f2 !important;
  color: #991b1b !important;
  border: 1px solid rgba(153,27,27,0.08) !important;
}

.status_badge.open {
  background: #eff6ff !important;
  color: #1e3a8a !important;
  border: 1px solid rgba(30,58,138,0.06) !important;
}

.status_badge.completed {
  background: #ecfccb !important;
  color: #365314 !important;
  border: 1px solid rgba(54,83,20,0.06) !important;
}

/* Assignee avatars */
.assignee_avatar {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,#0ea5a3,#3b82f6) !important;
  color: white !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  margin-right: 0.25rem !important;
}

/* Responsive improvements */
@media (max-width: 900px) {
  #page_wrapper {
    padding: 1rem !important;
  }
  
  .objects_list table.list td {
    padding: 0.5rem !important;
  }
  
  .objects_list table.list td.name {
    font-size: 0.9rem !important;
  }
}

/* Sidebar improvements */
#page_sidebar {
  background: white !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 6px 18px rgba(15,23,36,0.04) !important;
  border: 1px solid #eef2f7 !important;
  padding: 1.5rem !important;
  margin-top: 2rem !important;
}

#page_sidebar h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #0f1724 !important;
  margin-bottom: 1rem !important;
}

/* Left navigation sidebar */
#menu_wrapper {
  background: #0f1724 !important;
  width: 260px !important;
  padding: 1rem !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow-y: auto !important;
  z-index: 100 !important;
}

#main_wrapper {
  margin-left: 260px !important;
}

#menu_wrapper #application_info {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-bottom: 2rem !important;
  padding: 1rem !important;
}

#menu_wrapper #application_info h1 {
  font-size: 1.2rem !important;
  color: white !important;
  margin: 0 !important;
}

/* Menu items in sidebar */
#menu_wrapper #menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#menu_wrapper #menu li {
  margin-bottom: 0.25rem !important;
}

#menu_wrapper #menu li a {
  display: block !important;
  padding: 0.75rem 1rem !important;
  color: rgba(255,255,255,0.9) !important;
  text-decoration: none !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
  font-weight: 600 !important;
}

#menu_wrapper #menu li a:hover,
#menu_wrapper #menu li.selected a {
  background: rgba(255,255,255,0.1) !important;
  color: white !important;
}

/* Quick add button in sidebar */
#quick_add {
  margin-top: 2rem !important;
  padding: 1rem !important;
}

#quick_add a {
  display: block !important;
  padding: 0.75rem 1.5rem !important;
  background: linear-gradient(90deg,#3b82f6,#06b6d4) !important;
  border-radius: 0.5rem !important;
  color: white !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(3,102,214,0.12) !important;
  transition: all 0.2s ease !important;
}

#quick_add a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(3,102,214,0.2) !important;
}

/* Improved breadcrumbs */
#page_breadcrumbs,
#wireframe_breadcrumbs {
  background: white !important;
  border-radius: 0.5rem !important;
  margin-bottom: 1.5rem !important;
  border: 1px solid #f1f5f9 !important;
}

#page_breadcrumbs a {
  color: #6b7280 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#page_breadcrumbs a:hover {
  color: #3b82f6 !important;
}

/* Date and time badges */
.date_badge,
.due_on {
  display: inline-block !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

.date_badge.overdue,
.due_on.overdue {
  background: #fff1f2 !important;
  color: #991b1b !important;
}

.date_badge.today,
.due_on.today {
  background: #bbf7d0 !important;
  color: #166534 !important;
}

.date_badge.soon,
.due_on.soon {
  background: #fffbeb !important;
  color: #92400e !important;
}

/* Assignment meta information */
.assignment_meta {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  margin-top: 0.25rem !important;
  font-size: 0.8rem !important;
  color: #6b7280 !important;
}

.assignment_meta .assignee {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

/* Three-dot menu */
.object_options,
.more_options {
  cursor: pointer !important;
  font-size: 1.25rem !important;
  color: #9ca3af !important;
  padding: 0.25rem !important;
  border-radius: 0.25rem !important;
  transition: all 0.2s ease !important;
}

.object_options:hover,
.more_options:hover {
  background: #f3f4f6 !important;
  color: #4b5563 !important;
}

/* Project cards in assignment view */
.assignment_project_group {
  background: white !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 6px 18px rgba(15,23,36,0.04) !important;
  padding: 0.75rem !important;
  border: 1px solid #eef2f7 !important;
  margin-bottom: 1.5rem !important;
}

.assignment_project_group .project_header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.assignment_project_group .project_name {
  font-weight: 700 !important;
  color: #0f1724 !important;
  font-size: 1.1rem !important;
}

/* Hide global search in header */
#global_search {
  display: none !important;
}

/* Hide Time and Expenses tab */
#page_tab_time {
  display: none !important;
}

/* Hide Timeline tab */
#page_tab_projects_timeline {
  display: none !important;
}

/* Hide Templates tab */
#page_tab_project_templates {
  display: none !important;
}

/* Hide new project button */
#page_action_new_project {
  display: none !important;
}

/* Project at a glance card width */
#project_at_a_glance_card {
  width: 80% !important;
}

/* Remove project at a glance header background */
#project_at_a_glance .project_at_a_glance_header {
  background: white !important;
  background-image: none !important;
}

/* Remove project progress bar background */
#project_at_a_glance .project_progress div.progress {
  background: #f3f4f6 !important;
}

/* Project at a glance meta description list */
#project_at_a_glance .project_at_a_glance_meta dt {
  width: 160px !important;
}

#project_at_a_glance .project_at_a_glance_meta dd {
  margin-left: 145px !important;
}

/* Hide project logo in at a glance header */
#project_at_a_glance .project_at_a_glance_header td.logo {
  display: none !important;
}

/* Hide project at a glance links */
.project_at_glance_links {
  display: none !important;
}

/* Hide project overview icon/avatar */
.project_overview_icon {
  display: none !important;
}

/* Hide project links section */
.project_links {
  display: none !important;
}

/* Remove old gradient backgrounds and yellow backgrounds */
#wireframe_breadcrumbs {
  background-image: none !important;
  background: white !important;
}

div.objects_list_wrapper div.objects_list_head {
  background-image: none !important;
}

.objects_list_wrapper {
  background-image: none !important;
}

/* Remove yellow background from assignments list */
div.assignments_list div.assignment_filter_result_group_inner_wrapper,
div.my_tasks_wrapper div.my_tasks div.my_tasks_inner_wrapper,
#my_recently_completed_tasks #my_recently_completed_tasks_inner_wrapper,
#unassigned_tasks #unassigned_tasks_inner_wrapper,
.widget_timeline_diagram div.widget_timeline_bars_container {
  background: white !important;
  background-image: none !important;
  box-shadow: 0 6px 18px rgba(15,23,36,0.04) !important;
  -ms-filter: none !important;
}

/* Page loading indicator - hidden */
#page_loading_indicator {
  display: none !important;
}

/* Page tabs and system messages bar */
#wireframe_page_tabs {
  border-bottom: 1px solid #87929c !important;
  background: #179BD7 !important;
}

#wireframe_system_messages_bar {
  background: #179BD7 !important;
}

/* Link styling */
#wireframe_content a {
  font-weight: 600 !important;
  font-size: 13px !important;
}

#wireframe_main_container a {
  color: #179BD7 !important;
}

a.quick_view_item {
  font-size: 12px !important;
}

div.my_tasks_wrapper div.my_tasks div.my_tasks_inner_wrapper table tbody tr.assignment td.options time {
  font-size: 12px !important;
}

/* Due date styling */
time.due_on.late,
time.due_on.today {
  color: red !important;
  font-size: 12px !important;
}

/* Hide goto column */
td.goto {
  display: none !important;
}

/* Tab navigation */
.tabs {
  background: white !important;
  border-radius: 0.5rem !important;
  padding: 0.25rem !important;
  margin-bottom: 1.5rem !important;
  border: 1px solid #f1f5f9 !important;
}

.tabs ul {
  display: flex !important;
  gap: 0.25rem !important;
}

.tabs li {
  list-style: none !important;
}

.tabs li a {
  display: block !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.375rem !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.tabs li.selected a,
.tabs li a:hover {
  background: linear-gradient(90deg,#3b82f6,#06b6d4) !important;
  color: white !important;
}
/* ==========================================================================
   Surfaces: replace the remaining grey backgrounds of the original theme
   ========================================================================== */
:root {
  --co-brand: #179BD7;
  --co-brand-dark: #1283b8;
  --co-brand-soft: #e8f4fb;
  --co-bg: #f5f6f8;
  --co-surface: #ffffff;
  --co-surface-alt: #f8fafb;
  --co-border: #e5e8ec;
  --co-border-soft: #eef1f4;
  --co-text: #1f2933;
  --co-muted: #6b7280;
  --co-danger: #e5484d;
  --co-radius: 10px;
  --co-shadow: 0 1px 2px rgba(15,23,36,0.05), 0 4px 14px rgba(15,23,36,0.05);
}

#wireframe_content {
  background: var(--co-bg) !important;
}

#wireframe_page_title {
  background: var(--co-surface) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--co-border) !important;
}

/* Generic tables: drop the image-based row backgrounds */
table.common td {
  background-image: none !important;
  border-bottom: 1px solid var(--co-border-soft) !important;
}

table.common th,
table.common thead td {
  background-image: none !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--co-border) !important;
}

table.common tr.day td {
  background-image: none !important;
  background-color: var(--co-surface-alt) !important;
}

/* ==========================================================================
   Left list pane (projects, tasks, people)
   ========================================================================== */
div.objects_list_wrapper div.objects_list {
  background: var(--co-surface) !important;
  border-right: 1px solid var(--co-border) !important;
}

div.objects_list div.object_list_group_head {
  background: var(--co-surface-alt) !important;
  background-image: none !important;
  border-top: 1px solid var(--co-border-soft) !important;
  border-bottom: 1px solid var(--co-border-soft) !important;
  color: var(--co-muted) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
}

div.objects_list_wrapper div.objects_list div.objects_list_body tr td {
  border-bottom: 1px solid var(--co-border-soft) !important;
}

#wireframe_content div.objects_list_wrapper div.objects_list div.objects_list_body tr:hover td {
  background: #f6f9fc !important;
}

/* Selected row: brand tint instead of dark grey (ID prefix beats the core !important rule) */
#wireframe_content div.objects_list_wrapper div.objects_list div.objects_list_body tr.selected td {
  background: var(--co-brand-soft) !important;
  color: var(--co-text) !important;
}

#wireframe_content div.objects_list_wrapper div.objects_list div.objects_list_body tr.selected td:first-child {
  box-shadow: inset 3px 0 0 var(--co-brand) !important;
}

#wireframe_content div.objects_list_wrapper div.objects_list div.objects_list_body tr.selected td * {
  color: var(--co-text) !important;
}

/* ==========================================================================
   Right pane: empty state and bottom boxes
   ========================================================================== */
div.objects_list_details .empty_content .objects_list_title {
  color: var(--co-text) !important;
  letter-spacing: 0.04em !important;
}

div.objects_list_details .empty_content .objects_list_details_actions ul {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

div.objects_list_details .empty_content .objects_list_details_actions li {
  background: none !important;
  border: 0 !important;
}

#wireframe_main_container div.objects_list_details .empty_content .objects_list_details_actions a {
  display: inline-block !important;
  padding: 9px 18px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 8px !important;
  background: var(--co-surface) !important;
  color: var(--co-brand) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(15,23,36,0.05) !important;
  transform: none !important;
}

#wireframe_main_container div.objects_list_details .empty_content .objects_list_details_actions li:first-child a {
  background: var(--co-brand) !important;
  border-color: var(--co-brand) !important;
  color: #fff !important;
}

#wireframe_main_container div.objects_list_details .empty_content .objects_list_details_actions a:hover {
  border-color: var(--co-brand) !important;
  box-shadow: 0 2px 8px rgba(23,155,215,0.18) !important;
}

div.object_lists_details_bottom {
  background: var(--co-surface) !important;
  border-top: 1px solid var(--co-border) !important;
}

div.object_lists_details_bottom .tidy_up_tasks {
  background: #fffbea !important;
  border-bottom: 1px solid #f5ecc4 !important;
}

/* The archive button is absolutely positioned; keep the text clear of it */
div.object_lists_details_bottom .tidy_up_tasks p:not(.tidy_up_button_wrapper) {
  padding-right: 230px !important;
}

div.object_lists_details_bottom .tidy_up_tasks button {
  background: var(--co-brand) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

div.object_lists_details_bottom .tidy_up_tasks button span {
  text-shadow: none !important;
}

div.object_lists_details_bottom .tidy_up_tasks button:hover {
  background: var(--co-brand-dark) !important;
}

div.object_lists_details_bottom .object_lists_details_tips {
  background: var(--co-surface) !important;
  color: var(--co-muted) !important;
}

/* ==========================================================================
   Object detail (task, discussion, ...)
   ========================================================================== */
div.object_inspector {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: var(--co-shadow) !important;
  overflow: hidden !important;
  background: var(--co-surface) !important;
}

div.object_inspector div.head,
div.object_inspector ul.actions {
  background: var(--co-surface) !important;
  background-image: none !important;
  border-radius: 0 !important;
}

div.object_inspector ul.actions {
  border-top: 1px solid var(--co-border-soft) !important;
  background: var(--co-surface-alt) !important;
}

div.object_body.with_shadow {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: var(--co-shadow) !important;
}

div.comment div.comment_content_container {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: 0 1px 2px rgba(15,23,36,0.04) !important;
}

div.object_history_logs.object_section_content {
  background: var(--co-surface) !important;
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
}

/* ==========================================================================
   Project overview
   ========================================================================== */
div.project_overview_box div.project_overview_box_title,
div.project_overview_box div.project_overview_box_title h2,
div.project_overview_box div.project_overview_box_content,
div.project_overview_box div.project_overview_box_content_inner {
  background-image: none !important;
  background-color: transparent !important;
}

div.project_overview_box.alt {
  background: var(--co-surface) !important;
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: var(--co-shadow) !important;
  overflow: hidden;
}

div.project_overview_box.alt div.project_overview_box_title {
  border-bottom: 1px solid var(--co-border-soft) !important;
}

/* Long custom field names (InvoiceCustomerNumber) overlapped their values */
div.project_meta div.property div.label {
  width: 150px !important;
  color: var(--co-muted) !important;
  overflow-wrap: anywhere;
}

div.project_meta div.property div.content {
  margin-left: 160px !important;
  width: auto !important;
}

/* Keep "erledigt von Sebastian F." on one line */
table.day_activity_logs td.action,
table.day_activity_logs td.author {
  width: 1% !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   My tasks (home)
   ========================================================================== */
div.my_tasks_wrapper div.my_late_tasks div.my_late_tasks_inner_wrapper {
  background: var(--co-surface) !important;
  border: 1px solid var(--co-border) !important;
  border-left: 4px solid var(--co-danger) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: var(--co-shadow) !important;
}

div.my_tasks_wrapper div.my_tasks div.my_tasks_inner_wrapper {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-radius) !important;
  box-shadow: var(--co-shadow) !important;
}

/* ==========================================================================
   Link buttons ("Dateien anhängen", "Fügt Personen zu einem Projekt hinzu")
   ========================================================================== */
a.link_button {
  display: inline-block !important;
  background: var(--co-surface) !important;
  background-image: none !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  color: var(--co-text) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(15,23,36,0.05) !important;
  text-decoration: none !important;
}

a.link_button:hover {
  border-color: var(--co-brand) !important;
  color: var(--co-brand) !important;
}

a.link_button span.inner {
  background-image: none !important;
  padding: 0 !important;
  line-height: inherit !important;
}

/* The add icon is white; darken it for the light button */
a.link_button span.icon {
  padding: 0 0 0 17px !important;
  line-height: inherit !important;
  background-position: left center !important;
  filter: brightness(0.45);
}

/* Selected company group in the people list (core rule is !important) */
#wireframe_content div.objects_list_wrapper div.objects_list div.objects_list_body div.object_list_group div.object_list_group_head.selected {
  background: var(--co-brand-soft) !important;
  color: var(--co-text) !important;
  box-shadow: inset 3px 0 0 var(--co-brand) !important;
}

/* ==========================================================================
   User and company card: one card instead of the old vcard inside a card
   ========================================================================== */
div.vcard div.vcard_title,
div.vcard div.vcard_top {
  display: none !important;
}

div.vcard div.vcard_content,
div.vcard div.vcard_bottom {
  background-image: none !important;
}

div.vcard div.vcard_content {
  padding-top: 20px !important;
}

div.vcard div.vcard_bottom {
  height: auto !important;
  margin-top: 16px !important;
  padding: 12px 0 !important;
  border-top: 1px solid var(--co-border-soft) !important;
}

div.vcard div.vcard_bottom ul {
  top: 0 !important;
  text-align: center !important;
}

/* Project overview: progress is already listed in the project box */
#project_progress {
  display: none !important;
}