.gmbs-dashboard {
	max-width: 1100px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #222;
}

.gmbs-notice {
	padding: 14px 18px;
	background: #fff8e1;
	border: 1px solid #f0d78c;
	border-radius: 6px;
}

.gmbs-toolbar {
	display: flex;
	gap: 10px;
	margin-bottom: 16px;
	align-items: center;
}

.gmbs-toolbar #gmbs-fd-search {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
}

.gmbs-btn {
	padding: 9px 16px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	cursor: pointer;
	font-size: 14px;
}

.gmbs-btn:hover {
	background: #eee;
}

.gmbs-btn-primary {
	background: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.gmbs-btn-primary:hover {
	background: #1a5a8c;
}

.gmbs-btn-small {
	padding: 5px 10px;
	font-size: 12px;
}

.gmbs-btn-danger {
	color: #b32d2e;
	border-color: #e2b3b3;
}

.gmbs-table-wrap {
	border: 1px solid #e2e2e2;
	border-radius: 8px;
}

.gmbs-fd-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 14px;
}

.gmbs-fd-table th,
.gmbs-fd-table td {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gmbs-fd-table th {
	background: #fafafa;
	font-weight: 600;
}

.gmbs-fd-table tbody tr:hover {
	background: #f9fbfd;
}

/* ---------- Business-content column widths (no horizontal scroll) ---------- */
/* Search results: checkbox, Name, Category, Address, Phone, Website, Email, Social, Rating */
.gmbs-fd-table--search th:nth-child(1),
.gmbs-fd-table--search td:nth-child(1) { width: 32px; overflow: visible; }
.gmbs-fd-table--search th:nth-child(2),
.gmbs-fd-table--search td:nth-child(2) { width: 14%; }
.gmbs-fd-table--search th:nth-child(3),
.gmbs-fd-table--search td:nth-child(3) { width: 10%; }
.gmbs-fd-table--search th:nth-child(4),
.gmbs-fd-table--search td:nth-child(4) { width: 19%; }
.gmbs-fd-table--search th:nth-child(5),
.gmbs-fd-table--search td:nth-child(5) { width: 10%; }
.gmbs-fd-table--search th:nth-child(6),
.gmbs-fd-table--search td:nth-child(6) { width: 15%; }
.gmbs-fd-table--search th:nth-child(7),
.gmbs-fd-table--search td:nth-child(7) { width: 12%; }
.gmbs-fd-table--search th:nth-child(8),
.gmbs-fd-table--search td:nth-child(8) { width: 9%; }
.gmbs-fd-table--search th:nth-child(9),
.gmbs-fd-table--search td:nth-child(9) { width: 8%; }

/* Saved Business / Favorites: Name, Category, Address, Phone, Email, Website, Social, Rating, Actions */
.gmbs-fd-table--full th:nth-child(1),
.gmbs-fd-table--full td:nth-child(1) { width: 14%; }
.gmbs-fd-table--full th:nth-child(2),
.gmbs-fd-table--full td:nth-child(2) { width: 9%; }
.gmbs-fd-table--full th:nth-child(3),
.gmbs-fd-table--full td:nth-child(3) { width: 18%; }
.gmbs-fd-table--full th:nth-child(4),
.gmbs-fd-table--full td:nth-child(4) { width: 9%; }
.gmbs-fd-table--full th:nth-child(5),
.gmbs-fd-table--full td:nth-child(5) { width: 13%; }
.gmbs-fd-table--full th:nth-child(6),
.gmbs-fd-table--full td:nth-child(6) { width: 14%; }
.gmbs-fd-table--full th:nth-child(7),
.gmbs-fd-table--full td:nth-child(7) { width: 8%; overflow: visible; }
.gmbs-fd-table--full th:nth-child(8),
.gmbs-fd-table--full td:nth-child(8) { width: 7%; }
.gmbs-fd-table--full th:nth-child(9),
.gmbs-fd-table--full td:nth-child(9) { width: 8%; white-space: nowrap; overflow: visible; text-align: right; }

/* Export History: Export Date, File Name, Rows, Format, Status, Download, Delete */
.gmbs-fd-table--exports th:nth-child(1),
.gmbs-fd-table--exports td:nth-child(1) { width: 20%; }
.gmbs-fd-table--exports th:nth-child(2),
.gmbs-fd-table--exports td:nth-child(2) { width: 28%; }
.gmbs-fd-table--exports th:nth-child(3),
.gmbs-fd-table--exports td:nth-child(3) { width: 10%; }
.gmbs-fd-table--exports th:nth-child(4),
.gmbs-fd-table--exports td:nth-child(4) { width: 12%; }
.gmbs-fd-table--exports th:nth-child(5),
.gmbs-fd-table--exports td:nth-child(5) { width: 15%; }
.gmbs-fd-table--exports th:nth-child(6),
.gmbs-fd-table--exports td:nth-child(6) { width: 8%; text-align: center; overflow: visible; }
.gmbs-fd-table--exports th:nth-child(7),
.gmbs-fd-table--exports td:nth-child(7) { width: 7%; text-align: center; overflow: visible; }

.gmbs-fd-table td a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}

