/* Basic admin styles for SR Tables */
.sr-tables-admin .form-table th { width: 140px; }
.sr-builder-table td{min-width:80px}
.sr-wysiwyg-toolbar-row{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:8px;
	align-items:center;
}

.sr-wysiwyg-toolbar-group{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:center;
	padding:8px;
	border:1px solid #dcdcde;
	background:#fff;
	border-radius:4px;
}

.sr-wysiwyg-toolbar-group label{
	display:inline-flex;
	align-items:center;
	gap:6px;
}

.sr-wysiwyg-toolbar-group .sr-wysiwyg-unit{
	margin-left:-2px;
}

.sr-wysiwyg-toolbar-group input[type="text"],
.sr-wysiwyg-toolbar-group input[type="number"],
.sr-wysiwyg-toolbar-group select{
	width:92px;
}

.sr-wysiwyg-help{
	margin:0 0 12px;
}

.sr-wysiwyg-workspace{
	display:grid;
	grid-template-columns:minmax(0, 2fr) minmax(280px, 360px);
	gap:16px;
	align-items:start;
}

.sr-wysiwyg-canvas{
	min-width:0;
}

.sr-wysiwyg-stage{
	overflow:auto;
	padding:12px;
	border:1px solid #dcdcde;
	background:#fff;
	min-height:240px;
}

.sr-wysiwyg-stage table{
	margin:0;
}

.sr-wysiwyg-stage .sr-wysiwyg-table{
	border-collapse:separate;
	border-spacing:0;
	background:transparent;
	max-width:none;
}

.sr-wysiwyg-stage .sr-wysiwyg-table td,
.sr-wysiwyg-stage .sr-wysiwyg-table th{
	min-width:80px;
	padding:8px;
	border:1px solid #dcdcde;
	background:transparent;
}

.sr-wysiwyg-inspector{
	position:sticky;
	top:16px;
	padding:14px;
	border:1px solid #dcdcde;
	background:#f6f7f7;
	border-radius:6px;
}

.sr-wysiwyg-inspector-header{
	margin-bottom:12px;
}

.sr-wysiwyg-inspector-title{
	font-size:14px;
	font-weight:600;
	margin-bottom:6px;
}

.sr-wysiwyg-selection-label{
	display:inline-block;
	padding:2px 10px;
	border-radius:999px;
	background:#2271b1;
	color:#fff;
	font-size:12px;
	font-weight:600;
	margin-bottom:6px;
}

.sr-wysiwyg-selection-meta{
	font-size:12px;
	color:#50575e;
}

.sr-wysiwyg-inspector-note{
	margin-top:6px;
	font-size:11px;
	color:#6c7781;
}

.sr-wysiwyg-scope-switcher{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-bottom:12px;
}

.sr-wysiwyg-field-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
	margin-bottom:12px;
}

.sr-wysiwyg-field{
	display:flex;
	flex-direction:column;
	gap:4px;
	font-size:12px;
	color:#1d2327;
}

.sr-wysiwyg-field--full{
	grid-column:1 / -1;
}

.sr-wysiwyg-field input,
.sr-wysiwyg-field select,
.sr-wysiwyg-field textarea{
	width:100%;
	max-width:none;
	font-size:13px;
}

.sr-wysiwyg-field textarea{
	resize:vertical;
	min-height:88px;
}

.sr-wysiwyg-number-row,
.sr-wysiwyg-color-row{
	display:flex;
	align-items:center;
	gap:8px;
}

.sr-wysiwyg-number-row input{
	flex:1 1 auto;
	min-width:0;
}

.sr-wysiwyg-color-row input[type="color"]{
	width:48px;
	min-width:48px;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
	cursor:pointer;
}

.sr-wysiwyg-inline-toggle{
	display:inline-flex;
	align-items:center;
	gap:6px;
	white-space:nowrap;
}

.sr-wysiwyg-field-status,
.sr-wysiwyg-unit{
	font-size:12px;
	color:#6c7781;
	white-space:nowrap;
}

.sr-wysiwyg-color-hidden{
	opacity:.35;
	pointer-events:none;
}

.sr-wysiwyg-field-dirty{
	outline:2px solid #72aee6;
	outline-offset:1px;
}

.sr-wysiwyg-inspector-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.sr-wysiwyg-selected-table{
	outline:2px solid #2271b1;
	outline-offset:3px;
}

.sr-wysiwyg-selected-row > td,
.sr-wysiwyg-selected-row > th,
.sr-wysiwyg-selected{
	box-shadow:inset 0 0 0 2px #2271b1;
}

.sr-wysiwyg-context-menu{
	position:fixed;
	display:none;
	z-index:100000;
	min-width:210px;
	padding:6px;
	border:1px solid #ccd0d4;
	background:#fff;
	border-radius:6px;
	box-shadow:0 12px 24px rgba(0,0,0,.18);
}

.sr-wysiwyg-context-menu button{
	display:block;
	width:100%;
	padding:8px 10px;
	border:0;
	background:transparent;
	text-align:left;
	cursor:pointer;
	border-radius:4px;
}

.sr-wysiwyg-context-menu button:hover{
	background:#edf4fb;
}

.sr-wysiwyg-context-menu hr{
	margin:6px 0;
	border:0;
	border-top:1px solid #dcdcde;
}

.sr-classic-editor-modal{
	padding:8px 4px 16px;
}

.sr-classic-editor-grid{
	display:grid;
	grid-template-columns:minmax(260px, 320px) minmax(0, 1fr);
	gap:16px;
	align-items:start;
}

.sr-classic-editor-column{
	min-width:0;
}

.sr-classic-editor-column--narrow{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.sr-classic-editor-field{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.sr-classic-editor-field select{
	width:100%;
	max-width:none;
}

.sr-classic-editor-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}

.sr-classic-editor-actions--editor{
	margin-bottom:10px;
}

.sr-classic-editor-wysiwyg{
	margin-top:8px;
}

.sr-open-classic-table-modal .dashicons{
	font-size:16px;
	line-height:1;
}

@media (max-width: 960px){
	.sr-classic-editor-grid{
		grid-template-columns:1fr;
	}
}

@media (max-width: 1100px){
	.sr-wysiwyg-workspace{
		grid-template-columns:1fr;
	}

	.sr-wysiwyg-inspector{
		position:static;
	}
	}