/* Mino Corrections — widget UI. Scoped under .mc-ui, alto z-index. */
.mc-ui, .mc-ui * { box-sizing: border-box; }
.mc-ui {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px; line-height: 1.45; color: #16181d;
}
.mc-pin, .mc-fab, .mc-ui button { font-family: inherit; }

/* FAB */
.mc-fab {
	position: fixed; right: 18px; bottom: 18px; z-index: 2147483000;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 16px; border: 0; border-radius: 999px; cursor: pointer;
	background: #2a4cf6; color: #fff; font-weight: 700; font-size: 14px;
	box-shadow: 0 8px 26px rgba(20,25,60,.28);
}
.mc-fab:hover { background: #1f3ad0; }
.mc-fab-dot { width: 9px; height: 9px; border-radius: 50%; background: #70f2aa; box-shadow: 0 0 8px #70f2aa; }

.mc-menu {
	position: fixed; right: 18px; bottom: 66px; z-index: 2147483000;
	width: 260px; background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 16px 44px rgba(20,25,60,.24); border: 1px solid rgba(20,25,60,.08);
}
.mc-menu button {
	display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
	padding: 12px 16px; border: 0; background: transparent; cursor: pointer; font-size: 13.5px; color: #16181d;
}
.mc-menu button b { width: 18px; text-align: center; color: #2a4cf6; }
.mc-menu button:hover { background: #f2f4ff; }
.mc-menu hr { margin: 4px 0; border: 0; border-top: 1px solid rgba(20,25,60,.08); }

/* Pin markers */
.mc-pin {
	position: absolute; z-index: 2147482000; width: 26px; height: 26px; margin: -13px 0 0 -13px;
	border-radius: 50% 50% 50% 2px; transform: rotate(45deg);
	background: #2a4cf6; border: 2px solid #fff; cursor: pointer;
	box-shadow: 0 4px 12px rgba(20,25,60,.35); transition: transform .15s;
}
.mc-pin:hover { transform: rotate(45deg) scale(1.15); }
.mc-pin-done { background: #70f2aa; }

/* Compose / note popover */
.mc-pop {
	position: absolute; z-index: 2147483600; width: 320px; max-width: calc(100vw - 24px);
	background: #fff; border-radius: 14px; padding: 14px;
	box-shadow: 0 20px 60px rgba(20,25,60,.3); border: 1px solid rgba(20,25,60,.1);
}
.mc-pop-center { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.mc-pop-head { font-weight: 700; font-size: 13px; margin-bottom: 10px; color: #16181d; }
.mc-ta {
	width: 100%; border: 1px solid rgba(20,25,60,.18); border-radius: 8px; padding: 10px;
	font: inherit; resize: vertical; color: #16181d; background: #fff;
}
.mc-ta:focus { outline: 2px solid #2a4cf6; border-color: transparent; }
.mc-name { display: block; font-size: 11.5px; color: #6b7280; margin: 8px 0 0; }
.mc-name input { width: 100%; margin-top: 3px; padding: 7px 9px; border: 1px solid rgba(20,25,60,.18); border-radius: 7px; font: inherit; }
.mc-file { display: inline-block; margin-top: 10px; font-size: 12.5px; color: #2a4cf6; cursor: pointer; font-weight: 600; }
.mc-attach { margin-top: 8px; position: relative; display: inline-block; }
.mc-attach img { max-width: 120px; max-height: 90px; border-radius: 7px; display: block; }
.mc-attach-x { position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; border-radius: 50%; border: 0; background: #16181d; color: #fff; cursor: pointer; }
.mc-pop-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.mc-pop-actions button { padding: 9px 16px; border-radius: 999px; border: 0; cursor: pointer; font-weight: 700; font-size: 13px; }
.mc-cancel, .mc-del { background: #eef0f4; color: #16181d; }
.mc-save, .mc-resolve { background: #2a4cf6; color: #fff; }
.mc-save[disabled] { opacity: .6; cursor: default; }
.mc-note-body { white-space: pre-wrap; margin-bottom: 8px; }
.mc-note-img { max-width: 100%; border-radius: 8px; margin-top: 6px; }

/* List panel */
.mc-panel {
	position: fixed; right: 18px; bottom: 66px; z-index: 2147483600;
	width: 360px; max-width: calc(100vw - 24px); max-height: 70vh; display: flex; flex-direction: column;
	background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 20px 60px rgba(20,25,60,.3); border: 1px solid rgba(20,25,60,.1);
}
.mc-panel-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font-weight: 700; border-bottom: 1px solid rgba(20,25,60,.08); }
.mc-panel-x { border: 0; background: transparent; font-size: 20px; cursor: pointer; color: #6b7280; line-height: 1; }
.mc-list { overflow-y: auto; padding: 6px; }
.mc-item { padding: 10px 12px; border-radius: 10px; cursor: pointer; }
.mc-item:hover { background: #f2f4ff; }
.mc-item.done { opacity: .55; }
.mc-item-top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.mc-badge { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 2px 7px; border-radius: 999px; color: #fff; }
.mc-badge-pin { background: #2a4cf6; } .mc-badge-page { background: #6b7280; } .mc-badge-site { background: #16181d; }
.mc-item-where { font-size: 11.5px; color: #6b7280; }
.mc-item-body { font-size: 13px; color: #16181d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mc-item-meta { font-size: 11px; color: #9aa0aa; margin-top: 3px; }

/* Toast */
.mc-toast {
	position: fixed; left: 50%; bottom: 22px; transform: translate(-50%, 20px); z-index: 2147483647;
	background: #16181d; color: #fff; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 600;
	opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s;
}
.mc-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* Pin placement cursor */
body.mc-pinning, body.mc-pinning * { cursor: crosshair !important; }