/* Linear-style theme for the light appearance, loaded after all.css and all2.css. */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&display=swap');

:root{
    --ln-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ln-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;
    --ln-sidebar: 244px;
    --ln-bg: #f5f5f6;
    --ln-panel: #ffffff;
    --ln-subtle: #f9f9fa;
    --ln-hover: rgba(0, 0, 0, 0.045);
    --ln-selected: rgba(0, 0, 0, 0.07);
    --ln-text: #1f2023;
    --ln-text-2: #3c4149;
    --ln-text-3: #6b6f76;
    --ln-text-4: #8a8f98;
    --ln-border: #e6e6e9;
    --ln-border-2: #dcdde1;
    --ln-divider: #efeff1;
    --ln-accent: #5e6ad2;
    --ln-accent-hover: #6b76da;
    --ln-ring: 0 0 0 3px rgba(94, 106, 210, 0.2);
    --ln-green: #4cb782;
    --ln-orange: #f2994a;
    --ln-red: #eb5757;
    --ln-teal: #26b5ce;
    --ln-shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.04);
    --ln-shadow-menu: 0 4px 12px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.1);
}

/* Base */

html,
body{
    background: var(--ln-bg);
}

body{
    padding-top: 0;
    color: var(--ln-text);
    font-family: var(--ln-font);
    font-size: 13px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
.lead{
    font-family: var(--ln-font);
}

p{
    line-height: 20px;
}

a{
    color: var(--ln-accent);
}

a:hover,
a:focus{
    color: var(--ln-accent-hover);
    text-decoration: none;
}

::selection{
    background: rgba(94, 106, 210, 0.2);
}

h1, h2, h3, h4, h5, h6{
    color: var(--ln-text);
    font-weight: 600;
    letter-spacing: -0.011em;
}

h2{
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.015em;
}

h2 + br{
    display: none;
}

h2.report-titles{
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
}

h3{
    font-size: 15px;
    line-height: 22px;
}

h4{
    font-size: 13px;
    line-height: 20px;
}

hr{
    border-top: 1px solid var(--ln-border);
    border-bottom: 0;
}

code,
pre{
    padding: 1px 5px;
    background: #f4f4f5;
    border: 1px solid var(--ln-border);
    border-radius: 4px;
    color: var(--ln-text-2);
    font-family: var(--ln-mono);
    font-size: 12px;
}

.muted,
.help-block{
    color: var(--ln-text-3);
}

.tooltip-inner{
    padding: 4px 8px;
    background: var(--ln-text);
    border-radius: 6px;
    font-size: 12px;
}

/* Workspace header (Sendy's top bar, moved into the sidebar on wide screens) */

.navbar-fixed-top{
    box-shadow: none;
}

.navbar-fixed-top .navbar-inner{
    min-height: 0;
    padding: 10px 10px 8px;
    background: var(--ln-panel);
    border: 0;
    border-bottom: 1px solid var(--ln-border);
    box-shadow: none;
    filter: none;
}

.navbar .container-fluid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 4px;
    padding: 0;
}

.navbar .container-fluid::before,
.navbar .container-fluid::after,
.navbar .btn-navbar,
.navbar .nav-collapse{
    display: none !important;
}

