/* T-252: shared look from the pitch pack (navy + teal, rounded cards, cleaner tables).
   Loaded after app.css. Turn off with SLIP_NEW_THEME=false in .env.
   Header/sidebar colours apply only to the default blue skins so a business's chosen theme colour is kept. */
:root { --slip-navy: #0b1f3a; --slip-navy-2: #13294a; --slip-teal: #0f766e; --slip-teal-dark: #0b5a54; --slip-ink: #0b1f3a; --slip-muted: #5b6b82; --slip-line: #dde3ec; --slip-bg: #f4f6fa; }

body { font-family: 'Plus Jakarta Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; color: var(--slip-ink); }
.content-wrapper, .right-side { background: var(--slip-bg); }
.content-header > h1 { font-weight: 800; color: var(--slip-ink); }
.content-header > h1 > small { color: var(--slip-muted); }

/* Header + sidebar (default skins only) */
.skin-blue-light .main-header .navbar, .skin-blue .main-header .navbar,
.skin-blue-light .main-header .logo, .skin-blue .main-header .logo { background: var(--slip-navy); }
.skin-blue-light .main-header .logo:hover, .skin-blue .main-header .logo:hover,
.skin-blue-light .main-header .navbar .sidebar-toggle:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover { background: var(--slip-navy-2); }
.skin-blue-light .main-sidebar, .skin-blue-light .left-side, .skin-blue .main-sidebar, .skin-blue .left-side { background: var(--slip-navy); }
.skin-blue-light .sidebar-menu > li > a, .skin-blue .sidebar-menu > li > a { color: #cfd9e8; }
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a, .skin-blue-light .sidebar-menu > li.menu-open > a,
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a { background: var(--slip-navy-2); color: #fff; border-left-color: #34d399; }
.skin-blue-light .sidebar-menu .treeview-menu, .skin-blue .sidebar-menu .treeview-menu { background: #0f2747; }
.skin-blue-light .sidebar-menu .treeview-menu > li > a, .skin-blue .sidebar-menu .treeview-menu > li > a { color: #b8c6d9; }
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover,
.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover { color: #fff; background: transparent; }
.skin-blue-light .sidebar-menu > li.header, .skin-blue .sidebar-menu > li.header { background: var(--slip-navy); color: #7f93ad; }
.skin-blue-light .sidebar a, .skin-blue .sidebar a { color: #cfd9e8; }

/* Boxes become cards */
.box { border-radius: 14px; border: 1px solid var(--slip-line); border-top-width: 1px; box-shadow: 0 6px 18px rgba(11, 31, 58, 0.06); }
.box.box-primary, .box.box-info, .box.box-success, .box.box-warning, .box.box-danger, .box.box-solid { border-top-color: var(--slip-line); }
.box > .box-header { padding: 14px 16px 8px; }
.box > .box-header .box-title { font-weight: 700; color: var(--slip-ink); }
.box-footer { border-radius: 0 0 14px 14px; background: #fff; }
.info-box { border-radius: 14px; border: 1px solid var(--slip-line); box-shadow: 0 6px 18px rgba(11, 31, 58, 0.06); }
.info-box-icon { border-radius: 14px 0 0 14px; }
.small-box { border-radius: 14px; }

/* Buttons */
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary { background: var(--slip-teal); border-color: var(--slip-teal); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: var(--slip-teal-dark); border-color: var(--slip-teal-dark); }
.btn-round { border-radius: 999px; }

/* Forms */
.form-control { border-radius: 10px; border-color: #c9d3e0; box-shadow: none; }
.form-control:focus { border-color: var(--slip-teal); box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.15); }
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group .form-control:first-child { border-radius: 10px 0 0 10px; }
.input-group .form-control:last-child { border-radius: 0 10px 10px 0; }
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border-radius: 10px; border-color: #c9d3e0; }

/* Tables */
.table > thead > tr > th { font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--slip-muted); border-bottom: 1px solid var(--slip-line); background: #fafbfd; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fafbfd; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #edf1f6; }
.table > tbody > tr:hover { background: #f1f7f6; }

/* Modals */
.modal-content { border-radius: 16px; border: 0; box-shadow: 0 20px 50px rgba(11, 31, 58, 0.25); }
.modal-header { border-bottom-color: var(--slip-line); }
.modal-footer { border-top-color: var(--slip-line); }

/* Links and labels */
a { color: var(--slip-teal); }
a:hover, a:focus { color: var(--slip-teal-dark); }
.label, .badge { border-radius: 999px; font-weight: 700; }