
/* Suggestion Box – theme-proof styles */
.sb-root, .sb-root *{box-sizing:border-box}
.sb-launcher{
	position:fixed;
	z-index:999999;
	width:72px;height:72px;
	border-radius:18px;
	display:flex;align-items:center;justify-content:center;
	background:var(--sb-trigger-bg);
	color:var(--sb-trigger-fg);
	box-shadow:0 12px 30px rgba(0,0,0,.12);
	overflow:hidden;
	cursor:pointer;
	border:1px solid rgba(255,255,255,.10);
	transform:translateZ(0);
}
.sb-launcher img{width:100%;height:100%;object-fit:cover;display:block}
.sb-launcher:focus-visible{outline:3px solid var(--sb-accent);outline-offset:4px}

@media (max-width: 600px){
	.sb-launcher.sb-hide-mobile{display:none !important}
}

.sb-overlay{
	position:fixed;inset:0;
	background:var(--sb-overlay);
	z-index:999998;
	opacity:0;
	transition:opacity .18s ease;
	pointer-events:none;
}
.sb-overlay.sb-open{opacity:1;pointer-events:auto}

.sb-modal{
	position:fixed;inset:0;
	z-index:999999;
	display:flex;align-items:center;justify-content:center;
	padding:18px;
	pointer-events:none;
}
.sb-modal.sb-open{pointer-events:auto}

.sb-box{
	width:min(560px, 92vw);
	background:var(--sb-box-bg);
	color:var(--sb-box-fg);
	border:var(--sb-border-width) var(--sb-border-style) var(--sb-border-color);
	border-radius:var(--sb-radius);
	box-shadow:var(--sb-shadow);
	transform:translateY(8px);
	opacity:0;
	transition:opacity .18s ease, transform .18s ease;
	overflow:hidden;
}
.sb-modal.sb-open .sb-box{opacity:1;transform:translateY(0)}

.sb-box header{
	padding:18px 18px 10px;
	display:flex;align-items:flex-start;justify-content:space-between;gap:12px
}
.sb-title{margin:0;font-size:18px;line-height:1.2;font-weight:800}
.sb-close{
	border:0;background:transparent;color:inherit;
	width:40px;height:40px;border-radius:12px;
	display:flex;align-items:center;justify-content:center;
	cursor:pointer;
}
.sb-close:hover{background:rgba(0,0,0,.05)}
.sb-close:focus-visible{outline:3px solid var(--sb-accent);outline-offset:2px}

.sb-body{padding:0 18px 18px}
.sb-label{display:block;margin:12px 0 6px;font-weight:800}
.sb-textarea, .sb-input{
	width:100%;
	padding:12px 12px;
	border-radius:12px;
	border:1px solid rgba(17,24,39,.18);
	background:#fff;
	color:#111827;
	font:inherit;
}
.sb-textarea{min-height:110px;resize:vertical}
.sb-input{height:44px}
.sb-row{display:flex;gap:10px;align-items:center;margin-top:12px}
.sb-row input[type="checkbox"]{width:18px;height:18px}

.sb-email-wrap{
	max-height:0;
	opacity:0;
	overflow:hidden;
	transform:translateY(-6px);
	transition:max-height .25s ease, opacity .25s ease, transform .25s ease;
}
.sb-email-wrap.sb-open{
	max-height:140px;
	opacity:1;
	transform:translateY(0);
}

.sb-actions{
	margin-top:16px;
	display:flex;justify-content:flex-end;align-items:center;gap:10px;
}
.sb-btn{
	border:0;border-radius:12px;
	padding:11px 14px;
	background:var(--sb-accent);
	color:#fff;
	font-weight:800;
	cursor:pointer;
}
.sb-btn:disabled{opacity:.6;cursor:not-allowed}
.sb-note{font-size:12px;color:rgba(17,24,39,.65)}
.sb-toast{
	position:fixed;
	left:50%;
	transform:translateX(-50%);
	bottom:18px;
	z-index:1000000;
	background:rgba(17,24,39,.92);
	color:#fff;
	padding:10px 12px;
	border-radius:12px;
	font-size:13px;
	opacity:0;
	pointer-events:none;
	transition:opacity .18s ease;
}
.sb-toast.sb-show{opacity:1}
