@import 'font-awesome.css';
@import 'forms.css';
@import 'circle.css';
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@900&display=swap');
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/0DeoTBMnW4sOpD0Zb8OQSALUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1EqTbJWOZQBfhZ0e3RL9uvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/MZ1aViPqjfvZwVD_tzjjkwLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}


label{margin-right:20px;}


.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }  
.bar { background-color: #48cc48; width:0%; height:20px; border-radius: 3px; }  
.percent { position:absolute; display:inline-block; top:3px; left:48%; }  


body, html{font-family:"Lato",Helvetica,Arial,sans-serif;color:#575c6d;font-weight:400;}
A {text-decoration: none;}
/******************************
***  Helper Styles
********************************/
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
h3{margin:0px;padding:0px;}
h4{margin:0px;padding:0px;padding-top:0px;}
p{margin:0px;padding:0px;font-size:12px;}
.create-client{
	padding:5px 18px;font-size:12px;text-decoration:none;position:relative;background:#324c6e;color:#fff;margin-left:60px;
}
.create-client:hover{background:#6ebddc;}
.d-list{
	padding:5px 18px;font-size:12px;text-decoration:none;position:relative;background:red;color:#fff;margin-left:60px;float:right;margin-right:100px;
}
.next-step{
	padding:5px 18px;font-size:12px;text-decoration:none;position:relative;background:#324c6e;color:#fff;float:left;
}
/******************************
*** New Campaign Builder Styles
********************************/

#camp-header{position:fixed;left:0;right:0;top:0;height:64px;background:#f36531;z-index:99;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.12);}
#nav{float:left;padding:20px 20px 0 0;width:500px;position:relative;left:20px;}
#nav A{color:#fff;padding:3px 12px;font-size:12px;border-right:solid 1px #748697;}
#logout{position:relative;float:right;padding:10px 30px;}
#logout A{color:#fff;}
#left-checklist{position:fixed;width:230px;left:0px;padding:90px 10px 20px;background:#f4f4f4;top:0;bottom:0;border-right:solid 1px #e2e2e2;}


#left-checklist ul {list-style:none;margin:0px;padding:0px;padding-left:15px;font-size:12px;}

#right-form-holder{
	padding:90px 20px 20px;position:relative;margin-left:270px;width:900px;
}

.ds-totemails{
	font-size:12px;float:left;padding:4px;width:90px;
}
.ds-emailssent{
		font-size:12px;float:left;padding:4px;width:90px;
}
.ds-responses{
		font-size:12px;float:left;padding:4px;width:90px;
}
.ds-viewcamp{
	float:right;padding:7px 14px;color:#fff;background:#344e6a;font-size:11px;font-weight:400;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border:solid 1px #ccc;
color:#333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:-3px;
}
.ds-viewcamp:hover{background:#ccc;cursor:pointer;}
.ds-viewcamp2{
	float:left;padding:12px 24px;color:#fff;background:#bb4b23;font-size:14px;margin-right:20px;
}
.ds-viewcamp2:hover{
cursor:pointer;background:#f36531;
}
.ds-viewcamp3{
	float:left;padding:6px 14px;color:#fff;background:#f36531;font-size:12px;margin-right:20px;
}
.ds-viewcamp3:hover{
cursor:pointer;background:#bb4b23;
}
.ds-viewcamp2active{
	background:#f36531 !important;
}

.stat_holder_dash{position:relative;width:80px;float:left;font-size:12px;padding:2px 0px;}
.stat_holder_dash2{position:relative;float:left;font-size:12px;color:blue;padding:2px 0px;}
.stat_holder_dash3{position:relative;width:120px;float:left;font-size:12px;padding:2px 0px;}

.preview_list_lg{width:200px;float:left;font-size:12px;padding:4px;background:#f4f4f4;margin:2px;}
.preview_list_md{width:100px;float:left;font-size:12px;padding:4px;background:#f4f4f4;margin:2px;}
.preview_list_mdd{width:90px;float:left;font-size:12px;padding:4px;background:#f4f4f4;margin:2px;}
.preview_list_sm{width:50px;float:left;font-size:12px;padding:4px;background:#f4f4f4;margin:2px;}

.ds-percentdone{float:right;
	margin-right:-150px;color:#f1633a;border-radius: 50%;
	margin-top:-15px;
	margin-bottom:15px;
    width: 22px;
    height:22px;
    padding: 6px;
	font-weight:100;
/*
    background: #fff;
    border: 1px solid #666;
*/
    text-align: center;
    line-height: 1.5 !important;
    font: 22px Arial, sans-serif;}
    .ds-percentdone2{float:right;
	color:#f1633a;border-radius: 50%;
	margin-top:-15px;
	margin-bottom:15px;
    width: 22px;
    height:22px;
    padding: 6px;
	font-weight:100;
/*
    background: #fff;
    border: 1px solid #666;
*/
    text-align: center;
    line-height: 1.5 !important;
    font: 22px Arial, sans-serif;}
.ds-paused{font-size:12px;background:orange;color:#fff;padding:4px 12px;float:left;margin-right:10px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;}
.ds-active{font-size:12px;background:green;color:#fff;padding:4px 12px;float:left;margin-right:10px;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	display:inline-block;
	}
.ds-off{font-size:12px;background:red;color:#fff;padding:4px 12px;float:left;margin-right:10px;}









.tabs-menu {float: left;clear: both;list-style-type: none;margin-left:0px;padding-left:0px;}
.tabs-menu li {line-height: 30px;float: left;margin-right: 6px; background-color: #f4f4f4;list-style-type: none;padding: 4px 17px;margin-top:8px;border:solid 1px #e0e0e0;}

.tabs-menu li.current {position: relative;background-color: #fff;z-index: 5;border:solid 1px #ccc;background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border:solid 1px #ccc;
}
.tabs-menu li a {color: #9da2b3;text-decoration: none; letter-spacing: 1.25;}

.tabs-menu .current a {color: #575c6c;}
.tab {float: left;margin-bottom: 20px;width: 100%;}

.tab-content {width:100%;display: none;}
#tab-1 {display: block;   }


/* ============================================================
 * Modern UI - header, sidebar cards, buttons, danger zone
 * ============================================================ */

/* Header */
.app-header{position:fixed;top:0;left:0;right:0;height:64px;background:#f36531;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.app-header__inner{display:flex;align-items:center;height:100%;padding:0 24px;}
.app-header__brand{display:flex;align-items:center;text-decoration:none;}
.app-header__brand img{max-height:42px;display:block;}

/* Text wordmark - AUTO (white) + BLASTER (soft peach) on orange header */
.app-brand{font-family:"Geologica","Lato",Helvetica,Arial,sans-serif;font-weight:900;font-stretch:125%;font-size:26px;letter-spacing:-0.03em;line-height:1;text-decoration:none;display:inline-flex;align-items:center;}
.app-brand__auto{color:#ffffff;}
.app-brand__blaster{color:#fcd9bc;}
.app-header__nav{margin-left:32px;flex:1;display:flex;}
.app-header__nav a{color:rgba(255,255,255,0.78);padding:8px 14px;margin-right:4px;font-size:13px;font-weight:500;border-radius:6px;text-decoration:none;transition:background 0.15s ease,color 0.15s ease;letter-spacing:0.01em;}
.app-header__nav a:hover{background:rgba(255,255,255,0.09);color:#fff;}
.app-header__nav a.app-header__nav-cta{background:#fff;color:#f36531;font-weight:700;padding:8px 16px;margin-right:12px;border-radius:6px;letter-spacing:0.02em;}
.app-header__nav a.app-header__nav-cta:hover{background:#fff1ea;color:#f36531;}
.app-header__logout{color:rgba(255,255,255,0.65);font-size:12px;text-decoration:none;padding:7px 14px;border-radius:6px;transition:background 0.15s ease,color 0.15s ease;}
.app-header__logout:hover{background:rgba(255,255,255,0.09);color:#fff;}

/* Sidebar container tweaks */
#left-checklist.sidebar-modern{background:#EAEFEF;padding:84px 14px 30px;overflow-y:auto;border-right:0;}

/* Sidebar cards */
.sidebar-card{background:#fff;border:1px solid #e6e8ed;border-radius:8px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(17,24,39,0.03);}
.sidebar-card__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#003049;margin:0 0 10px 0;padding-bottom:8px;border-bottom:1px solid #f0f1f4;}
.sidebar-card--compact{padding:12px 14px;}

/* Stat rows inside cards */
.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px;}
.stat-row__label{color:#6c757d;font-weight:400;}
.stat-row__value{color:#334d6c;font-weight:600;}
.stat-row__value--muted{color:#8892a0;}

/* Status pill */
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;text-decoration:none;transition:opacity 0.15s ease;}
.status-pill:hover{opacity:0.85;}
.status-pill--active{background:#dcfce7;color:#166534;}
.status-pill--paused{background:#fef3c7;color:#92400e;}
.status-pill--done{background:#e5e7eb;color:#4b5563;}
.status-pill__dot{width:6px;height:6px;border-radius:50%;display:inline-block;}
.status-pill--active .status-pill__dot{background:#22c55e;}
.status-pill--paused .status-pill__dot{background:#f59e0b;}
.status-pill--done .status-pill__dot{background:#6b7280;}
.status-hint{font-size:11px;color:#8892a0;margin-left:8px;}

/* Modern buttons */
.btn{display:inline-block;padding:9px 16px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all 0.15s ease;line-height:1.2;text-align:center;box-sizing:border-box;font-family:inherit;}
.btn:focus{outline:2px solid rgba(243,101,49,0.4);outline-offset:2px;}
.btn-block{display:block;width:100%;}
.btn-block + .btn-block{margin-top:8px;}

.btn-primary{background:#f36531;color:#fff;}
.btn-primary:hover{background:#e0551f;color:#fff;}

.btn-secondary{background:#fff;color:#334d6c;border-color:#d8dce5;}
.btn-secondary:hover{background:#f4f6fa;border-color:#c4cad3;}

.btn-ghost{background:transparent;color:#334d6c;border:1px solid transparent;}
.btn-ghost:hover{background:#f4f6fa;}

.btn-sm{padding:6px 12px;font-size:12px;}

/* Danger zone */
.danger-zone{border:1px solid #f5c2c7;border-radius:8px;padding:12px 14px;background:#fff8f8;margin-top:24px;}
.danger-zone__title{color:#b02a37;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 6px 0;}
.danger-zone__text{font-size:11px;color:#7a5a5e;margin:0 0 10px 0 !important;line-height:1.45;}
.btn-danger-outline{display:block;width:100%;padding:8px;text-align:center;background:#fff;color:#b02a37;border:1px solid #e5b4b8;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:all 0.15s ease;}
.btn-danger-outline:hover{background:#b02a37;color:#fff;border-color:#b02a37;}

/* Progress circle container tweak */
.progress-wrap{display:flex;align-items:center;gap:14px;margin-bottom:6px;}
.progress-wrap .c100{margin:0 !important;flex-shrink:0;}

/* Assigned emails list */
.assigned-emails{font-size:12px;color:#4a5568;line-height:1.6;margin-bottom:10px;word-break:break-all;}
.assigned-emails p{font-size:12px;margin:0;line-height:1.6;}

/* Section separator */
.section-sep{height:1px;background:#e6e8ed;margin:16px 0;border:0;}


/* ============================================================
 * Modern UI - view_campaign tabs, form inputs, test-email card
 * ============================================================ */

/* Campaign title + dealer line */
.campaign-heading{margin:0 0 4px 0;font-size:22px;font-weight:700;color:#2c3e50;}
.campaign-dealer{color:#8892a0;font-size:13px;margin-bottom:18px;}

/* Tab bar */
.tab-bar{display:flex;gap:2px;border-bottom:1px solid #e6e8ed;margin-bottom:20px;}
.tab-bar a, .tab-bar .ds-viewcamp2{
	float:none;display:inline-block;padding:10px 18px;margin:0;
	color:#6c757d;background:transparent;font-size:13px;font-weight:500;
	border:0;border-bottom:2px solid transparent;border-radius:0;
	text-decoration:none;transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease;
	cursor:pointer;
}
.tab-bar a:hover, .tab-bar .ds-viewcamp2:hover{background:transparent;color:#2c3e50;}
.tab-bar .ds-viewcamp2active,
.tab-bar a.ds-viewcamp2active{
	background:transparent !important;color:#f36531 !important;
	border-bottom-color:#f36531;font-weight:600;
}

/* Test email card */
.test-email-card{background:#fafbfc;border:1px solid #e6e8ed;border-radius:8px;padding:14px 18px;box-shadow:0 1px 2px rgba(17,24,39,0.03);display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.test-email-card h3{margin:0;font-size:14px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:0.04em;}
.test-email-card form{margin:0;display:flex;gap:10px;align-items:center;flex:1;flex-wrap:wrap;}
.test-email-card .test-status{color:#c0392b;font-size:12px;}

/* Form inputs (scoped to #template / #settings / test-email / add-client forms) */
form#template input[type="text"],
form#template input[type="email"],
form#template input[type="tel"],
form#template input[type="number"],
form#template select,
form#template textarea,
form#sedntestemail input[type="text"],
form#sedntestemail input[type="email"],
form#settings input[type="text"],
form#newclient input[type="text"],
form#newclient textarea,
form#add_email_camp input[type="text"],
form#add_email_camp input[type="email"]{
	background:#eef4fb;
	border:1px solid #c7d7e5;
	border-radius:6px;
	padding:9px 12px;
	font-size:13px;
	color:#2c3e50;
	font-family:inherit;
	transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease;
	box-sizing:border-box;
}
form#template input[type="text"]:focus,
form#template input[type="email"]:focus,
form#template input[type="tel"]:focus,
form#template input[type="number"]:focus,
form#template select:focus,
form#template textarea:focus,
form#sedntestemail input[type="text"]:focus,
form#sedntestemail input[type="email"]:focus,
form#settings input[type="text"]:focus,
form#newclient input[type="text"]:focus,
form#newclient textarea:focus,
form#add_email_camp input[type="text"]:focus,
form#add_email_camp input[type="email"]:focus{
	outline:none;
	border-color:#f36531;
	box-shadow:0 0 0 3px rgba(243,101,49,0.12);
}

/* Template form labels */
form#template label, form#newclient label, form#settings label{
	display:block;font-size:12px;font-weight:600;color:#334d6c;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:6px;
}
form#template H2{font-size:15px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:0.04em;margin:24px 0 14px 0;padding-bottom:6px;border-bottom:1px solid #e6e8ed;}
form#template H2:first-child{margin-top:0;}

/* Modernized submit buttons (override forms.css) */
form#settings .submit, form#newclient .submit, form#template .submit, form#add_email_camp .submit, form#sedntestemail .submit{
	padding:10px 20px;background:#334d6c;color:#fff;border:0;font-size:13px;font-weight:600;
	border-radius:6px;cursor:pointer;transition:background 0.15s ease;
	font-family:inherit;letter-spacing:0.01em;
}
form#settings .submit:hover, form#newclient .submit:hover, form#template .submit:hover, form#add_email_camp .submit:hover, form#sedntestemail .submit:hover{
	background:#f36531;cursor:pointer;
}

/* Shortcode reference block inside template form */
form#template .shortcode-ref{background:#fafbfc;border:1px solid #e6e8ed;border-radius:8px;padding:14px 16px;font-size:12px;}
form#template .shortcode-ref h2{border:0;margin:0 0 10px 0;padding:0;font-size:12px;color:#8892a0;}


/* ============================================================
 * Dashboard: modern tabs-menu, campaign cards
 * ============================================================ */

/* Override the old chunky gray tab blocks */
.tabs-menu{display:flex;gap:2px;list-style:none;margin:0 0 20px 0;padding:0;border-bottom:1px solid #e6e8ed;float:none;clear:both;}
.tabs-menu li{list-style:none;margin:0;padding:0;background:transparent !important;border:0 !important;line-height:normal;float:none;}
.tabs-menu li a{display:inline-block;padding:10px 18px;color:#6c757d;font-size:13px;font-weight:500;letter-spacing:normal;border-bottom:2px solid transparent;transition:color 0.15s ease,border-color 0.15s ease;text-decoration:none;}
.tabs-menu li:hover a{color:#2c3e50;}
.tabs-menu li.current{background:transparent !important;border:0 !important;}
.tabs-menu li.current a{color:#f36531 !important;font-weight:600;border-bottom-color:#f36531;}

/* Dashboard sidebar tweak: scope the -modern padding to stats cards */
.sidebar-modern h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#8892a0;margin:0 0 14px 0;}

/* Campaign card (dashboard Active Campaigns tab) */
.campaign-card{background:#fff;border:1px solid #e6e8ed;border-radius:8px;margin-bottom:14px;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(17,24,39,0.03);}
.campaign-card__client{background:#fafbfc;padding:8px 16px;font-size:12px;font-weight:600;color:#334d6c;text-transform:uppercase;letter-spacing:0.04em;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4;}
.campaign-card__body{display:flex;align-items:center;gap:18px;padding:14px 16px;}
.campaign-card__progress{flex-shrink:0;}
.campaign-card__info{flex:1;min-width:0;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;}
.campaign-card__title{font-size:15px;font-weight:600;color:#2c3e50;}
.campaign-card__stats{display:flex;flex-wrap:wrap;gap:20px 28px;padding:12px 16px;border-top:1px solid #f0f1f4;background:#fafbfc;}
.stat-mini{font-size:12px;color:#6c757d;}
.stat-mini b{color:#334d6c;font-weight:600;margin-left:4px;font-size:13px;}

/* Complete Campaign List - proper data table */
.campaign-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:1px solid #e6e8ed;border-radius:8px;overflow:hidden;}
.campaign-table thead th{background:#fafbfc;padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#8892a0;border-bottom:1px solid #e6e8ed;}
.campaign-table thead th.col-num{text-align:right;white-space:nowrap;}
.campaign-table thead th.col-action{width:160px;}
.campaign-table td{padding:10px 14px;border-bottom:1px solid #f0f1f4;vertical-align:middle;color:#4a5568;}
.campaign-table tr:last-child td{border-bottom:0;}
.campaign-table tbody tr:hover td{background:#fafbfc;}
.campaign-table .first-of-group td{border-top:1px solid #e6e8ed;}
.campaign-table tbody tr:first-child td{border-top:0;}
.campaign-table .col-num{text-align:right;white-space:nowrap;color:#334d6c;}
.campaign-table .col-num b{font-weight:600;}
.campaign-table .col-client{width:260px;}
.campaign-table .col-action{text-align:right;width:160px;white-space:nowrap;}
.btn-close-mini{color:#b02a37;border-color:#e5b4b8 !important;background:#fff;}
.btn-close-mini:hover{background:#b02a37;color:#fff;border-color:#b02a37 !important;}
.campaign-table .client-name-cell{font-weight:600;color:#2c3e50;font-size:13px;line-height:1.3;}
.campaign-table .client-edit-link{display:inline-block;font-size:11px;color:#8892a0;text-decoration:none;margin-top:2px;}
.campaign-table .client-edit-link:hover{color:#f36531;}
.campaign-table .col-campaign{color:#2c3e50;font-weight:500;}
.campaign-table .col-status{width:110px;}
.campaign-table .col-status .status-pill{font-size:10px;padding:3px 8px;letter-spacing:0.03em;}
.campaign-table .col-nextblast{font-size:11px;color:#6c757d;font-weight:500;white-space:nowrap;}

/* Active Campaigns cards (dashboard tab 1) */
.active-campaign-card{background:#fff;border:1px solid #e6e8ed;border-left-width:6px;border-left-color:#e6e8ed;border-radius:8px;margin-bottom:10px;box-shadow:0 1px 2px rgba(17,24,39,0.03);overflow:hidden;}
.active-campaign-card--active{border-left-color:#22c55e;}
.active-campaign-card--paused{border-left-color:#f59e0b;}
.active-campaign-card__header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;}
.active-campaign-card__client{font-size:14px;font-weight:600;color:#2c3e50;}
.active-campaign-card__sep{color:#c4cad3;}
.active-campaign-card__campaign{font-size:13px;color:#6c757d;font-weight:500;}
.active-campaign-card__actions{margin-left:auto;display:flex;gap:6px;}
.active-campaign-card__stats{display:flex;gap:24px;padding:10px 16px;background:#fafbfc;border-top:1px solid #f0f1f4;flex-wrap:wrap;font-size:12px;color:#6c757d;}
.active-campaign-card__stats .stat-mini b{color:#334d6c;font-weight:600;margin-left:5px;font-size:13px;}

/* Public report.php page */
.report-top{background:#f36531;padding:14px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.12);position:sticky;top:0;z-index:99;}
.report-top__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.report-top__logo{flex-shrink:0;}
.report-top__logo img{display:block;max-height:40px;}
.report-top__form{display:flex;gap:6px;flex:1;min-width:280px;margin:0;}
.report-top__input{flex:1;padding:10px 14px;border:0;border-radius:6px;font-size:13px;background:#fff;color:#2c3e50;outline:none;font-family:inherit;}
.report-top__input:focus{box-shadow:0 0 0 3px rgba(255,255,255,0.35);}
.report-top__form .btn{padding:10px 22px;}
.report-body{max-width:1000px;margin:0 auto;padding:28px 20px 60px;}

/* Report client grouping */
.report-client-group{margin:44px 0 12px 0;padding:0 2px 8px 2px;border-bottom:2px solid #334d6c;}
.report-client-group:first-child{margin-top:0;}
.report-client-group__name{font-size:16px;font-weight:700;color:#2c3e50;letter-spacing:0.01em;font-family:inherit;}
.report-campaign-card{margin-bottom:6px;}
.report-campaign-card .active-campaign-card__header{background:#eaf2fa;}

/* Activity log viewer */
.log-viewer{background:#1e293b;color:#e2e8f0;padding:14px 18px;border-radius:8px;font-family:'Menlo','Monaco','Courier New',monospace;font-size:11px;line-height:1.55;max-height:78vh;overflow:auto;border:1px solid #334155;}
.log-line{padding:8px 0;border-bottom:1px solid rgba(148,163,184,0.18);word-break:break-word;white-space:normal;}
.log-line__msg{white-space:pre-wrap;}
.log-line:last-child{border-bottom:0;}
.log-line__time{display:inline-block;color:#94a3b8;font-weight:600;margin-right:10px;font-size:10px;letter-spacing:0.02em;}
.log-line__msg{color:inherit;}
.log-line--error{color:#fca5a5;}
.log-line--warn{color:#fcd34d;}
.log-line--ok{color:#86efac;}

/* Do Not Email page */
.dne-card{background:#fff;border:1px solid #e6e8ed;border-radius:8px;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(17,24,39,0.03);}
.dne-card__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#8892a0;margin-bottom:12px;}
.dne-card__header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;flex-wrap:wrap;}
.dne-card__header .dne-card__title{margin-bottom:0;}
.dne-add-form{display:flex;gap:8px;margin:0;}
.dne-add-form input[type="text"]{flex:1;padding:9px 12px;background:#eef4fb;border:1px solid #c7d7e5;border-radius:6px;font-size:13px;color:#2c3e50;font-family:inherit;outline:none;}
.dne-add-form input[type="text"]:focus{border-color:#f36531;box-shadow:0 0 0 3px rgba(243,101,49,0.12);}
.dne-add-form .submit{padding:9px 18px;background:#334d6c;color:#fff;border:0;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.dne-add-form .submit:hover{background:#f36531;}

.dne-search{flex:1;min-width:240px;padding:8px 12px;background:#eef4fb;border:1px solid #c7d7e5;border-radius:6px;font-size:13px;color:#2c3e50;font-family:inherit;outline:none;}
.dne-search:focus{border-color:#f36531;box-shadow:0 0 0 3px rgba(243,101,49,0.12);}
.dne-search-meta{font-size:11px;color:#8892a0;padding:4px 2px 8px 2px;}
.dne-list{max-height:600px;overflow-y:auto;border-top:1px solid #f0f1f4;}
.dne-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid #f0f1f4;font-size:13px;}
.dne-row:last-child{border-bottom:0;}
.dne-row:hover{background:#fafbfc;}
.dne-row__email{color:#2c3e50;word-break:break-all;}
.dne-row__remove{font-size:11px;color:#b02a37;text-decoration:none;padding:4px 10px;border:1px solid #e5b4b8;border-radius:5px;background:#fff;font-weight:600;flex-shrink:0;margin-left:12px;}
.dne-row__remove:hover{background:#b02a37;color:#fff;border-color:#b02a37;}
.dne-empty{text-align:center;padding:30px;color:#8892a0;font-size:13px;}

/* Template Review page - paired sales + manager rows */
.tmpl-page{max-width:1400px;margin:0 auto;padding:84px 24px 60px;}
.tmpl-header h2{margin:0 0 6px 0;font-size:22px;font-weight:700;color:#2c3e50;}
.tmpl-header p{font-size:13px;color:#6c757d;margin:0 0 18px 0;max-width:720px;line-height:1.5;}
.tmpl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 16px;background:#fff;border:1px solid #e6e8ed;border-radius:8px;margin-bottom:20px;}
.tmpl-toolbar__count{font-size:13px;color:#6c757d;}
.tmpl-toolbar__count b{color:#2c3e50;font-size:15px;font-weight:700;margin-right:4px;}
.tmpl-toolbar__sort{display:flex;align-items:center;gap:6px;}
.tmpl-toolbar__label{font-size:12px;color:#8892a0;margin-right:4px;}
.tmpl-sort-btn{display:inline-block;padding:6px 12px;font-size:12px;font-weight:600;color:#6c757d;background:#fafbfc;border:1px solid #e6e8ed;border-radius:6px;text-decoration:none;transition:all 0.12s ease;}
.tmpl-sort-btn:hover{background:#f4f6fa;color:#334d6c;border-color:#d8dce5;}
.tmpl-sort-btn--active{background:#334d6c;color:#fff;border-color:#334d6c;}
.tmpl-sort-btn--active:hover{background:#334d6c;color:#fff;border-color:#334d6c;}

.tmpl-pair{background:#fff;border:1px solid #e6e8ed;border-radius:10px;margin-bottom:14px;box-shadow:0 1px 2px rgba(17,24,39,0.03);overflow:hidden;}
.tmpl-pair__header{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#EAEFEF;border-bottom:1px solid #f0f1f4;}
.tmpl-pair__circle{width:64px;height:64px;border-radius:50%;border:3px solid #334d6c;background:#fff;color:#334d6c;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-align:center;line-height:1;}
.tmpl-pair__meta{font-size:12px;color:#6c757d;}
.tmpl-pair__meta b{color:#334d6c;font-weight:600;}
.tmpl-pair__body{display:grid;grid-template-columns:1fr 1fr;gap:0;}
@media(max-width:900px){.tmpl-pair__body{grid-template-columns:1fr;}}
.tmpl-pair__col{padding:14px 18px;}
.tmpl-pair__col + .tmpl-pair__col{border-left:1px solid #f0f1f4;}
@media(max-width:900px){.tmpl-pair__col + .tmpl-pair__col{border-left:0;border-top:1px solid #f0f1f4;}}
.tmpl-pair__col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#003049;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f0f1f4;}
.tmpl-pair__text{font-size:12px;color:#4a5568;line-height:1.55;white-space:normal;word-break:break-word;max-height:320px;overflow-y:auto;padding-right:4px;}
.tmpl-shortcode{color:#dc2626;font-weight:600;background:#fff1f2;padding:1px 4px;border-radius:3px;}
.tmpl-empty{background:#fff;border:1px solid #e6e8ed;border-radius:8px;padding:40px;text-align:center;color:#8892a0;font-size:13px;}

/* DNE link in sidebar */
.sidebar-dne-link{display:block;text-align:center;margin-top:6px;}