.navbar .brand{
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 8px;
    order: 1;
    min-width: 0;
    height: 32px;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 6px;
    color: var(--ln-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-shadow: none;
    white-space: nowrap;
}

.navbar .brand:hover,
.navbar .brand:focus{
    background: var(--ln-hover);
    color: var(--ln-text);
}

.navbar .brand .main-gravatar{
    flex: none;
    float: none;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 5px;
    box-shadow: none;
}

.navbar .btn-group{
    float: none;
    margin: 0;
    padding: 0;
}

.navbar .container-fluid > .btn-group{
    order: 2;
}

.navbar .btn-group > .btn{
    height: 32px;
    padding: 0 8px;
    background: transparent;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    color: var(--ln-text-3);
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    text-shadow: none;
}

.navbar .btn-group > .btn:hover,
.navbar .btn-group > .btn:focus,
.navbar .btn-group.open > .btn{
    background: var(--ln-hover);
    box-shadow: none;
    color: var(--ln-text);
}

.navbar .btn-group > .btn [class^="icon-"]{
    color: inherit;
}

.navbar .btn-group > .btn .caret{
    margin-top: 0;
    vertical-align: middle;
    border-top-color: currentColor;
    opacity: 0.6;
}

/* Brand switcher, shown as a full-width selector */

.navbar .container-fluid > .btn-group + .btn-group{
    order: 3;
    flex: 1 0 100%;
}

.navbar .btn-group + .btn-group > .btn{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0 10px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    box-shadow: var(--ln-shadow-sm);
    color: var(--ln-text);
    line-height: 30px;
    text-align: left;
}

.navbar .btn-group + .btn-group > .btn:hover,
.navbar .btn-group + .btn-group.open > .btn{
    background: var(--ln-panel);
    border-color: var(--ln-border-2);
}

.navbar .btn-group + .btn-group > .btn img{
    margin: 0 !important;
    border-radius: 4px;
}

.navbar .btn-group + .btn-group > .btn .caret{
    margin-left: auto;
}

.navbar .btn-group + .btn-group > .dropdown-menu{
    left: 0;
    right: 0;
    min-width: 0;
}

.navbar .dropdown-menu img{
    margin: 0 8px 0 0 !important;
    border-radius: 4px;
    vertical-align: -3px;
}

/* Brand name above the page title */

.container-fluid .lead,
.container-fluid .lead a{
    margin: 0 0 2px;
    color: var(--ln-text-3);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
}

.container-fluid .lead a:hover{
    color: var(--ln-text);
}

.container-fluid .lead img{
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
    border-radius: 4px;
    vertical-align: -3px;
}

.top-brand-pencil{
    position: static;
    margin-left: 2px;
    color: var(--ln-text-4);
    font-size: 11px;
}

/* Content panels */

.container-fluid > .row-fluid > .span10,
.container-fluid > .row-fluid > .sendy-report-card,
.container-fluid > .row-fluid > [class*="span"]:not(.span2):not(.span12){
    padding: 24px 32px 32px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

body > .container-fluid > br,
body > .container-fluid > hr{
    display: none;
}

/* Sidebar navigation */

.brand-sidebar-panel.sidebar-box,
.brand-sidebar-panel.sidebar-box:hover{
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.brand-sidebar-panel .nav{
    margin-bottom: 0;
}

.brand-sidebar-panel .nav-header{
    margin: 14px 8px 2px;
    padding: 0;
    color: var(--ln-text-3);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.brand-sidebar-panel .nav-list > li > a{
    margin: 1px 0;
    padding: 4px 8px;
    border-radius: 6px;
    color: var(--ln-text-2);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-shadow: none;
}

.brand-sidebar-panel .nav-list > li > a:hover,
.brand-sidebar-panel .nav-list > li > a:focus{
    background: var(--ln-hover) !important;
    box-shadow: none;
    color: var(--ln-text) !important;
}

.brand-sidebar-panel .nav-list > .active > a,
.brand-sidebar-panel .nav-list > .active > a:hover,
.brand-sidebar-panel .nav-list > .active > a:focus{
    background: var(--ln-selected) !important;
    box-shadow: none;
    color: var(--ln-text) !important;
}

.brand-sidebar-panel .nav-list [class^="icon-"]{
    width: 16px;
    margin-right: 8px;
    color: var(--ln-text-3);
    text-align: center;
}

.brand-sidebar-panel .nav-list > .active > a [class^="icon-"],
.brand-sidebar-panel .nav-list > .active > a .icon-white{
    color: var(--ln-text) !important;
}

/* Info boxes in the sidebar column (SES status, setup tips) */

.sidebar-box:not(.brand-sidebar-panel),
.sidebar-box:not(.brand-sidebar-panel):hover{
    padding: 12px 14px !important;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.sidebar-box:not(.brand-sidebar-panel) h3{
    margin: 4px 0 6px;
    font-size: 13px;
    line-height: 20px;
}

.sidebar-box:not(.brand-sidebar-panel) h3 + br{
    display: none;
}

.sidebar-box:not(.brand-sidebar-panel) p{
    margin-bottom: 8px;
    color: var(--ln-text-2);
    font-size: 12.5px;
    line-height: 18px;
}

/* Buttons */

.btn,
#campaign-save-only-btn,
#autoresponder-save-only-btn{
    height: auto;
    padding: 5px 12px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border-2);
    border-radius: 6px;
    box-shadow: var(--ln-shadow-sm);
    color: var(--ln-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-shadow: none;
    transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease, color 0.12s ease;
}

.btn:hover,
.btn:focus,
#campaign-save-only-btn:hover,
#autoresponder-save-only-btn:hover,
#campaign-save-only-btn:focus,
#autoresponder-save-only-btn:focus{
    background: #f7f7f8;
    border-color: #cfd0d5;
    box-shadow: var(--ln-shadow-sm);
    color: var(--ln-text);
    transform: none;
}

a.btn{
    display: inline-block;
}

.btn:focus-visible{
    outline: 0;
    box-shadow: var(--ln-ring);
}

.btn [class^="icon-"],
.btn [class*=" icon-"]{
    color: var(--ln-text-3);
}

.btn-large{
    padding: 7px 16px;
    border-radius: 7px;
    font-size: 14px;
}

.btn-info{
    background: var(--ln-panel);
    border-color: var(--ln-border-2);
    color: var(--ln-text);
}

.btn-primary,
.btn-primary:focus,
.btn-inverse,
.btn-inverse:focus,
.new-campaign-toggle,
.brands-add-btn,
#new-list-btn,
#password-login-btn{
    background: var(--ln-accent);
    border-color: var(--ln-accent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff;
}

.btn-primary:hover,
.btn-inverse:hover,
.new-campaign-toggle:hover,
.new-campaign-toggle:focus,
.brands-add-btn:hover,
#new-list-btn:hover,
#password-login-btn:hover{
    background: var(--ln-accent-hover);
    border-color: var(--ln-accent-hover);
    color: #fff;
}

.btn-primary [class^="icon-"],
.btn-inverse [class^="icon-"],
.new-campaign-toggle [class^="icon-"],
.brands-add-btn [class^="icon-"],
#new-list-btn [class^="icon-"],
#password-login-btn [class^="icon-"]{
    color: inherit;
    opacity: 0.85;
}

.btn-primary .caret,
.btn-inverse .caret,
.new-campaign-toggle .caret{
    border-top-color: #fff;
    opacity: 0.8;
}

.btn.disabled,
.btn[disabled]{
    opacity: 0.5;
    box-shadow: none;
}

.btn-group > .btn{
    border-radius: 0;
}

.btn-group > .btn:first-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-group > .btn + .btn{
    margin-left: -1px;
}

.btn-group[data-toggle="buttons-radio"] > .btn.active,
.btn-group[data-toggle="buttons-radio"] > .btn:active,
.btn-group.tracking > .btn.active,
.btn-group.tracking > .btn:active{
    background: #f0f0f2;
    border-color: var(--ln-border-2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
    color: var(--ln-text);
}

.campaigns-rss-btn{
    padding: 5px 10px !important;
}

/* Form fields */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
.uneditable-input{
    height: 20px;
    min-height: 20px;
    padding: 5px 10px;
    line-height: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select,
.uneditable-input{
    background: var(--ln-panel);
    border: 1px solid var(--ln-border-2);
    border-radius: 6px;
    box-shadow: none;
    color: var(--ln-text);
    font-size: 13px;
}

textarea{
    padding: 8px 10px;
    line-height: 20px;
}

select{
    height: 32px;
    min-height: 32px;
    padding: 4px 8px;
    line-height: 22px;
}

select[multiple],
select[size]{
    height: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus{
    border-color: var(--ln-accent);
    border-radius: 6px;
    box-shadow: var(--ln-ring);
    outline: 0;
}

input::placeholder,
textarea::placeholder{
    color: var(--ln-text-4);
}

.form-search .search-query{
    width: 220px !important;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button{
    height: 30px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border-2);
    border-radius: 6px;
    box-shadow: var(--ln-shadow-sm);
    color: var(--ln-text);
    font-family: var(--ln-font);
    font-size: 12.5px;
    font-weight: 500;
}

input[type="file"]:hover::file-selector-button,
input[type="file"]:hover::-webkit-file-upload-button{
    background: #f7f7f8;
    color: var(--ln-text);
}

label,
.control-label{
    color: var(--ln-text-2);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}

legend{
    border-bottom-color: var(--ln-border);
    color: var(--ln-text);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.011em;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .add-on:last-child{
    height: 20px;
    padding: 5px 8px;
    background: var(--ln-subtle);
    border-color: var(--ln-border-2);
    color: var(--ln-text-3);
    font-size: 13px;
    line-height: 20px;
}

.input-prepend input,
.input-prepend input:focus,
.input-prepend select{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-append input,
.input-append input:focus,
.input-append select{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child{
    border-radius: 6px 0 0 6px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child{
    border-radius: 0 6px 6px 0;
}

/* Toolbars above lists */

.page-actions-toolbar{
    gap: 8px;
    margin-bottom: 4px;
}

.page-actions-secondary{
    gap: 8px;
}

.form-search{
    gap: 6px;
}

/* Panels */

.well,
.grand_total,
#attachments li,
.rounded-dashed-box{
    background: var(--ln-subtle);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: none;
}

.well:hover{
    box-shadow: none;
}

.dashed-box{
    border-color: var(--ln-border-2);
    border-radius: 8px;
}

blockquote{
    background: var(--ln-subtle);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
}

/* Menus */

.dropdown-menu{
    min-width: 180px;
    margin-top: 4px;
    padding: 4px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: var(--ln-shadow-menu);
}

.dropdown-menu a,
.dropdown-menu li > a{
    padding: 5px 8px;
    border-radius: 5px;
    color: var(--ln-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover{
    background: #f2f2f4 !important;
    box-shadow: none;
    color: var(--ln-text) !important;
}

.dropdown-menu [class^="icon-"]{
    width: 16px;
    margin-right: 6px;
    color: var(--ln-text-3);
    text-align: center;
}

.dropdown-menu .dropdown-header,
.dropdown-menu .nav-header{
    padding: 6px 8px 2px;
    color: var(--ln-text-3);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.dropdown-menu .divider{
    margin: 4px -4px;
    background: transparent;
    border-bottom-color: var(--ln-border);
}

/* Tabs and pills */

.nav-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 12px;
    border-bottom: 0;
}

.nav-tabs::before,
.nav-tabs::after{
    display: none;
}

.nav-tabs > li{
    float: none;
    margin-bottom: 0;
}

.nav-tabs > li > a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--ln-text-3);
    font-weight: 500;
    line-height: 20px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
    background: var(--ln-hover);
    border-color: transparent;
    color: var(--ln-text);
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus{
    background: var(--ln-panel);
    border-color: var(--ln-border-2);
    box-shadow: var(--ln-shadow-sm);
    color: var(--ln-text);
}

.nav-pills > li > a{
    border-radius: 6px;
    color: var(--ln-text-3);
    font-weight: 500;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus{
    background: var(--ln-selected);
    color: var(--ln-text);
}

/* Status pills */

.label,
.badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    height: 22px;
    padding: 0 8px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border-2);
    border-radius: 999px;
    box-shadow: none;
    color: var(--ln-text-2);
    font-family: var(--ln-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: middle;
}

.label-success, .badge-success{ --ln-dot: var(--ln-green); }
.label-info, .badge-info{ --ln-dot: var(--ln-accent); }
.label-warning, .badge-warning{ --ln-dot: var(--ln-orange); }
.label-important, .badge-important{ --ln-dot: var(--ln-red); }
.label-inverse, .badge-inverse{ --ln-dot: var(--ln-text); }

.label-success::before, .badge-success::before,
.label-info::before, .badge-info::before,
.label-warning::before, .badge-warning::before,
.label-important::before, .badge-important::before,
.label-inverse::before, .badge-inverse::before{
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    background: var(--ln-dot);
    border-radius: 50%;
}

a .label,
a .badge{
    cursor: pointer;
}

/* Tables */

table.table{
    margin-top: 16px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.table th,
.table td{
    padding: 9px 12px;
    border-top: 1px solid var(--ln-divider);
    color: var(--ln-text-2);
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.table thead th,
.table thead:first-child tr:first-child th{
    padding-top: 7px;
    padding-bottom: 7px;
    background: transparent;
    border-top: 1px solid var(--ln-border);
    border-bottom: 1px solid var(--ln-border);
    color: var(--ln-text-3);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.table thead th.tablesorter-headerAsc,
.table thead th.tablesorter-headerDesc,
.table thead th.headerSortUp,
.table thead th.headerSortDown{
    border-bottom: 1px solid var(--ln-border);
    color: var(--ln-text);
}

.table thead + tbody tr:first-child td{
    border-top: 0;
}

.table tbody tr:last-child td{
    border-bottom: 1px solid var(--ln-divider);
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th{
    background: transparent;
}

.table tbody tr:hover td,
.table tbody tr:hover th{
    background: #f8f8f9;
}

.table td a:not(.btn){
    color: var(--ln-text);
    font-weight: 500;
}

.table td a:not(.btn):hover{
    color: var(--ln-accent);
}

.table-bordered{
    border-color: var(--ln-border);
}

.table-bordered th,
.table-bordered td{
    border-left-color: var(--ln-divider);
}

/* Campaign tables (campaigns, search results, reports) drop columns as the window narrows */

table.responsive:has(a[href*="/report?i="]) td:not(:first-child){
    white-space: nowrap;
}

@media (max-width: 1299px){
    table.responsive:has(a[href*="/report?i="]) th:nth-child(5),
    table.responsive:has(a[href*="/report?i="]) td:nth-child(5){
        display: none;
    }
}

@media (max-width: 1139px){
    table.responsive:has(a[href*="/report?i="]) th:nth-child(4),
    table.responsive:has(a[href*="/report?i="]) td:nth-child(4){
        display: none;
    }
}

@media (max-width: 767px){
    table.responsive:has(a[href*="/report?i="]) th:nth-child(2),
    table.responsive:has(a[href*="/report?i="]) td:nth-child(2),
    table.responsive:has(a[href*="/report?i="]) th:nth-child(6),
    table.responsive:has(a[href*="/report?i="]) td:nth-child(6){
        display: none;
    }

    table.responsive:has(a[href*="/report?i="]){
        width: 100%;
    }

    table.responsive:has(a[href*="/report?i="]) td:nth-child(1),
    table.responsive:has(a[href*="/report?i="]) td:nth-child(3){
        white-space: normal;
    }
}

/* Brands table */

#brands-table td:nth-child(4) a.btn{
    height: 28px;
    min-height: 28px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 12px;
}

#brands-table td:nth-child(4) a.btn:nth-child(-n+4){
    width: 28px;
}

#brands-table .label[title]{
    font-size: 15px;
}

#brands-table td:nth-child(3) .brand-smtp-icons[title*="Amazon"]::after{
    color: var(--ln-text-2);
    font-size: 12px;
    font-weight: 500;
}

/* Pagination */

.pagination ul{
    gap: 4px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pagination ul > li > a,
.pagination ul > li > span,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span{
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border-2);
    border-radius: 6px;
    color: var(--ln-text-2);
    font-size: 12.5px;
    font-weight: 500;
}

.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover{
    background: var(--ln-accent);
    border-color: var(--ln-accent);
    color: #fff;
}

/* Alerts */

.alert{
    padding: 10px 14px;
    background: #fdf8ee;
    border: 1px solid #f1e3c3;
    border-radius: 8px;
    color: #7a5212;
    text-shadow: none;
}

.alert-info{
    background: #f3f4fd;
    border-color: #dde0f7;
    color: #3b45a3;
}

.alert-success{
    background: #f0f9f4;
    border-color: #d3ecdd;
    color: #2d7a4f;
}

.alert-danger,
.alert-error{
    background: #fdf2f2;
    border-color: #f3d3d3;
    color: #b03a3a;
}

/* Modals */

.modal{
    border: 1px solid var(--ln-border);
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
}

.modal-header{
    padding: 16px 20px 6px;
    background: var(--ln-panel);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.modal-header h3{
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.011em;
}

.modal-body{
    padding: 10px 20px 16px;
}

.modal-footer{
    padding: 12px 20px;
    background: var(--ln-subtle);
    border-top: 1px solid var(--ln-border);
    border-radius: 0 0 12px 12px;
    box-shadow: none;
}

.modal-backdrop,
.modal-backdrop.fade.in{
    background: #000;
    opacity: 0.25;
}

.close{
    opacity: 0.4;
}

/* Report */

.report-metrics-grid{
    gap: 10px;
}

.report-metric-card{
    min-height: 96px;
    padding: 14px 16px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    border-radius: 8px;
    box-shadow: none;
}

.report-metric-pill{
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: var(--ln-text);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.report-metric-opened{ color: #2f9e6a; }
.report-metric-clicked{ color: var(--ln-accent); }
.report-metric-ctor{ color: #1a9bb3; }
.report-metric-unsubscribed{ color: #e5484d; }
.report-metric-not-opened{ color: #e2832c; }

.report-metric-bounced,
.report-metric-spam{
    color: var(--ln-text);
}

.report-metric-disabled{
    color: var(--ln-text-3);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}

.report-metric-label{
    margin-top: 8px;
    color: var(--ln-text);
    font-size: 13px;
    font-weight: 500;
}

.report-metric-detail{
    margin-top: 2px;
    color: var(--ln-text-3);
    font-size: 12px;
}

.sendy-report-score-bar span{
    background: var(--ln-accent);
}

/* Charts: remap the colors set in the page scripts */

.highcharts-container text,
.highcharts-container tspan{
    font-family: var(--ln-font) !important;
}

.highcharts-container [fill="#999999"]{ fill: #d3d5da; }
.highcharts-container [fill="#579fc8"],
.highcharts-container [fill="#9E43EF"]{ fill: var(--ln-accent); }
.highcharts-container [fill="#70bd6c"],
.highcharts-container [fill="#52C162"]{ fill: var(--ln-green); }
.highcharts-container [fill="#eeca46"]{ fill: #f2c94c; }
.highcharts-container [fill="#ce5c56"],
.highcharts-container [fill="#DF5352"]{ fill: var(--ln-red); }
.highcharts-container [fill="#333333"]{ fill: var(--ln-text-2); }

.highcharts-container [stroke="#579fc8"]{ stroke: var(--ln-accent); }
.highcharts-container [fill="rgba(87,159,200,0.75)"]{ fill: rgba(94, 106, 210, 0.14); }

/* Rich text editor */

textarea#html + .ck.ck-editor{
    --ck-border-radius: 8px;
    --ck-color-base-border: var(--ln-border-2);
    --ck-color-toolbar-border: var(--ln-border-2);
    --ck-color-focus-border: var(--ln-accent);
    --ck-color-button-default-hover-background: #f2f2f4;
    --ck-color-button-default-active-background: #ebebee;
    --ck-color-button-on-background: rgba(94, 106, 210, 0.1);
    --ck-color-button-on-hover-background: rgba(94, 106, 210, 0.14);
    --ck-color-button-on-active-background: rgba(94, 106, 210, 0.14);
    --ck-color-button-on-color: var(--ln-accent);
}

textarea#html + .ck.ck-editor .ck.ck-toolbar{
    background: var(--ln-subtle);
}

textarea#html + .ck.ck-editor .ck-editor__main > .ck-editor__editable,
textarea#html + .ck.ck-editor .ck-editor__main > .ck-source-editing-area{
    border-color: var(--ln-border-2);
    border-radius: 0 0 8px 8px;
    box-shadow: none;
}

textarea#html + .ck.ck-editor .ck-editor__main > .ck-editor__editable.ck-focused,
textarea#html + .ck.ck-editor .ck-editor__main > .ck-source-editing-area:focus-within{
    border-color: var(--ln-accent);
    box-shadow: var(--ln-ring);
}

/* Footer */

footer{
    padding: 10px 4px 12px;
    color: var(--ln-text-4);
    font-size: 12px;
}

footer a{
    color: var(--ln-text-3);
}

footer a:hover{
    color: var(--ln-text);
}

#footer-mode .btn{
    width: 28px;
    min-width: 28px;
    height: 26px;
    min-height: 26px;
    padding: 0;
    box-shadow: none;
}

#footer-mode .btn:first-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#footer-mode .btn:last-child{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Login */

#login-form{
    width: 320px;
    padding: 28px 28px 18px;
    background: var(--ln-panel);
    border: 1px solid var(--ln-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(0, 0, 0, 0.06);
}

#login-form h2{
    margin: 0 0 4px;
    font-size: 18px;
}

#login-form h2 .icon-lock{
    display: none;
}

#login-form input.input{
    box-sizing: border-box;
    width: 100%;
    height: 36px;
}

#login-form .login-actions{
    display: flex;
    gap: 8px;
}

#login-form .login-actions .btn{
    flex: 1;
    margin-left: 0 !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

#login-form .recovery{
    color: var(--ln-text-3);
    font-size: 12.5px;
}

/* Wide screens: full-height sidebar with the workspace header on top */

@media (min-width: 980px){
    body{
        padding-top: 8px;
    }

    .navbar-fixed-top{
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        width: var(--ln-sidebar);
        margin: 0;
    }

    .navbar-fixed-top .navbar-inner{
        padding: 10px 10px 0;
        background: transparent;
        border-bottom: 0;
    }

    body > .container-fluid{
        padding-left: var(--ln-sidebar);
        padding-right: 8px;
    }

    .container-fluid > .row-fluid{
        margin-top: 0;
    }

    .container-fluid > .row-fluid > .span2{
        position: fixed;
        top: 90px;
        bottom: 0;
        left: 0;
        flex: none;
        box-sizing: border-box;
        width: var(--ln-sidebar);
        margin: 0;
        padding: 0 10px 16px;
    }

    .container-fluid > .row-fluid > [class*="span"]:not(.span2){
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        min-height: calc(100vh - 60px);
        margin-left: 0;
        box-sizing: border-box;
    }

    .container-fluid > .row-fluid > [class*="span"].span3{ flex-grow: 3; }
    .container-fluid > .row-fluid > [class*="span"].span5{ flex-grow: 5; }
    .container-fluid > .row-fluid > [class*="span"].span7{ flex-grow: 7; }

    .container-fluid > .row-fluid > [class*="span"]:not(.span2) + [class*="span"]{
        margin-left: 8px;
    }

    .container-fluid > .row-fluid > .span10 > table.table{
        width: calc(100% + 64px);
        max-width: none;
        margin-left: -32px;
        margin-right: -32px;
    }

    .container-fluid > .row-fluid > .span10 > table.table th:first-child,
    .container-fluid > .row-fluid > .span10 > table.table td:first-child{
        padding-left: 32px;
    }

    .container-fluid > .row-fluid > .span10 > table.table th:last-child,
    .container-fluid > .row-fluid > .span10 > table.table td:last-child{
        padding-right: 32px;
    }
}

/* Small screens */

@media (max-width: 979px){
    .navbar-fixed-top{
        margin-top: 0;
        margin-bottom: 12px;
    }

    .page-actions-toolbar .page-actions-search .search-query,
    .brands-toolbar .brands-search .search-query{
        width: 100% !important;
        height: 32px;
    }

    .container-fluid{
        padding-left: 12px;
        padding-right: 12px;
    }

    .container-fluid > .row-fluid > .span10{
        padding: 20px 16px 20px;
    }

    .brand-sidebar-panel.sidebar-box.is-open{
        padding: 6px 8px 10px;
        background: var(--ln-panel);
        border: 1px solid var(--ln-border);
        border-radius: 8px;
    }
}

@media (max-width: 767px){
    body{
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-fixed-top{
        margin-left: 0;
        margin-right: 0;
    }
}