.gmbs-fd-table .gmbs-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
}

@media (max-width: 700px) {
	.gmbs-fd-table th,
	.gmbs-fd-table td {
		font-size: 12.5px;
		padding: 8px 6px;
	}
}

.gmbs-loading {
	text-align: center;
	color: #777;
}

.gmbs-pagination {
	margin-top: 14px;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.gmbs-page-btn {
	padding: 6px 12px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
}

.gmbs-page-current {
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
}

.gmbs-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.gmbs-modal {
	background: #fff;
	padding: 24px;
	border-radius: 10px;
	width: 90%;
	max-width: 480px;
	max-height: 85vh;
	overflow-y: auto;
}

.gmbs-modal h3 {
	margin-top: 0;
}

.gmbs-fd-section-title {
	margin: 18px 0 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #777;
}

.gmbs-field {
	margin-bottom: 12px;
}

.gmbs-field label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.gmbs-field input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}

.gmbs-field input[type="checkbox"] {
	width: auto;
	box-sizing: content-box;
	vertical-align: middle;
}

.gmbs-field-desc {
	margin: 6px 0 0;
	font-size: 12px;
	color: #666;
}

.gmbs-tabs {
	display: flex;
	gap: 4px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
}

.gmbs-tab-btn {
	padding: 10px 16px;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #555;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.gmbs-tab-btn:hover {
	color: #2271b1;
}

.gmbs-tab-btn.is-active {
	color: #2271b1;
	border-bottom-color: #2271b1;
}

.gmbs-tab-panel .gmbs-field {
	max-width: 480px;
}

.gmbs-tab-intro {
	color: #555;
	font-size: 13px;
	margin-top: 0;
	max-width: 720px;
}

.gmbs-modal-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
}

.gmbs-status {
	font-size: 13px;
	color: #555;
	margin-right: auto;
}

/* =====================================================================
   Dashboard v2 — sidebar + topbar layout, styled after the product's
   design reference. Everything below is scoped under .gmbs-dash2 so it
   can never leak into the surrounding WordPress theme.
   ===================================================================== */
.gmbs-dash2{
	--gmbs-navy:#0b1220;
	--gmbs-navy-2:#0f1830;
	--gmbs-navy-border:#1c2740;
	--gmbs-bg:#f5f7fb;
	--gmbs-card:#ffffff;
	--gmbs-border:#e8ebf1;
	--gmbs-text:#111827;
	--gmbs-text-soft:#6b7280;
	--gmbs-text-faint:#9aa3b2;
	--gmbs-blue:#3b6cf6;
	--gmbs-blue-soft:#eaf0ff;
	--gmbs-green:#22b573;
	--gmbs-green-soft:#e7f8ef;
	--gmbs-purple:#8b6cf0;
	--gmbs-purple-soft:#f1ecfd;
	--gmbs-orange:#f5a24b;
	--gmbs-orange-soft:#fdf1e3;
	--gmbs-red:#e5484d;
	--gmbs-red-soft:#fdeceb;

	max-width: none;
	margin: 0;
	font-family: "Inter","Segoe UI",system-ui,-apple-system,sans-serif;
	color: var(--gmbs-text);
	background: var(--gmbs-bg);
	display: flex;
	align-items: stretch;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid var(--gmbs-border);
	min-height: 640px;
}
.gmbs-dash2 *{ box-sizing: border-box; }
.gmbs-dash2 a{ text-decoration: none; color: inherit; }

