/* © 2025 Mark Kats. Все права защищены. Копирование и переработка запрещены. */

:root{
	--shd-modal-bg: #191a1da1;
	--shd-border: rgba(255,255,255,.14);
	--shd-hair: rgba(255,255,255,.11);
	--shd-hair-2: rgba(255,255,255,.20);
	--shd-shadow: 0 10px 28px rgba(0,0,0,.34);
	--shd-text: #fff;
	--shd-text-2: rgba(255,255,255,.78);
	--shd-link: #8ecbff;
	--shd-ghost: rgba(255,255,255,.055);
	--shd-surface: rgba(255,255,255,.085);
	--shd-surface-2: rgba(255,255,255,.135);
	--shd-overlay: rgba(0,0,0,.66);
	--shd-focus: rgba(142,203,255,.75);
	--shd-danger: #b01800;
	--shd-danger-2: #9c1300;
	--shd-danger-ink: rgba(216,30,0,.14);
	--shd-danger-brd: rgba(216,30,0,.25);
	--shd-radius: 14px;
	--shd-radius-sm: 7px;
	--shd-pad: 7px 7px 0px 7px;
	--shd-btn-h: 28px;
	--shd-input-h: 30px;
	--shd-font-mono: 'Fira Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
	--shd-font-ui: 'Artifakt Element', -apple-system, system-ui, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif;
	--shd-font-ttl: 'IBM Plex Sans Condensed', system-ui, sans-serif;
}

body.shd-modal-open{
	overflow: hidden;
}

#shd-modal-overlay,
#shd-prompt-overlay,
#shd-modal-overlay *,
#shd-prompt-overlay *{
	pointer-events: auto;
	user-select: text;
}

#shd-modal-overlay,
#shd-prompt-overlay{
	position: fixed;
	inset: 0;
	background: var(--shd-overlay);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

#shd-prompt-overlay{
	z-index: 1053;
}

#shd-modal-overlay{
	z-index: 1054;
}

@keyframes shd-fade-in{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@keyframes shd-pop{
	from{
		transform: translateY(6px) scale(.985);
		opacity: 0;
	}
	to{
		transform: translateY(0) scale(1);
		opacity: 1;
	}
}

.shd-modal,
.shd-prompt{
	position: relative;
	background: var(--shd-modal-bg);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
	border: 1px solid var(--shd-border);
	border-radius: var(--shd-radius);
	box-shadow: var(--shd-shadow);
	color: var(--shd-text);
	padding: var(--shd-pad);
	max-width: min(92vw, 560px);
	width: clamp(320px, 70vw, 520px);
	max-height: 80vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	font-family: var(--shd-font-ui);
}

.shd-modal::before,
.shd-prompt::before{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: 0 1px 0 rgba(255,255,255,.04) inset;
	pointer-events: none;
}

.shd-modal-header,
.shd-prompt-header{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 10px;
}

.shd-modal-icon,
.shd-prompt-icon{
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: var(--shd-danger-ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--shd-danger-brd);
}

.shd-modal-icon svg,
.shd-prompt-icon svg{
	width: 16px;
	height: 16px;
	opacity: .95;
}

.shd-modal h2,
.shd-prompt h2{
	margin: 0;
	font: 1.08rem/1.2 var(--shd-font-ttl);
	letter-spacing: .2px;
	color: var(--shd-text);
}

.shd-divider,
.shd-prompt-divider{
	height: 1px;
	margin: 8px 0 8px;
	background: rgba(255,255,255,.095);
}

.shd-modal .shd-modal-body,
.shd-prompt .shd-prompt-body{
	font: 400 .96rem/1.4 var(--shd-font-ui);
	color: var(--shd-text-2);
	background: transparent;
	border: none;
	border-radius: var(--shd-radius-sm);
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.shd-prompt-content{
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}

.shd-prompt .shd-prompt-body{
	flex: 0 0 auto;
	min-height: auto;
	max-height: none;
	overflow: visible;
	white-space: pre-line;
}
.shd-prompt.shd-prompt-has-form .shd-prompt-body{
	margin-bottom:10px;
}

.shd-prompt .shd-form{
	flex: 0 0 auto;
}

.shd-segment{
	padding: 0 4px;
	border-radius: 12px;
	gap: 4px;
	display: flex;
	flex-wrap: wrap;
}

.shd-segment .shd-segment-btn{
	all: unset;
	padding: 4px 6px;
	border-radius: 8px;
	cursor: pointer;
	font-size: .9rem;
	opacity: .9;
	background: rgba(255,255,255,.04);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.11);
}

.shd-segment .shd-segment-btn[aria-pressed="true"]{
	background: rgba(255,255,255,.12);
	opacity: 1;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}

.rule-volume-intervals-editor{
	display:grid;
	gap:8px;
}

.rule-volume-intervals-list{
	display:grid;
	gap:8px;
}

.rule-volume-interval-row{
	display:grid;
	grid-template-columns:minmax(88px, .72fr) minmax(108px, .92fr) minmax(108px, .92fr) auto;
	gap:6px;
	align-items:end;
	min-width:0;
}

.rule-volume-interval-row > .shd-label,
.rule-volume-interval-row > .rule-volume-interval-actions{
	min-width:0;
}

.rule-volume-interval-actions{
	display:flex;
	flex-direction:row;
	gap:6px;
	align-items:center;
	justify-content:flex-end;
	align-self:end;
}

#shd-prompt-overlay input[type="time"]{
	-webkit-appearance: none;
	appearance: none;
	color-scheme: dark;
	height: var(--shd-input-h);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0 10px 0 10px;
	border-radius: var(--shd-radius-sm);
	border: 1px solid var(--shd-hair-2);
	background-color: var(--shd-ghost);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.8v4.6l3 1.7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	color: var(--shd-text);
	font: 500 .87rem/1 var(--shd-font-ui);
	box-sizing: border-box;
	box-shadow: none;
}

