.moodfactor-panel {
	max-width: 820px;
	margin: 0 auto;
	font-family: Tahoma, 'Segoe UI', sans-serif;
	color: #23202b;
}

.moodfactor-panel h2, .moodfactor-panel h3 {
	margin: 22px 0 10px;
	font-weight: 800;
	letter-spacing: -.01em;
}
.moodfactor-panel h2 { font-size: 20px; }
.moodfactor-panel h3 { font-size: 15px; color: #444; }

.moodfactor-panel input[type="text"],
.moodfactor-panel input[type="email"],
.moodfactor-panel input[type="number"],
.moodfactor-panel select,
.moodfactor-panel textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid #e4e2ea;
	background: #fbfaFD;
	border-radius: 10px;
	font-family: inherit;
	font-size: 14px;
	margin-bottom: 10px;
	box-sizing: border-box;
	transition: border-color .15s;
}
.moodfactor-panel input:focus,
.moodfactor-panel select:focus,
.moodfactor-panel textarea:focus {
	outline: none;
	border-color: #a78bfa;
	background: #fff;
}

.moodfactor-btn {
	display: inline-block;
	padding: 11px 22px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	font-family: inherit;
	text-decoration: none;
	transition: transform .1s, box-shadow .15s;
}
.moodfactor-btn:active { transform: scale(0.98); }

.moodfactor-btn-primary { background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; box-shadow: 0 4px 14px rgba(109,40,217,0.25); }
.moodfactor-btn-ghost { background: #f1f0f5; color: #333; }
.moodfactor-btn-sm { padding: 6px 14px; font-size: 12.5px; }

.moodfactor-message {
	padding: 12px 16px;
	border-radius: 10px;
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.9;
}
.moodfactor-message.is-success { background: #e7f9ef; color: #067a3f; }
.moodfactor-message.is-error { background: #fdeaea; color: #b3231c; }

/* Account bar */
.moodfactor-account-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f6f4fc;
	border-radius: 12px;
	padding: 12px 18px;
	margin-bottom: 22px;
	font-size: 13.5px;
	color: #555;
}

/* Login gate */
.moodfactor-login-box {
	max-width: 380px;
	margin: 40px auto;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 6px 24px rgba(20,15,40,0.06);
	text-align: center;
}
.moodfactor-login-box h2 { margin-top: 0; }
.moodfactor-login-box form p { text-align: right; }
.moodfactor-login-box input[type="submit"] {
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(135deg, #7c3aed, #6d28d9);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	margin-top: 6px;
}
.moodfactor-login-box .description { margin-top: 14px; font-size: 13px; }
.moodfactor-login-box .description a { color: #6d28d9; }

/* Tabs (CSS-only, radio-driven) */
.moodfactor-tabs input[type="radio"] { display: none; }
.moodfactor-tab-nav { display: flex; gap: 4px; margin-bottom: 22px; border-bottom: 1px solid #eee; }
.moodfactor-tab-nav label {
	padding: 10px 18px;
	cursor: pointer;
	font-weight: 700;
	font-size: 13.5px;
	color: #999;
	border-bottom: 2px solid transparent;
	transition: color .15s;
}
.moodfactor-tab-panel { display: none; }
#mf-tab-new:checked ~ .moodfactor-tab-nav label[for="mf-tab-new"],
#mf-tab-list:checked ~ .moodfactor-tab-nav label[for="mf-tab-list"],
#mf-tab-report:checked ~ .moodfactor-tab-nav label[for="mf-tab-report"],
#mf-tab-customers:checked ~ .moodfactor-tab-nav label[for="mf-tab-customers"],
#mf-tab-orders:checked ~ .moodfactor-tab-nav label[for="mf-tab-orders"],
#mf-ctab-orders:checked ~ .moodfactor-tab-nav label[for="mf-ctab-orders"],
#mf-ctab-neworder:checked ~ .moodfactor-tab-nav label[for="mf-ctab-neworder"] {
	color: #6d28d9;
	border-bottom-color: #6d28d9;
}
#mf-tab-new:checked ~ #panel-new,
#mf-tab-list:checked ~ #panel-list,
#mf-tab-report:checked ~ #panel-report,
#mf-tab-customers:checked ~ #panel-customers,
#mf-tab-orders:checked ~ #panel-orders,
#mf-ctab-orders:checked ~ #cpanel-orders,
#mf-ctab-neworder:checked ~ #cpanel-neworder {
	display: block;
}

.mf-reset-link-box { margin-top: 6px; }
.mf-reset-link-box input, .mf-share-input { font-size: 12px; background: #f6f4fc; }
.mf-share-row td { padding-top: 0 !important; padding-bottom: 14px !important; border-bottom: none !important; }

.mf-item-row {
	display: grid;
	grid-template-columns: 2fr 90px 100px 70px;
	gap: 8px;
	align-items: center;
}

.moodfactor-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
}
.moodfactor-table th {
	padding: 10px 12px;
	text-align: right;
	font-size: 12.5px;
	color: #888;
	background: #faf9fd;
	font-weight: 700;
}
.moodfactor-table td {
	padding: 12px;
	border-bottom: 1px solid #f2f0f7;
	text-align: right;
	font-size: 14px;
}
.moodfactor-table tbody tr:hover td { background: #fbfaFD; }

.moodfactor-badge {
	display: inline-block;
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
}

.moodfactor-stat-cards { display: flex; flex-wrap: wrap; gap: 14px; }
.moodfactor-stat-card {
	background: #faf9fd;
	border-radius: 14px;
	padding: 18px 22px;
	min-width: 150px;
	border: 1px solid #f0eefc;
}
.moodfactor-stat-number { font-size: 24px; font-weight: 800; color: #23202b; }
.moodfactor-stat-label { font-size: 12.5px; color: #888; margin-top: 4px; }