/* ---------- Sidebar ---------- */
.gmbs-sidebar{
	width: 230px;
	flex-shrink: 0;
	background: var(--gmbs-navy);
	color: #cbd3e6;
	display: flex;
	flex-direction: column;
	padding: 20px 14px;
}
.gmbs-brand{ display:flex; align-items:center; gap:10px; padding:6px 8px 22px 8px; }
.gmbs-brand-icon{ width:30px; height:30px; background:var(--gmbs-blue); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.gmbs-brand-icon svg{ width:16px; height:16px; }
.gmbs-brand-name{ font-weight:700; font-size:15.5px; color:#fff; line-height:1.1; }
.gmbs-brand-name span{ display:block; font-weight:600; font-size:10.5px; color:#7f8bab; letter-spacing:.04em; }

.gmbs-nav-section-label{ font-size:10.5px; letter-spacing:.09em; color:#5b6785; font-weight:700; margin:16px 10px 6px; }
.gmbs-nav-item{
	display:flex; align-items:center; gap:10px;
	padding:8.5px 10px; border-radius:8px;
	font-size:13.5px; color:#aab3c9; cursor:pointer; margin-bottom:1px;
	position:relative;
}
.gmbs-nav-item svg{ width:16px; height:16px; flex-shrink:0; opacity:.85; }
.gmbs-nav-item:hover{ background:#141d33; color:#e6ebf7; }
.gmbs-nav-item.is-active{ background:var(--gmbs-blue); color:#fff; font-weight:600; }
.gmbs-nav-item.is-active svg{ opacity:1; }
.gmbs-nav-dot{ margin-left:auto; width:6px; height:6px; border-radius:50%; background:#5b6785; flex-shrink:0; }

.gmbs-sidebar-spacer{ flex:1; }

.gmbs-plan-card{ background:#131c33; border:1px solid var(--gmbs-navy-border); border-radius:12px; padding:14px; margin:10px 4px 14px; }
.gmbs-plan-card-top{ display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-bottom:6px; }
.gmbs-plan-card-top strong{ color:#fff; font-size:13px; }
.gmbs-plan-usage-label{ font-size:12px; color:#9aa3b8; }
.gmbs-plan-usage-label b{ color:#dfe4f0; }
.gmbs-footer-note{ font-size:11px; color:#5b6785; padding:0 6px; line-height:1.5; }

/* ---------- Main ---------- */
.gmbs-main{ flex:1; min-width:0; padding:22px 30px 40px; }
.gmbs-topbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.gmbs-page-title{ font-size:19px; font-weight:700; color:var(--gmbs-text); }
.gmbs-page-sub{ font-size:12.5px; color:var(--gmbs-text-soft); margin-top:1px; }
.gmbs-topbar-right{ display:flex; align-items:center; gap:16px; }
.gmbs-user-chip{ display:flex; align-items:center; gap:9px; }
.gmbs-avatar{ width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#5b7cfa,#8b6cf0); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:13px; }
.gmbs-user-name{ font-size:13px; font-weight:600; color:var(--gmbs-text); line-height:1.2; }
.gmbs-user-plan{ font-size:11px; color:var(--gmbs-text-faint); }

.gmbs-tab-panel{ }

/* ---------- Stat cards ---------- */
.gmbs-stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:22px; }
.gmbs-stat-card{ background:var(--gmbs-card); border:1px solid var(--gmbs-border); border-radius:14px; padding:18px; box-shadow:0 1px 2px rgba(16,24,40,.03); }
.gmbs-stat-top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.gmbs-stat-icon{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.gmbs-stat-icon svg{ width:18px; height:18px; }
.gmbs-stat-label{ font-size:13px; color:var(--gmbs-text-soft); font-weight:500; }
.gmbs-stat-value{ font-size:26px; font-weight:700; color:var(--gmbs-text); margin-bottom:5px; }
.gmbs-stat-delta{ font-size:12px; font-weight:600; color:var(--gmbs-green); }
.gmbs-stat-delta.gmbs-muted{ color:var(--gmbs-text-faint); font-weight:500; }

/* ---------- Panels ---------- */
.gmbs-panel-row{ display:grid; grid-template-columns:1.65fr 1fr; gap:18px; margin-bottom:18px; }
.gmbs-panel{ background:var(--gmbs-card); border:1px solid var(--gmbs-border); border-radius:14px; padding:20px; box-shadow:0 1px 2px rgba(16,24,40,.03); }
.gmbs-panel-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; gap:10px; }
.gmbs-panel-title{ font-size:15px; font-weight:700; color:var(--gmbs-text); }
.gmbs-view-all{ font-size:12.5px; color:var(--gmbs-blue); font-weight:600; }
.gmbs-live-tag{ font-size:11px; font-weight:700; color:var(--gmbs-green); background:var(--gmbs-green-soft); padding:3px 9px; border-radius:20px; }
.gmbs-badge-soon{ font-size:11px; font-weight:700; color:var(--gmbs-text-soft); background:var(--gmbs-bg); border:1px solid var(--gmbs-border); padding:3px 9px; border-radius:20px; white-space:nowrap; }

.gmbs-chart-wrap{ height:230px; position:relative; }
.gmbs-donut-wrap{ display:flex; gap:22px; align-items:center; }
.gmbs-donut-canvas-box{ position:relative; width:150px; height:150px; flex-shrink:0; }
.gmbs-donut-center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.gmbs-donut-center .num{ font-size:20px; font-weight:700; color:var(--gmbs-text); }
.gmbs-donut-center .lbl{ font-size:11px; color:var(--gmbs-text-faint); }
.gmbs-legend{ flex:1; }
.gmbs-legend-row{ display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--gmbs-text); padding:6px 0; }
.gmbs-legend-name{ display:flex; align-items:center; gap:8px; }
.gmbs-dot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.gmbs-legend-pct{ color:var(--gmbs-text-soft); font-weight:600; }

/* ---------- Tables ---------- */
.gmbs-table-row-panels{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.gmbs-dash2 table{ width:100%; border-collapse:collapse; }
.gmbs-dash2 th{ text-align:left; font-size:11.5px; color:var(--gmbs-text-faint); font-weight:600; padding:0 6px 10px; border-bottom:1px solid var(--gmbs-border); }
.gmbs-dash2 td{ font-size:13px; color:var(--gmbs-text); padding:11px 6px; border-bottom:1px solid var(--gmbs-border); }
.gmbs-dash2 tr:last-child td{ border-bottom:none; }
.gmbs-status-pill{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; padding:4px 9px; border-radius:20px; }
.gmbs-status-pill.completed{ background:var(--gmbs-green-soft); color:var(--gmbs-green); }
.gmbs-status-pill.running{ background:var(--gmbs-blue-soft); color:var(--gmbs-blue); }
.gmbs-status-pill.failed{ background:var(--gmbs-red-soft); color:var(--gmbs-red); }
.gmbs-businesses-panel table{ width:100%; table-layout:fixed; }
.gmbs-businesses-panel th,
.gmbs-businesses-panel td{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gmbs-recent-table th:nth-child(1),
.gmbs-recent-table td:nth-child(1){ width:24%; }
.gmbs-recent-table th:nth-child(2),
.gmbs-recent-table td:nth-child(2){ width:18%; }
.gmbs-recent-table th:nth-child(3),
.gmbs-recent-table td:nth-child(3){ width:28%; }
.gmbs-recent-table th:nth-child(4),
.gmbs-recent-table td:nth-child(4){ width:20%; }
.gmbs-recent-table th:nth-child(5),
.gmbs-recent-table td:nth-child(5){ width:10%; }
.gmbs-sample-note{ margin:12px 0 0; font-size:11.5px; color:var(--gmbs-text-faint); }

/* ---------- Empty / coming-soon panels ---------- */
.gmbs-empty-panel{ text-align:center; padding:56px 24px; }
.gmbs-empty-icon{ width:52px; height:52px; margin:0 auto 14px; border-radius:50%; background:var(--gmbs-blue-soft); color:var(--gmbs-blue); display:flex; align-items:center; justify-content:center; }
.gmbs-empty-icon svg{ width:24px; height:24px; }
.gmbs-empty-panel h3{ margin:0 0 8px; font-size:16px; color:var(--gmbs-text); }
.gmbs-empty-panel p{ margin:0 0 14px; font-size:13px; color:var(--gmbs-text-soft); max-width:420px; margin-left:auto; margin-right:auto; line-height:1.5; }

/* ---------- Reuse existing component styles inside the new shell ---------- */
.gmbs-dash2 .gmbs-btn{ padding:9px 16px; border-radius:8px; border:1px solid var(--gmbs-border); background:#fff; cursor:pointer; font-size:13px; font-weight:600; color:var(--gmbs-text); }
.gmbs-dash2 .gmbs-btn:hover{ background:var(--gmbs-bg); }
.gmbs-dash2 .gmbs-btn-primary{ background:var(--gmbs-blue); border-color:var(--gmbs-blue); color:#fff; }
.gmbs-dash2 .gmbs-btn-primary:hover{ background:#2f5ad9; }
.gmbs-dash2 .gmbs-btn-small{ padding:5px 10px; font-size:12px; }
.gmbs-dash2 .gmbs-btn-danger{ color:#b32d2e; border-color:#e2b3b3; }
.gmbs-dash2 .gmbs-toolbar #gmbs-fd-search{ flex:1; padding:10px 12px; border:1px solid var(--gmbs-border); border-radius:8px; font-size:13px; }
.gmbs-dash2 .gmbs-table-wrap{ border:1px solid var(--gmbs-border); border-radius:10px; }
.gmbs-dash2 .gmbs-fd-table th{ background:var(--gmbs-bg); }
.gmbs-dash2 .gmbs-fd-table tbody tr:hover{ background:#f9fbfd; }
.gmbs-dash2 .gmbs-page-btn{ padding:6px 12px; border:1px solid var(--gmbs-border); background:#fff; border-radius:6px; cursor:pointer; }
.gmbs-dash2 .gmbs-page-current{ background:var(--gmbs-blue); color:#fff; border-color:var(--gmbs-blue); }
.gmbs-dash2 .gmbs-field input{ border-color:var(--gmbs-border); border-radius:8px; }
.gmbs-dash2 .gmbs-tab-intro{ max-width:none; }

@media (max-width:1200px){
	.gmbs-stat-grid{ grid-template-columns:repeat(2,1fr); }
	.gmbs-panel-row, .gmbs-table-row-panels{ grid-template-columns:1fr; }
}
@media (max-width:860px){
	.gmbs-dash2{ flex-direction:column; }
	.gmbs-sidebar{ width:100%; height:auto; flex-direction:row; flex-wrap:wrap; }
	.gmbs-sidebar-spacer{ display:none; }
	.gmbs-plan-card, .gmbs-footer-note{ display:none; }
	.gmbs-stat-grid{ grid-template-columns:1fr 1fr; }
}

/* ---- Favorite Business star ---- */
.gmbs-btn-fav{ color:var(--gmbs-text-faint); font-size:15px; line-height:1; padding:5px 9px; }
.gmbs-btn-fav.is-favorite{ color:var(--gmbs-orange); border-color:var(--gmbs-orange); background:var(--gmbs-orange-soft); }

/* ---- Email column -> Email Inbox compose link ---- */
.gmbs-email-link{ color:var(--gmbs-blue); text-decoration:none; }
.gmbs-email-link:hover{ text-decoration:underline; }

/* ---- Email Inbox tab ---- */
.gmbs-muted{ color:var(--gmbs-text-faint); }
.gmbs-inbox-setup-row{ display:flex; gap:8px; }
.gmbs-inbox-setup-row input{ flex:1; }

/* Mail-client layout: folder sidebar + message list + reading/compose pane.
   Colors reuse the --gmbs-* tokens defined above so it always renders as a
   light theme, in step with the rest of the dashboard. */
.gmbs-mail{
	display:flex;
	gap:16px;
	align-items:stretch;
	min-height:600px;
}

.gmbs-mail-sidebar{
	flex:0 0 200px;
	display:flex;
	flex-direction:column;
	gap:16px;
	background:var(--gmbs-card);
	border:1px solid var(--gmbs-border);
	border-radius:14px;
	padding:16px 14px;
}

.gmbs-mail-compose-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	padding:11px 14px;
	border-radius:10px;
	font-weight:600;
}

.gmbs-mail-folders{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }

.gmbs-mail-folder{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:9px 12px;
	border-radius:8px;
	font-size:14px;
	color:var(--gmbs-text-soft);
	cursor:pointer;
}

.gmbs-mail-folder:hover{ background:var(--gmbs-bg); color:var(--gmbs-text); }

.gmbs-mail-folder.is-active{
	background:var(--gmbs-blue-soft);
	color:var(--gmbs-blue);
	font-weight:600;
}

.gmbs-mail-folder-count{
	font-size:11px;
	font-weight:700;
	background:var(--gmbs-blue);
	color:#fff;
	border-radius:20px;
	padding:1px 7px;
	min-width:8px;
	text-align:center;
}

.gmbs-mail-address-box{
	margin-top:auto;
	background:var(--gmbs-bg);
	border:1px solid var(--gmbs-border);
	border-radius:10px;
	padding:12px;
	font-size:12.5px;
	display:flex;
	flex-direction:column;
	gap:5px;
	word-break:break-word;
}

.gmbs-mail-address-label{ color:var(--gmbs-text-faint); text-transform:uppercase; letter-spacing:.03em; font-size:10.5px; }
#gmbs-inbox-address-value{ color:var(--gmbs-blue); }

.gmbs-mail-list-pane{
	flex:0 0 320px;
	display:flex;
	flex-direction:column;
	background:var(--gmbs-card);
	border:1px solid var(--gmbs-border);
	border-radius:14px;
	overflow:hidden;
}

.gmbs-mail-list-toolbar{
	display:flex;
	align-items:center;
	gap:8px;
	padding:12px;
	border-bottom:1px solid var(--gmbs-border);
	flex:0 0 auto;
}

.gmbs-mail-search-wrap{
	flex:1;
	display:flex;
	align-items:center;
	gap:6px;
	background:var(--gmbs-bg);
	border:1px solid var(--gmbs-border);
	border-radius:8px;
	padding:6px 10px;
}

.gmbs-mail-search-wrap .dashicons{ font-size:16px; width:16px; height:16px; color:var(--gmbs-text-faint); }

.gmbs-mail-search-wrap input{
	border:none;
	background:none;
	outline:none;
	font-size:13px;
	width:100%;
	color:var(--gmbs-text);
}

.gmbs-mail-icon-btn{
	flex:0 0 auto;
	width:34px;
	height:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid var(--gmbs-border);
	background:var(--gmbs-card);
	border-radius:8px;
	color:var(--gmbs-text-soft);
	cursor:pointer;
}

.gmbs-mail-icon-btn:hover{ background:var(--gmbs-bg); }

.gmbs-mail-list{ flex:1; overflow-y:auto; }

.gmbs-mail-list .gmbs-loading{ padding:16px; color:var(--gmbs-text-faint); font-size:13px; }

.gmbs-mail-item{
	display:flex;
	gap:10px;
	padding:12px 14px;
	border-bottom:1px solid var(--gmbs-border);
	cursor:pointer;
}

.gmbs-mail-item:hover{ background:var(--gmbs-bg); }
.gmbs-mail-item.is-active{ background:var(--gmbs-blue-soft); }

.gmbs-mail-avatar{
	flex:0 0 34px;
	width:34px;
	height:34px;
	border-radius:50%;
	background:var(--gmbs-blue);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
}

.gmbs-mail-item-main{ flex:1; min-width:0; }

.gmbs-mail-item-top{
	display:flex;
	justify-content:space-between;
	gap:8px;
	font-size:13.5px;
	font-weight:600;
	color:var(--gmbs-text);
}

.gmbs-mail-item-name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gmbs-mail-item-date{ flex:0 0 auto; font-weight:500; color:var(--gmbs-text-faint); font-size:11.5px; white-space:nowrap; }

.gmbs-mail-item-subject{
	font-size:13px;
	color:var(--gmbs-text);
	margin-top:2px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.gmbs-mail-item-preview{
	font-size:12px;
	color:var(--gmbs-text-faint);
	margin-top:2px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.gmbs-mail-reading-pane{
	flex:1;
	min-width:0;
	background:var(--gmbs-card);
	border:1px solid var(--gmbs-border);
	border-radius:14px;
	padding:24px 28px;
	overflow-y:auto;
}

.gmbs-mail-empty-state{
	height:100%;
	min-height:400px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10px;
	color:var(--gmbs-text-faint);
	text-align:center;
}

.gmbs-mail-empty-state .dashicons{ font-size:38px; width:38px; height:38px; }
.gmbs-mail-empty-state p{ max-width:260px; font-size:13.5px; }

.gmbs-mail-read-toolbar{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }

.gmbs-mail-tool-btn{
	display:flex;
	align-items:center;
	gap:6px;
	border:1px solid var(--gmbs-border);
	background:var(--gmbs-card);
	border-radius:8px;
	padding:8px 12px;
	font-size:13px;
	font-weight:500;
	color:var(--gmbs-text-soft);
	cursor:pointer;
}

.gmbs-mail-tool-btn:hover{ background:var(--gmbs-bg); color:var(--gmbs-text); }
.gmbs-mail-tool-btn .dashicons{ font-size:16px; width:16px; height:16px; }

.gmbs-mail-read-subject{ font-size:21px; font-weight:700; margin:0 0 18px; color:var(--gmbs-text); }

.gmbs-mail-read-meta{
	display:flex;
	align-items:center;
	gap:12px;
	padding-bottom:18px;
	border-bottom:1px solid var(--gmbs-border);
	margin-bottom:20px;
}

.gmbs-mail-read-meta .gmbs-mail-avatar{ flex:0 0 40px; width:40px; height:40px; font-size:15px; }
.gmbs-mail-read-meta-text{ flex:1; min-width:0; }
.gmbs-mail-read-name{ font-weight:600; color:var(--gmbs-text); font-size:14.5px; }
.gmbs-mail-read-addrs{ font-size:12.5px; color:var(--gmbs-text-faint); margin-top:2px; }
.gmbs-mail-read-date{ flex:0 0 auto; font-size:12.5px; color:var(--gmbs-text-faint); white-space:nowrap; }

.gmbs-mail-read-body{
	font-size:14.5px;
	line-height:1.75;
	color:var(--gmbs-text);
	white-space:pre-wrap;
	word-wrap:break-word;
}

.gmbs-mail-compose .gmbs-field{ max-width:none; }
.gmbs-mail-compose textarea{
	width:100%;
	padding:10px 12px;
	border:1px solid var(--gmbs-border);
	border-radius:8px;
	box-sizing:border-box;
	font-family:inherit;
	font-size:14px;
	resize:vertical;
}

@media (max-width: 960px){
	.gmbs-mail{ flex-direction:column; min-height:0; }
	.gmbs-mail-sidebar{ flex:0 0 auto; flex-direction:row; flex-wrap:wrap; align-items:center; }
	.gmbs-mail-compose-btn{ width:auto; }
	.gmbs-mail-folders{ flex-direction:row; flex-wrap:wrap; }
	.gmbs-mail-address-box{ margin-top:0; flex:1 1 100%; }
	.gmbs-mail-list-pane{ flex:0 0 auto; max-height:320px; }
	.gmbs-mail-reading-pane{ min-height:320px; }
}