/* Visual Website Manager highlighting is only enabled inside explicit editor preview. */
html.tmc-editor-mode [data-cms-key]{outline:1px dashed #3a65f763;outline-offset:4px;cursor:crosshair!important}
html.tmc-editor-mode [data-cms-key]:hover,html.tmc-editor-mode [data-cms-key].tmc-cms-selected{outline:3px solid #1645ed;outline-offset:4px}

/* V1.1.5: Hover highlights only while holding Alt; ordinary clicks behave as public website. */
html.tmc-editor-mode [data-cms-key]{outline:0;cursor:inherit!important}
html.tmc-editor-mode.tmc-alt-active [data-cms-key]:hover,
html.tmc-editor-mode.tmc-alt-active [data-cms-detail-field]:hover,
html.tmc-editor-mode .tmc-cms-selected{outline:3px solid #2351ff!important;outline-offset:3px;cursor:crosshair!important}
html.tmc-editor-mode.tmc-alt-active [data-detail]:hover{outline:2px dashed #7596fd;outline-offset:3px}
html.tmc-editor-mode #detailContent [data-cms-detail-field]{position:relative}

/* V1.1.5 — actual in-place editing on Alt+Click, within the PVS preview only */
#tmcInlineEditor{position:fixed;z-index:2147483640!important;width:min(346px,calc(100vw - 24px));background:white;color:#162651;border:1px solid #a4b8f5;box-shadow:0 19px 64px #0014484c;border-radius:14px;padding:16px;display:grid;gap:10px;font:13px/1.5 Arial,sans-serif;text-align:left}
#tmcInlineEditor strong{color:#133dd2;font-size:11px!important;letter-spacing:.08em}
#tmcInlineEditor textarea{display:block!important;position:static!important;transform:none!important;resize:vertical;width:100%!important;max-height:38vh;min-height:96px!important;font:13px/1.5 Arial,sans-serif!important;letter-spacing:normal!important;border:1px solid #b7c8ef;border-radius:9px;padding:11px;color:#1b2c58;background:white;opacity:1!important}
#tmcInlineEditor small{font-size:10px!important;color:#667999;line-height:1.4}
#tmcInlineEditor div{display:flex;gap:8px;align-items:center}
#tmcInlineEditor button{display:block!important;position:static!important;transform:none!important;min-height:38px!important;opacity:1!important;padding:9px 11px!important;flex:1;border:1px solid #bac9eb;border-radius:8px;background:white;color:#18388e;font:800 10px Arial,sans-serif!important;letter-spacing:.02em;cursor:pointer}
#tmcInlineEditor button:first-child{background:#1641dc;color:white;border-color:#1641dc}

/* V1.1.6 — Universal element inspector: always orange hover without changing the public page. */
html.tmc-editor-mode #tmcInspectorOutline{position:fixed;display:none;pointer-events:none;z-index:2147483610;border:2.5px solid #ff781f;outline:1px solid #ffbc65;outline-offset:1px;background:#ff8c1917;box-shadow:0 0 0 1px #cb4b00,inset 0 0 0 1px #ffffff70;transition:top .045s,left .045s,width .045s,height .045s}
html.tmc-editor-mode #tmcInspectorLabel{position:fixed;display:none;pointer-events:none;z-index:2147483620;background:#ff771b;color:#fff;border-radius:5px;padding:5px 8px;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.045em;max-width:75vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 12px #2d120b44}
html.tmc-editor-mode .tmc-cms-selected{outline:2px solid #f87b26!important;outline-offset:2px}
html.tmc-editor-mode #tmcInlineEditor{z-index:2147483646!important}
html.tmc-editor-mode #tmcInlineEditor select{background:#fff;width:100%;min-height:36px;padding:7px;border-radius:8px;border:1px solid #a4b8f5;color:#12316f;font:700 11px Arial,sans-serif}

/* V1.1.7 — accessibility and precision: all DOM layer labels remain orange. */
html.tmc-editor-mode #tmcInspectorLabel{user-select:none}
html.tmc-editor-mode #tmcInlineEditor:focus-within{box-shadow:0 19px 64px #0014484c,0 0 0 2px #ff781f66}

/* V1.1.8 — visual editor focus: blue hover follows the mouse, orange outline locks on Shift+Click. */
html.tmc-editor-mode #tmcInspectorOutline{border:2.5px solid #2464ff!important;outline:1px solid #91baff!important;background:#2b67fd0b!important;box-shadow:0 0 0 1px #123fe255!important;transition:none!important;pointer-events:none!important}
html.tmc-editor-mode #tmcInspectorLabel{background:#164fff!important;box-shadow:0 3px 12px #09297744!important;pointer-events:none!important}
html.tmc-editor-mode #tmcSelectedOutline{position:fixed;display:none;pointer-events:none;z-index:2147483623;border:3px solid #ff811f;outline:1px solid #ffcd92;outline-offset:2px;background:#ff8b1a12;box-shadow:0 0 0 1px #c25f10,inset 0 0 0 1px #fff7;transition:none}
html.tmc-editor-mode .tmc-cms-selected{outline:0!important;outline-offset:0!important}
html.tmc-editor-mode [data-cms-key]:hover,html.tmc-editor-mode [data-cms-detail-field]:hover{outline:0!important;cursor:inherit!important}

/* V1.1.9 — Direct click to edit, safe site exploration mode */
html.tmc-editor-mode #tmcModeToolbar{position:fixed!important;bottom:17px;left:16px;z-index:2147483633!important;display:flex;gap:3px;padding:5px;background:#071a4cef;border:1px solid #7089cd;border-radius:12px;box-shadow:0 8px 30px #0005;pointer-events:auto!important;font-family:Arial,sans-serif}
html.tmc-editor-mode #tmcModeToolbar button{position:static!important;transform:none!important;display:block!important;min-height:35px!important;padding:8px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#d9e4ff!important;font:800 11px Arial,sans-serif!important;letter-spacing:.04em!important;cursor:pointer!important;opacity:1!important}
html.tmc-editor-mode #tmcModeToolbar button[aria-pressed=true]{background:#f5f7ff!important;color:#1039c7!important}
html.tmc-editor-mode.tmc-interact-mode #tmcInspectorOutline,html.tmc-editor-mode.tmc-interact-mode #tmcInspectorLabel,html.tmc-editor-mode.tmc-interact-mode #tmcSelectedOutline{display:none!important}