#shd-prompt-overlay input[type="time"]::-webkit-calendar-picker-indicator{
	opacity: 0;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

#shd-prompt-overlay input[type="time"]::-webkit-clear-button,
#shd-prompt-overlay input[type="time"]::-webkit-inner-spin-button{
	display: none;
}

#shd-prompt-overlay input[type="time"]::-webkit-datetime-edit,
#shd-prompt-overlay input[type="time"]::-webkit-datetime-edit-fields-wrapper,
#shd-prompt-overlay input[type="time"]::-webkit-datetime-edit-hour-field,
#shd-prompt-overlay input[type="time"]::-webkit-datetime-edit-minute-field,
#shd-prompt-overlay input[type="time"]::-webkit-datetime-edit-text{
	color: var(--shd-text);
}

#shd-prompt-overlay input[type="time"]:focus{
	outline: none;
	border-color: color-mix(in oklab, var(--shd-focus), transparent 35%);
	background-color: rgba(255,255,255,.075);
	box-shadow: 0 0 0 2px var(--shd-focus) inset;
}

@media (max-width:700px){
	.rule-volume-interval-row{
		grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
	}

	.rule-volume-interval-actions{
		justify-content:flex-end;
		flex-wrap:nowrap;
	}
}

.shd-prompt-content{
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
}

.shd-modal .shd-modal-body p:last-child,
.shd-prompt .shd-prompt-body p:last-child{
	margin-bottom: 0;
}

.shd-modal .shd-modal-body ul,
.shd-modal .shd-modal-body ol,
.shd-prompt .shd-prompt-body ul,
.shd-prompt .shd-prompt-body ol{
	margin: .6em 0 .6em 1.2em;
}

.shd-modal .shd-modal-body li,
.shd-prompt .shd-prompt-body li{
	margin: .25em 0;
}

.shd-modal .shd-modal-body a,
.shd-prompt .shd-prompt-body a{
	color: var(--shd-link);
	text-decoration: none;
	border-bottom: 1px dotted color-mix(in oklab, var(--shd-link), transparent 35%);
}

.shd-modal .shd-modal-body a:hover,
.shd-prompt .shd-prompt-body a:hover{
	text-decoration: underline;
}

.shd-modal .shd-modal-body code,
.shd-prompt .shd-prompt-body code{
	font-family: var(--shd-font-mono);
	background: rgba(255,255,255,.075);
	padding: .14em .4em;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,.16);
}

.shd-modal .shd-modal-body pre,
.shd-prompt .shd-prompt-body pre{
	font-family: var(--shd-font-mono);
	font-size: .85em;
	line-height: 1.55;
	background: rgba(0,0,0,.32);
	padding: 10px 12px;
	border-radius: 10px;
	overflow: auto;
	border: 1px solid rgba(255,255,255,.16);
}

.shd-modal .shd-modal-body{
	scrollbar-width: thin;
}

.shd-modal .shd-modal-body::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

.shd-prompt-content{
	scrollbar-width: thin;
}

.shd-prompt-content::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

