window_flat.css

.win {
	display: flex;
	flex-direction: column;
	border: 1px solid #888;
	overflow: hidden;
	box-shadow: 4px 4px 10px rgba(127,127,127,0.3);
}
.win.focused {
	border: 1px solid #666;
	box-shadow: 4px 4px 12px rgba(127,127,127,0.6);
}
.win.maximized {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.win.snapped-left {
	border-right: 1px solid #888;
}
.win.snapped-right {
	border-left: 1px solid #888;
}
.win.disabled .win-iframe {
	filter: blur(2px);
}
.win .win-titlebar {
	border-bottom: 1px solid #888;
	background: #d8d8d8;
	color: #222;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	user-select: none;
	display: flex;
	align-items: center;
	line-height: 1.1;
}
.win.maximized .win-titlebar {
	border: none;
	border-bottom: 1px solid #888;
}
.win.focused .win-titlebar {
	background: #efefef;
}
.win.focused .win-title {
	text-decoration: 1px underline dotted;
	text-decoration-color: #888;
}
.win .win-btn {
	border: none;
	background: transparent;
	width: 24px;
	height: 24px;
}
.win .win-btn:hover {
	background: rgba(127,127,127,0.2);
}
.win .win-btn:active {
	background: rgba(127,127,127,0.4);
}
.win .win-btn-close {
	background: #c33;
}
.win .win-btn-close:hover {
	background: #f33;
}
.win .win-btn-close:active {
	background: #f00;
}
.win .win-title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-grow: 1;
	line-height: 1.2;
}
.win .win-icon {
	margin: 0 5px;
	padding: 0;
	line-height: 1;
}
.win .win-iframe {
	min-height: 0;
	min-width: 0;
	border: none;
	background: #fff;
	flex-grow: 1;
}
.win .win-resize-handle {
	width: 10px;
	height: 10px;
	background-color: #888;
	border-top-left-radius: 100%;
	cursor: nwse-resize;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media (prefers-color-scheme: dark) {
	.win .win-titlebar {
		background: #333;
		color: #fff;
	}
	.win.focused .win-titlebar {
		background: #444;
	}
	.win .win-iframe {
		background: #bbb;
	}
	.win .win-btn {
		color: #fff;
	}

}