/* Keep Django's data-entry screens visually aligned with the working CRM shell. */
:root {
  --primary: #20282d;
  --secondary: #29343a;
  --accent: #00a7df;
  --body-bg: #f2f5f6;
  --body-fg: #20272c;
  --link-fg: #007da9;
  --link-hover-color: #005d7f;
  --link-selected-fg: #005d7f;
  --hairline-color: #dce3e6;
  --border-color: #dce3e6;
  --darkened-bg: #edf2f3;
  --selected-row: #e7f5fa;
}

body { color: #20272c; }
#header { background: #20282d; border-bottom-color: #00a7df; }
#branding h1, #branding h1 a:link, #branding h1 a:visited { color: #f3f6f8; }
#site-name img { object-fit: cover; object-position: center; }
#user-tools a:focus, #user-tools a:hover { color: #71cff0; }
div.breadcrumbs { background: #29343a; }
#content { max-width: none; }
#content-main, .change-form form { min-width: 0; width: 100%; }
#nav-sidebar, #toggle-nav-sidebar { display: none !important; }
.module h2, .module caption, .inline-group h2 { background: #29343a; }
.module, .inline-group, #content-related { border: 1px solid #dce3e6; }
input, textarea, select, .vTextField, .vLargeTextField {
  border-color: #cbd5d9;
  border-radius: 3px;
}
input:focus, textarea:focus, select:focus {
  border-color: #00a7df;
  outline: 2px solid rgba(0, 167, 223, .18);
}
.button, input[type=submit], input[type=button], .submit-row input, a.button {
  border: 1px solid #00a7df;
  border-radius: 4px;
  background: #00a7df;
  color: #102127;
  font-weight: 700;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover, a.button:hover {
  background: #007da9;
  color: #fff;
}
.button.default, input[type=submit].default, .submit-row input.default {
  border-color: #20282d;
  background: #20282d;
  color: #fff;
}
.button.default:hover, input[type=submit].default:hover, .submit-row input.default:hover {
  background: #007da9;
}
#changelist-filter h2 { background: #29343a; }
#changelist-filter li.selected a { color: #007da9; }
.object-tools a:link, .object-tools a:visited {
  border: 1px solid #00a7df;
  border-radius: 4px;
  background: #00a7df;
  color: #102127;
}
.object-tools a:hover { background: #007da9; color: #fff; }
.messagelist li { border-radius: 3px; }

body.model-telegraminboxmessage.change-list #result_list {
  table-layout: fixed;
  width: 100%;
}
body.model-telegraminboxmessage.change-list #result_list .column-received_at { width: 150px; }
body.model-telegraminboxmessage.change-list #result_list .column-status { width: 100px; }
body.model-telegraminboxmessage.change-list #result_list .column-source_summary { width: 230px; }
body.model-telegraminboxmessage.change-list #result_list .column-crm_links { width: 220px; }
body.model-telegraminboxmessage.change-list #result_list td,
body.model-telegraminboxmessage.change-list #result_list th {
  vertical-align: top;
}
body.model-telegraminboxmessage.change-list #result_list .field-short_text {
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.telegram-sender,
.telegram-chat,
.telegram-crm-link { display: block; }
.telegram-sender { color: #20272c; font-weight: 600; }
.telegram-chat { margin-top: 3px; color: #68717a; font-size: 12px; }
.telegram-crm-link + .telegram-crm-link { margin-top: 3px; }

@media (max-width: 1100px) {
  body.model-telegraminboxmessage.change-list #result_list .column-source_summary { width: 180px; }
  body.model-telegraminboxmessage.change-list #result_list .column-crm_links { width: 160px; }
}
@media (max-width: 767px) {
  #content { padding: 16px 12px; }
  #content-main { width: 100%; }
  #changelist-filter { width: 100%; }
  .submit-row input { max-width: 100%; }
}