/**
 * みまもりポータル スタイル
 */

.mimamori-portal-dashboard,
.mimamori-portal-sites,
.mimamori-portal-site-detail,
.mimamori-portal-tickets,
.mimamori-portal-ticket-single {
	max-width: 1200px;
	margin: 20px auto;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.mimamori-portal-section {
	margin: 20px 0;
	padding: 15px;
	background: #f9f9f9;
	border-left: 4px solid #2271b1;
}

.mimamori-portal-section h3 {
	margin-top: 0;
}

.mimamori-portal-menu {
	list-style: none;
	padding: 0;
}

.mimamori-portal-menu li {
	margin: 10px 0;
}

.mimamori-cancel-notice {
	color: #d63638;
	font-weight: bold;
}

.mimamori-portal-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.mimamori-portal-table th,
.mimamori-portal-table td {
	padding: 10px;
	border: 1px solid #ddd;
	text-align: left;
}

.mimamori-portal-table th {
	background: #f0f0f1;
	font-weight: bold;
}

.mimamori-portal-info-table {
	width: 100%;
	border-collapse: collapse;
}

.mimamori-portal-info-table th,
.mimamori-portal-info-table td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.mimamori-portal-info-table th {
	width: 200px;
	background: #f9f9f9;
	font-weight: bold;
}

.mimamori-status-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
}

.mimamori-status-badge.status-ok {
	background: #00a32a;
	color: #fff;
}

.mimamori-status-badge.status-warning {
	background: #dba617;
	color: #fff;
}

.mimamori-status-badge.status-critical {
	background: #d63638;
	color: #fff;
}

.mimamori-ticket-messages {
	margin: 20px 0;
}

.mimamori-message {
	margin: 15px 0;
	padding: 15px;
	border-radius: 5px;
}

.mimamori-message.customer {
	background: #e7f5fe;
	border-left: 4px solid #2271b1;
}

.mimamori-message.admin {
	background: #f0f6fc;
	border-left: 4px solid #72aee6;
}

.mimamori-message-header {
	margin-bottom: 10px;
	font-weight: bold;
}

.mimamori-message-time {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}

.mimamori-message-body {
	line-height: 1.6;
}

.mimamori-portal-login {
	text-align: center;
	padding: 40px 20px;
	background: #fff;
	border: 1px solid #ddd;
	max-width: 500px;
	margin: 40px auto;
}