.shd-modal .shd-modal-body::-webkit-scrollbar,
.shd-prompt .shd-prompt-body::-webkit-scrollbar{
	width: 10px;
}

.shd-modal .shd-modal-body::-webkit-scrollbar-track,
.shd-prompt .shd-prompt-body::-webkit-scrollbar-track{
	background: transparent;
}

.shd-modal .shd-modal-body::-webkit-scrollbar-thumb,
.shd-prompt .shd-prompt-body::-webkit-scrollbar-thumb{
	background: rgba(255,255,255,.17);
	border-radius: 10px;
}

.shd-modal .shd-modal-body::-webkit-scrollbar-thumb:hover,
.shd-prompt .shd-prompt-body::-webkit-scrollbar-thumb:hover{
	background: rgba(255,255,255,.26);
}

.shd-form{
	display: grid;
	row-gap: 10px;
}

.shd-form-row{
	display: grid;
	grid-template-columns: repeat(var(--shd-row-cols, 2), minmax(0, 1fr));
	gap: 6px;
}

.shd-form-col{
	min-width: 0;
}

.shd-form-col .shd-label{
	min-width: 0;
}

.shd-label{
	display: grid;
	margin-top: 0;
	gap: 3px;
}

.shd-label-text{
	font: .85rem/1.2 var(--shd-font-ui);
	color: var(--shd-text);
	opacity: .9;
}

.shd-note{
	font: .82rem/1.35 var(--shd-font-ui);
	color: var(--shd-text-2);
	white-space: pre-line;
	word-break: break-word;
	padding: 0 1px 2px;
}

.shd-note--warning{
	padding: 8px 10px;
	border-radius: var(--shd-radius-sm);
	border: 1px solid rgba(255, 196, 0, .24);
	background: rgba(255, 196, 0, .08);
	color: rgba(255, 242, 201, .96);
}

