/* =====================================================================
   FidesHub CRM - Smooth Borders Override
   ---------------------------------------------------------------------
   Softens all structural borders across the entire CRM (admin pages,
   customer area, login/auth, payment gateway pages) so the UI feels
   smooth and modern instead of a grid of sharp boxes.

   This file is auto-loaded by Perfex on every page after the main
   stylesheets (see application/helpers/assets_helper.php and friends),
   so its rules win the cascade. No PHP / JS / functionality is touched.
   ===================================================================== */

:root {
    /* Almost-invisible neutral border, replaces sharp slate/gray lines */
    --crm-soft-border: rgba(15, 23, 42, 0.05);
    /* Slightly stronger variant for inputs/dropdowns where we still
       want a hint of an edge */
    --crm-soft-border-strong: rgba(15, 23, 42, 0.08);
    /* Soft elevation used to replace the visual structure that the
       hard borders used to provide */
    --crm-soft-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --crm-soft-shadow-md: 0 1px 3px rgba(15, 23, 42, 0.05),
                          0 4px 12px -2px rgba(15, 23, 42, 0.04);
    --crm-soft-shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, 0.08),
                          0 8px 10px -6px rgba(15, 23, 42, 0.04);
    --crm-soft-shadow-pop: 0 8px 24px -4px rgba(15, 23, 42, 0.12),
                           0 2px 6px -2px rgba(15, 23, 42, 0.05);
}

/* ---------------------------------------------------------------------
   1. Panels (the main "card" container used everywhere in Perfex)
   --------------------------------------------------------------------- */
.panel,
.panel_s,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--crm-soft-shadow-md) !important;
}