.shd-input{
	height: var(--shd-input-h);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0 10px;
	border-radius: var(--shd-radius-sm);
	border: 1px solid var(--shd-hair-2);
	background: var(--shd-ghost);
	color: var(--shd-text);
	font: 500 .87rem/1 var(--shd-font-ui);
	box-sizing: border-box;
	margin-top: 0em;
	transition: outline-color .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

input.shd-input.flatpickr-mobile,
input.flatpickr-mobile{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.shd-form-row[data-row="status_deadline"] > .shd-form-col{
	min-width: 0;
}

.shd-form-row[data-row="status_deadline"] input.shd-input.flatpickr-mobile,
.shd-form-row[data-row="status_deadline"] input.flatpickr-mobile{
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

textarea.shd-input{
	height: 70px;
	min-height: 70px;
	padding: 8px 10px;
	line-height: 1.35;
	resize: vertical;
}

select.shd-input[multiple]{
	height: 70px;
	min-height: 70px;
	padding: 6px 8px;
}

input.shd-input[type="file"]{
	display: flex;
	align-items: center;
	padding: 3px 10px;
	line-height: 1.2;
}

input.shd-input[type="file"]::file-selector-button{
	margin: 0 10px 0 0;
	height: 22px;
	border: 1px solid var(--shd-hair-2);
	border-radius: 6px;
	background: rgba(255,255,255,.08);
	color: var(--shd-text);
	padding: 0 10px;
	cursor: pointer;
}

input.shd-input[type="file"]::-webkit-file-upload-button{
	margin: 0 10px 0 0;
	height: 22px;
	border: 1px solid var(--shd-hair-2);
	border-radius: 6px;
	background: rgba(255,255,255,.08);
	color: var(--shd-text);
	padding: 0 10px;
	cursor: pointer;
}

.shd-input-unit{
	position: relative;
	display: block;
	width: 100%;
}

.shd-input.has-unit{
	padding-right: 34px;
}

.shd-input-unit-suffix{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font: 600 .82rem/1 var(--shd-font-ui);
	color: var(--shd-text-2);
	pointer-events: none;
	user-select: none;
}

.shd-input::placeholder{
	color: rgba(255,255,255,.55);
}

.shd-input:focus{
	outline: none;
	border-color: color-mix(in oklab, var(--shd-focus), transparent 35%);
	background: rgba(255,255,255,.075);
	box-shadow:
		0 0 0 2px var(--shd-focus) inset;
}

.shd-input[disabled]{
	opacity: .6;
	cursor: not-allowed;
}

.shd-error{
	display: none;
	margin: 6px 0 0;
	color: #ff8a80;
	font: 600 .84rem/1.25 var(--shd-font-ui);
}

.shd-modal .shd-modal-actions,
.shd-actions{
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	margin: 7px 0 7px 0;
}

.shd-deploy .shd-modal-actions.is-deploy-running{
	margin: 0px 0 7px 0;
}

.shd-btn{
	all: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	max-width: 320px;
	height: var(--shd-btn-h);
	padding: 0 12px;
	border-radius: 8px;
	background: var(--shd-surface);
	border: 1px solid var(--shd-hair-2);
	cursor: pointer;
	font: .84rem/1 var(--shd-font-ttl);
	color: var(--shd-text);
	letter-spacing: .2px;
	transition: background .15s ease, transform .04s ease, border-color .12s ease, box-shadow .15s ease;
}

.shd-actions .shd-btn,
.shd-modal .shd-modal-actions .shd-btn{
	height: 32px;
	padding: 0 16px;
	border-radius: 10px;
	font: .9rem/1 var(--shd-font-ttl);
}

.shd-btn:hover{
	background: var(--shd-surface-2);
}

.shd-btn:active{
	transform: translateY(1px);
}

.shd-btn:focus-visible{
	outline: 2px solid var(--shd-focus);
	outline-offset: 2px;
}

.shd-btn[disabled]{
	opacity: .55;
	pointer-events: none;
}

.shd-btn-ghost:hover{
	background: color-mix(in oklab, var(--shd-ghost), white 8%);
}

.shd-btn.shd-btn-danger{
	background: var(--shd-danger);
	border-color: var(--shd-danger-2);
}

.shd-btn.shd-btn-danger:hover{
	background: var(--shd-danger-2);
}

.shd-btn.shd-btn-danger-lite,
.shd-form-action-btn.shd-btn-danger-lite{
	background: color-mix(in oklab, var(--shd-danger), #111 58%);
	border-color: color-mix(in oklab, var(--shd-danger-2), transparent 20%);
	color: #fff;
}

.shd-btn.shd-btn-danger-lite:hover,
.shd-form-action-btn.shd-btn-danger-lite:hover{
	background: color-mix(in oklab, var(--shd-danger), #111 42%);
}

.shd-modal.shd-dirpicker{
	display: flex;
	flex-direction: column;
	max-height: min(92vh, 720px);
}

.shd-modal.shd-dirpicker .shd-modal-body{
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	max-height: unset;
	padding-right: 0;
}

.shd-dir-tree{
	flex: 1 1 auto;
	min-height: 140px;
	overflow: auto;
	padding: 6px 10px 6px 6px;
}

.shd-dir-node{
	display: grid;
	grid-template-columns: 22px 1fr auto;
	align-items: center;
	gap: 6px;
	padding: 4px 6px;
	border-radius: 8px;
}

.shd-dir-node:hover{
	background: var(--shd-ghost);
}

.shd-dir-toggle{
	all: unset;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 6px;
}

.shd-dir-toggle:focus-visible{
	outline: 2px solid var(--shd-focus);
	outline-offset: 2px;
}

.shd-dir-toggle.hidden{
	visibility: hidden;
	pointer-events: none;
}

.shd-dir-caret{
	font-family: var(--shd-font-ui);
	opacity: .9;
}

.shd-dir-icon{
	width: 22px;
	text-align: center;
}

.shd-dir-name{
	font: 500 .95rem/1.35 var(--shd-font-ui);
	color: var(--shd-text-2);
	word-break: break-word;
}

.shd-dir-children{
	margin-left: 20px;
	border-left: 1px dashed var(--shd-hair);
	padding-left: 8px;
	display: none;
}

.shd-dir-node[aria-selected="true"]{
	background: color-mix(in oklab, var(--shd-surface), transparent 10%);
	border: 1px solid var(--shd-hair-2);
}

.shd-dir-loading{
	font: 500 .9rem/1.35 var(--shd-font-ui);
	opacity: .85;
	padding: 2px 6px;
}

.shd-dir-empty{
	font: 500 .9rem/1.35 var(--shd-font-ui);
	opacity: .75;
	padding: 2px 6px;
}

.shd-dir-footer-path{
	font: 600 .9rem/1 var(--shd-font-mono);
	color: var(--shd-text-2);
	padding: 6px 2px 0;
	user-select: text;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flatpickr-calendar{
	z-index: 100000 !important;
}

.flatpickr-day.has-data{
	background: #1e90ff;
	color: #fff;
	border-radius: 6px;
}

@media (max-width:600px){
	.shd-modal{
		width: 94vw;
	}
	.shd-prompt{
		width: 94vw;
	}
	.shd-form-row{
		grid-template-columns: repeat(var(--shd-row-cols, 1), minmax(0, 1fr));
	}
	.shd-actions{
		flex-wrap: wrap;
	}
	.shd-btn{
		min-width: 92px;
		flex: 1 1 auto;
	}
}

@media (prefers-reduced-motion:reduce){
	#shd-modal-overlay[style*="display: flex"],
	#shd-prompt-overlay[style*="display: flex"],
	.shd-modal,
	.shd-prompt{
		animation: none !important;
	}
}

@keyframes shd-spin{
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}

.shd-modal-icon svg.spin{
	animation: shd-spin .9s linear infinite;
}

.shd-deploy .shd-modal-body{
	white-space: normal !important;
	word-break: break-word;
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow: auto;
}

.shd-deploy .shd-status{
	margin: 0 0 6px;
	font: 500 .95rem/1.35 var(--shd-font-ui);
	color: var(--shd-text-2);
}

.shd-deploy .shd-log{
	display: block;
	margin: 0;
	background: #0f0f10;
	color: #eaeaea;
	padding: 10px;
	border-radius: var(--shd-radius-sm);
	overflow: auto;
	word-break: break-word;
	text-align: left;
	white-space: pre-wrap;
	font-size: .85em;
	font-family: var(--shd-font-mono);
	border: 1px solid var(--shd-hair-2);
	box-shadow: inset 0 0 10px rgba(255,255,255,.12);
	max-height: 60vh;
}

.shd-prompt.shd-prompt-db{
	max-width: 800px;
	max-height: 600px;
	min-width: 320px;
	min-height: 260px;
	width: clamp(320px, 500px, 800px);
	resize: both;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.shd-prompt-db .shd-prompt-body{
	flex: 1 1 auto;
	max-height: none;
	overflow: auto;
}

.shd-db-edit{
	display: flex;
	flex: 1 1 auto;
}

.shd-db-textarea{
	width: 100%;
	height: 100%;
	min-height: 165px;
	box-sizing: border-box;
	padding: 10px 12px;
	border-radius: var(--shd-radius-sm);
	border: 1px solid var(--shd-hair-2);
	background: var(--shd-ghost);
	color: var(--shd-text);
	font: 500 .95rem/1.45 var(--shd-font-ui);
	outline: none;
	resize: none;
}

.shd-db-actions{
	margin-top: 0px !important;
}

.shd-prompt-db .shd-prompt-body{
	white-space: normal !important;
}

#cmList{
	max-height: 58vh;
	overflow: auto;
	scrollbar-width: none;
}

#cmList::-webkit-scrollbar{
	width: 0;
	height: 0;
}

@media (max-width:900px){
	#cmList li>div{
		grid-template-columns: 1fr !important;
	}
	#cmList [data-role="type"]{
		display: none !important;
	}
	#cmList [data-role="type-custom"]{
		display: none !important;
	}
	#cmList [data-act="rename"]{
		display: none !important;
	}
	.shd-actions{
		flex-wrap: wrap;
	}
	.shd-btn{
		min-width: 88px;
		flex: 1 1 auto;
	}
}

.shd-passwrap{
	display: flex;
	align-items: center;
	gap: 8px;
}

.shd-passwrap .shd-input{
	flex: 1 1 auto;
	width: 100%;
	padding-right: 12px;
	min-width: 0;
}

.shd-pass-toggle{
	position: static;
	transform: none;
	height: var(--shd-btn-h);
	width: var(--shd-btn-h);
	flex: 0 0 var(--shd-btn-h);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid var(--shd-hair-2);
	background: var(--shd-ghost);
	color: var(--shd-text);
	cursor: pointer;
	line-height: 1;
	transition: background .12s ease, border-color .12s ease, transform .08s ease, box-shadow .12s ease;
}

.shd-pass-toggle:hover{
	background: var(--shd-surface);
	border-color: var(--shd-hair-2);
	box-shadow: 0 0 0 3px rgba(255,255,255,.065) inset;
}

.shd-pass-toggle:active{
	transform: scale(.98);
}

#shd-modal-overlay svg,
#shd-prompt-overlay svg{
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.shd-modal-icon svg,
.shd-prompt-icon svg{
	background: transparent !important;
}

@media (max-width:600px){
	.shd-modal .shd-modal-actions,
	.shd-actions{
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
	}

	.shd-btn{
		min-width: auto;
		max-width: 100%;
		flex: 0 0 auto;
		padding: 0 10px;
		font-size: .86rem;
		white-space: nowrap;
	}
}

.shd-help{
	font-size:12px;
	opacity:.75;
	margin-bottom:6px
}

.shd-group{
	border: 1px solid var(--shd-hair);
	border-radius: var(--shd-radius-sm);
	padding: 7px;
	background: rgba(255,255,255,.018);
}

.shd-group-title{
	font: .84rem/1.2 var(--shd-font-ttl);
	letter-spacing: .2px;
	opacity: .95;
	margin: 0 0 8px 0;
	color: var(--shd-text);
	text-transform: uppercase;
}

.shd-group-fields{
	display: grid;
	row-gap: 6px;
}

.shd-switch-input{
	position: absolute;
	inset: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	z-index: 2;
}

.shd-switch-slider{
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
	border-radius: 999px;
	background: var(--shd-ghost);
	border: 1px solid var(--shd-hair-2);
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.shd-switch-slider::before{
	content: "";
	position: absolute;
	top: 4px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: rgba(255,255,255,.92);
	transition: transform .15s ease;
	box-shadow: 0 1px 6px rgba(0,0,0,.35);
}

.shd-switch-input:checked + .shd-switch-slider{
	background: color-mix(in oklab, var(--shd-focus), transparent 65%);
	border-color: color-mix(in oklab, var(--shd-focus), transparent 35%);
}

.shd-switch-input:checked + .shd-switch-slider::before{
	transform: translateX(20px);
}

.shd-switch-input:focus-visible + .shd-switch-slider{
	outline: 2px solid var(--shd-focus);
	outline-offset: 2px;
}

.shd-switch-row{
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 8px;
	margin: 0;
}

.shd-switch-control{
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 46px;
	height: 26px;
	margin-top: 0;
}

.shd-switch-meta{
	display: grid;
	row-gap: 2px;
	min-width: 0;
}

.shd-switch-meta .shd-label-text{
	margin: 0;
}

.shd-switch-meta .shd-help{
	margin: 0 0 6px 0;
}

.shd-switch-row.is-locked{
	opacity: 1;
}

.shd-switch-row.is-locked .shd-switch-control{
	filter: none;
}

.shd-switch-row.is-locked .shd-switch-slider{
	background: color-mix(in oklab, var(--shd-ghost), #000 10%);
	border-color: color-mix(in oklab, var(--shd-hair-2), #000 18%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.shd-switch-row.is-locked .shd-switch-slider::before{
	background: rgba(246,246,246,.97);
	box-shadow: 0 1px 6px rgba(0,0,0,.30), 0 0 0 1px rgba(0,0,0,.10);
}

.shd-switch-row.is-locked .shd-switch-meta{
	opacity: 1;
}

.shd-switch-row.is-locked .shd-switch-input:disabled + .shd-switch-slider{
	cursor: not-allowed;
	opacity: 1;
}

.shd-switch-row.is-locked .shd-switch-input:disabled + .shd-switch-slider::before{
	background: rgba(255,255,255,.98);
}

.shd-label-button{
	gap: 3px;
}

.shd-form-action-btn{
	width: fit-content;
	max-width: 100%;
}

.shd-prompt-content .shd-form-action-btn{
	height: var(--shd-btn-h);
	min-height: var(--shd-btn-h);
	padding: 0 8px;
	border-radius: 7px;
	font: 600 .78rem/1 var(--shd-font-ui);
	letter-spacing: .01em;
	background: rgba(142,203,255,.12);
	border: 1px dashed rgba(142,203,255,.52);
	color: #eaf5ff;
}

.shd-form-action-btn:disabled,
.shd-form-action-btn[aria-disabled="true"],
.shd-form-action-btn.is-disabled{
	opacity: .55;
	cursor: not-allowed;
	pointer-events: none;
}

.shd-prompt-content .shd-form-action-btn:hover{
	background: rgba(142,203,255,.2);
	border-color: rgba(142,203,255,.74);
	color: #fff;
}

.shd-btn.shd-btn-primary,
.shd-form-action-btn.shd-btn-primary{
	background: color-mix(in oklab, var(--shd-focus), #111 30%);
	border-color: color-mix(in oklab, var(--shd-focus), transparent 35%);
	color: #fff;
	box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
}

.shd-btn.shd-btn-primary:hover,
.shd-form-action-btn.shd-btn-primary:hover{
	background: color-mix(in oklab, var(--shd-focus), #111 18%);
}