.panel-heading,
.panel_s .panel-heading {
    border-bottom-color: var(--crm-soft-border) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.panel-footer,
.panel_s .panel-footer {
    border-top-color: var(--crm-soft-border) !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.panel-body {
    border-radius: 12px !important;
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
    border-bottom-color: var(--crm-soft-border) !important;
}

.panel-group .panel,
.panel-group .panel + .panel {
    border-color: var(--crm-soft-border) !important;
    box-shadow: var(--crm-soft-shadow-sm) !important;
}

/* ---------------------------------------------------------------------
   2. Wells / Cards / Boxes
   --------------------------------------------------------------------- */
.well,
.card,
.box {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 10px !important;
    box-shadow: var(--crm-soft-shadow-sm) !important;
}

/* ---------------------------------------------------------------------
   3. Tables - all row, column and outer borders are fully invisible.
      Visual separation is provided by the existing zebra striping /
      hover background. Functionality (sorting, hover, selection) is
      kept untouched.
   --------------------------------------------------------------------- */
.table,
.table > thead,
.table > tbody,
.table > tfoot,
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table-bordered,
.table-bordered > thead,
.table-bordered > tbody,
.table-bordered > tfoot,
.table-bordered > thead > tr,
.table-bordered > tbody > tr,
.table-bordered > tfoot > tr,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td,
.table.items,
.table.items thead,
.table.items tbody,
.table.items tfoot,
.table.items thead th,
.table.items thead td,
.table.items tbody th,
.table.items tbody td,
.table.items tfoot th,
.table.items tfoot td,
.table-striped,
.table-striped > thead > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-condensed,
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.dataTable,
.dataTable thead,
.dataTable tbody,
.dataTable tfoot,
.dataTable thead th,
.dataTable thead td,
.dataTable tbody th,
.dataTable tbody td,
.dataTable tfoot th,
.dataTable tfoot td,
table.dataTable.no-footer,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable.row-border > tbody > tr > th,
table.dataTable.row-border > tbody > tr > td,
table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td,
table.dataTable.cell-border > tbody > tr > th,
table.dataTable.cell-border > tbody > tr > td,
table.dataTable.cell-border th,
table.dataTable.cell-border td {
    border-color: transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

/* Hard zero-out: remove the border itself (width = 0) on every table
   cell, row and section so the line cannot paint regardless of which
   stylesheet (style.css, tailwind.css, vendor-admin.css, datatables.css)
   sets it. */
.table,
.table > thead,
.table > tbody,
.table > tfoot,
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table > tbody + tbody,
.table-bordered,
.table-bordered > thead,
.table-bordered > tbody,
.table-bordered > tfoot,
.table-bordered > thead > tr,
.table-bordered > tbody > tr,
.table-bordered > tfoot > tr,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table.items,
.table.items thead th,
.table.items thead td,
.table.items tbody th,
.table.items tbody td,
.table.items thead th:first-child,
.table.items > thead:first-child > tr:first-child > th,
.table.items .main,
table.items tr.main td,
table.items tr.main th,
.dataTable,
.dataTable thead,
.dataTable tbody,
.dataTable tfoot,
.dataTable thead th,
.dataTable thead td,
.dataTable tbody th,
.dataTable tbody td,
.dataTable tfoot th,
.dataTable tfoot td,
table.dataTable,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tbody tr,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable.no-footer,
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.row-border > tbody > tr > th,
table.dataTable.row-border > tbody > tr > td,
table.dataTable.display tbody th,
table.dataTable.display tbody td,
table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td,
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td,
table.dataTable.cell-border th,
table.dataTable.cell-border td,
table.table-bordered.dataTable,
table.table-bordered.dataTable th,
table.table-bordered.dataTable td,
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td,
div.dataTables_scrollBody > table,
div.dataTables_scrollBody > table > tbody > tr:first-child > th,
div.dataTables_scrollBody > table > tbody > tr:first-child > td,
div.dataTables_scrollHead table.table-bordered,
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    border: 0 !important;
    border-width: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-color: transparent !important;
    border-style: none !important;
    box-shadow: none !important;
}

.table-bordered {
    border: 0 !important;
    border-radius: 10px !important;
    overflow: hidden;
}

/* Panel-internal table separators (rules originally in panel.css and the
   compiled tailwind.css). Force every related cell/row to have zero
   border width so panel tables are also fully line-free. */
.panel > .table,
.panel > .table-responsive,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table,
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body,
.panel > .table > thead > tr > th,
.panel > .table > thead > tr > td,
.panel > .table > tbody > tr > th,
.panel > .table > tbody > tr > td,
.panel > .table > tfoot > tr > th,
.panel > .table > tfoot > tr > td,
.panel > .table-responsive > .table > thead > tr > th,
.panel > .table-responsive > .table > tbody > tr > th,
.panel > .table-responsive > .table > tbody > tr > td,
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered,
.panel > .table-bordered > thead > tr > th,
.panel > .table-bordered > tbody > tr > td,
.panel > .table-bordered > tbody > tr > th {
    border: 0 !important;
    border-width: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-color: transparent !important;
}

/* Mass-select / checkbox column right edge (Perfex draws a 1px line on
   the very first cell to separate the bulk-action checkbox column). */
table.dataTable:has(.mass_select_all_wrap) tbody > tr > td:first-child,
table.dataTable:has(.mass_select_all_wrap) tbody > tr > th:first-child,
table.dataTable .mass_select_all_wrap,
table.dataTable .mass_select_all_wrap td,
table.dataTable .mass_select_all_wrap th {
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
}

/* DataTables scroll wrappers - kill any residual top/bottom rules */
div.dataTables_scrollHead,
div.dataTables_scrollHead table,
div.dataTables_scrollBody,
div.dataTables_scrollBody table,
div.dataTables_scrollFoot,
div.dataTables_scrollFoot table {
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
}

/* High-specificity overrides for invoice / estimate / sales item tables.
   These selectors mirror the ones in style.css that originally drew the
   sharp grid lines, so that border-color: transparent wins the cascade. */
.table.items,
.table.items thead,
.table.items thead th,
.table.items thead th:first-child,
.table.items tbody td,
.table.items tbody tr,
.table.items .main,
table.items tr.main td,
table.items tr.main th,
._transaction_form .table.items thead > tr > th,
._transaction_form .table.items thead > tr > th:first-child,
._transaction_form .table.items thead > tr > th:last-child {
    border-color: transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

/* DataTables filter bar / pagination borders */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border-color: var(--crm-soft-border-strong) !important;
}

.dataTables_wrapper {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   4. Forms (inputs, selects, textareas, bootstrap-select)
   --------------------------------------------------------------------- */
.form-control,
input.form-control,
textarea.form-control,
select.form-control,
.input-group-addon,
.input-group-btn > .btn-default,
.bootstrap-select > .btn-default,
.bootstrap-select > .btn,
.bs-searchbox input,
.note-editor.note-frame,
.tox.tox-tinymce,
.mce-tinymce,
.mce-panel,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
textarea,
select {
    border: 1px solid var(--crm-soft-border-strong) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Keep an obvious focus ring (functionality), but make it smooth */
.form-control:focus,
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.bootstrap-select.open > .btn-default,
.bootstrap-select > .btn-default:focus,
.bootstrap-select.btn-group.open > .btn,
input:focus,
textarea:focus,
select:focus,
.bs-searchbox input:focus {
    border-color: rgba(37, 99, 235, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
    outline: none !important;
}

.bs-searchbox {
    border-bottom-color: var(--crm-soft-border) !important;
}

/* TinyMCE inner toolbar separators */
.tox .tox-toolbar,
.tox .tox-toolbar__group,
.tox .tox-toolbar__primary,
.tox .tox-statusbar,
.tox .tox-edit-area__iframe,
.mce-toolbar-grp {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   5. Buttons
   --------------------------------------------------------------------- */
.btn {
    border-radius: 8px !important;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default[disabled] {
    border-color: var(--crm-soft-border-strong) !important;
}

/* ---------------------------------------------------------------------
   6. Modals
   --------------------------------------------------------------------- */
.modal-content {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.20) !important;
}

.modal-header {
    border-bottom-color: var(--crm-soft-border) !important;
}

.modal-footer {
    border-top-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   7. Dropdowns / Popovers / Tooltips
   --------------------------------------------------------------------- */
.dropdown-menu,
.popover {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 10px !important;
    box-shadow: var(--crm-soft-shadow-pop) !important;
}

.dropdown-menu .divider,
.dropdown-menu > li.divider {
    background-color: var(--crm-soft-border) !important;
}

.popover.top > .arrow,
.popover.bottom > .arrow,
.popover.left > .arrow,
.popover.right > .arrow {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   8. Navs / Tabs / Pills
   --------------------------------------------------------------------- */
.nav-tabs {
    border-bottom-color: var(--crm-soft-border) !important;
}

.nav-tabs > li > a {
    border-radius: 8px 8px 0 0 !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: var(--crm-soft-border) var(--crm-soft-border) transparent var(--crm-soft-border) !important;
}

.nav-pills > li > a {
    border-radius: 8px !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    border-radius: 8px !important;
}

.tab-content {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   9. Pagination
   --------------------------------------------------------------------- */
.pagination > li > a,
.pagination > li > span {
    border-color: var(--crm-soft-border-strong) !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* ---------------------------------------------------------------------
   10. List groups
   --------------------------------------------------------------------- */
.list-group {
    border-radius: 10px !important;
    overflow: hidden;
}

.list-group-item,
.list-group-item:first-child,
.list-group-item:last-child {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   11. Header / Sidebar / Navbar
   --------------------------------------------------------------------- */
#header,
.navbar,
.navbar-default,
header {
    border-color: var(--crm-soft-border) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04) !important;
}

#side-menu,
#setup-menu-top,
#setup-menu-top li,
.menu li,
aside,
.aside-menu {
    border-color: var(--crm-soft-border) !important;
}

#side-menu li > a,
#side-menu li.active > a {
    border-color: transparent !important;
}

/* Customer-area top bar */
.menu-show .menu,
.top_bar,
.top-bar {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   12. Alerts (keep colored backgrounds, kill the hard ring)
   --------------------------------------------------------------------- */
.alert {
    border-radius: 10px !important;
    border-color: transparent !important;
    box-shadow: var(--crm-soft-shadow-sm) !important;
}

/* ---------------------------------------------------------------------
   13. Horizontal rules / dividers
   --------------------------------------------------------------------- */
hr {
    border-color: var(--crm-soft-border) !important;
    border-top-color: var(--crm-soft-border) !important;
}

.hr-panel-heading,
.hr-panel-separator {
    background-color: var(--crm-soft-border) !important;
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   14. Page-specific structural lines that were too sharp
   --------------------------------------------------------------------- */

/* Email templates / inboxes / news feed */
.email-templates li {
    border-bottom-color: var(--crm-soft-border) !important;
}

#newsfeed .newsfeed_post,
#newsfeed .newsfeed_post .user-comment.panel-footer,
#newsfeed .newsfeed_post .post-comment-input-wrapper {
    border-color: var(--crm-soft-border) !important;
}

/* Customer profile attachments / Tasks / Sales attachments */
.customer-profile-attachment,
.task-user,
#sales_attach_file .sales-attach-file-preview,
#contract_attachments .contract-attachment-wrapper {
    border-color: var(--crm-soft-border) !important;
    border-radius: 8px !important;
}

/* Activity feed left rail */
.activity-feed .feed-item {
    border-left-color: var(--crm-soft-border-strong) !important;
}

.activity-feed .feed-item:after {
    border-color: var(--crm-soft-border-strong) !important;
}

/* jQuery comments textarea */
.jquery-comments .textarea-wrapper .textarea {
    border-color: var(--crm-soft-border-strong) !important;
    border-radius: 8px !important;
}

/* Border utility classes Perfex sprinkles around layouts */
.border-right,
.border-left,
.border-top,
.border-bottom {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   15. Tailwind border utilities (used heavily in modern Perfex)
   --------------------------------------------------------------------- */
.tw-border,
.tw-border-t,
.tw-border-b,
.tw-border-l,
.tw-border-r,
.tw-border-x,
.tw-border-y,
.tw-border-2,
.tw-divide-y > :not([hidden]) ~ :not([hidden]),
.tw-divide-x > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--crm-soft-border) !important;
}

.tw-border-neutral-100,
.tw-border-neutral-200,
.tw-border-neutral-300,
.tw-border-gray-100,
.tw-border-gray-200,
.tw-border-gray-300,
.tw-border-slate-100,
.tw-border-slate-200,
.tw-border-slate-300,
.tw-border-zinc-100,
.tw-border-zinc-200,
.tw-border-zinc-300,
.tw-divide-neutral-200 > :not([hidden]) ~ :not([hidden]),
.tw-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   16. Date / time pickers
   --------------------------------------------------------------------- */
.bootstrap-datetimepicker-widget,
.xdsoft_datetimepicker {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 10px !important;
    box-shadow: var(--crm-soft-shadow-pop) !important;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    border-color: transparent !important;
}

/* ---------------------------------------------------------------------
   17. Calendar (FullCalendar)
   --------------------------------------------------------------------- */
.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard .fc-list,
.fc-theme-standard .fc-list-day-cushion {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   18. Authentication (login / forgot password / register)
   --------------------------------------------------------------------- */
.login,
.login .panel,
.login form,
.login-box,
.login-content,
.login-content .panel,
.signup-content,
.signup-content .panel {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--crm-soft-shadow-lg) !important;
}

/* ---------------------------------------------------------------------
   19. Thumbnails / images
   --------------------------------------------------------------------- */
.thumbnail,
.img-thumbnail {
    border: 1px solid var(--crm-soft-border) !important;
    border-radius: 8px !important;
}

/* ---------------------------------------------------------------------
   20. Progress bars
   --------------------------------------------------------------------- */
.progress {
    border-radius: 999px !important;
    box-shadow: none !important;
    background-color: rgba(15, 23, 42, 0.05) !important;
}

.progress-bar {
    border-radius: 999px !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------
   21. Kanban board cards (projects/leads)
   --------------------------------------------------------------------- */
.kan-ban-col,
.kan-ban-col-content,
.kan-ban-card,
.kanban-card {
    border-color: var(--crm-soft-border) !important;
    border-radius: 10px !important;
    box-shadow: var(--crm-soft-shadow-sm) !important;
}

/* ---------------------------------------------------------------------
   22. Project / lead detail boxes
   --------------------------------------------------------------------- */
.project-overview-progressbar,
.lead-status-list,
.lead-attachment-wrapper,
.proposal-attachment-wrapper,
.contract-attachment-wrapper {
    border-color: var(--crm-soft-border) !important;
    border-radius: 8px !important;
}

/* ---------------------------------------------------------------------
   23. Mailbox / Tickets row separators
   --------------------------------------------------------------------- */
.ticket-message,
.ticket-reply,
.ticket-replies-list > li {
    border-color: var(--crm-soft-border) !important;
    border-radius: 10px !important;
}

/* ---------------------------------------------------------------------
   24. Right-hand profile / settings sidebar
   --------------------------------------------------------------------- */
.profile-image-small,
.staff-profile-image-small,
.staff-img,
img.thumbnail {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   25. Switchery / checkbox / radio outlines
   --------------------------------------------------------------------- */
.switchery {
    border-color: var(--crm-soft-border-strong) !important;
}

/* ---------------------------------------------------------------------
   26. Code blocks / pre
   --------------------------------------------------------------------- */
pre,
code,
.pre {
    border-color: var(--crm-soft-border) !important;
    border-radius: 8px !important;
}

/* ---------------------------------------------------------------------
   27. Horizontal scrollable tabs
   --------------------------------------------------------------------- */
.horizontal-scrollable-tabs .scroller,
.horizontal-scrollable-tabs .nav-tabs {
    border-color: var(--crm-soft-border) !important;
}

/* ---------------------------------------------------------------------
   28. Generic "boxed" structural blocks
   --------------------------------------------------------------------- */
.boxed,
.bbox,
.section,
.section-block {
    border-color: var(--crm-soft-border) !important;
    border-radius: 10px !important;
}

/* ---------------------------------------------------------------------
   29. iCheck-style checkboxes (form skin)
   --------------------------------------------------------------------- */
.iradio_square-blue,
.icheckbox_square-blue {
    border-color: var(--crm-soft-border-strong) !important;
}

/* =====================================================================
   End of smooth-borders override
   ===================================================================== */