.monitor-setting-button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:60px; padding:12px 14px; box-sizing:border-box; border:2px solid #626c71; border-radius:8px; background:#343a3e; color:#fff; font:inherit; font-size:1rem; text-align:left; cursor:pointer; touch-action:manipulation; }
.monitor-setting-button .setting-label { min-width:0; overflow-wrap:anywhere; font-weight:700; }
.monitor-setting-button .setting-state { flex:0 0 100px; text-align:right; font-size:.9rem; font-weight:700; color:#d0d6d9; }
.monitor-setting-button[aria-checked="true"] { background:#145c4c; border-color:#66d5b3; }
.monitor-setting-button[aria-checked="true"] .setting-state { color:#b5ffe3; }
.monitor-setting-button:active { filter:brightness(1.15); }
.monitor-setting-button:disabled { opacity:.5; cursor:not-allowed; }
.monitor-setting-button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
:root { --hk-search-recent-height:max(12vh,64px); --hk-search-tools-width:220px; }
#cntActive { top:5px; }
.bottom-history-bar { height:var(--hk-search-recent-height); flex:0 0 var(--hk-search-recent-height); }
.embedded-monitor .bottom-history-bar { width:calc(100% - var(--hk-search-tools-width)); }
.input-display.code-confirmed { border-color:#27ae60; }
.search-workspace { display:flex; flex:1; min-width:0; min-height:0; overflow:hidden; }
.search-workspace .card-grid { flex:1; min-width:0; padding-bottom:100px; }
.search-keypad { position:fixed; left:0; top:0; transform:translate3d(8px,8px,0); z-index:80; display:flex; flex-direction:column; padding:8px; width:280px; height:408px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); box-sizing:border-box; background:#245d83; border:1px solid #6b9cb9; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.35); }
.search-keypad[hidden] { display:none; }
html.hk-keypad-dragging, body.hk-keypad-dragging { overscroll-behavior-y:none !important; }
.search-keypad-handle { display:flex; align-items:center; justify-content:center; flex:0 0 48px; margin:-8px -8px 8px; padding:0 12px; border-radius:8px 8px 0 0; background:#173e59; color:#fff; font-size:1rem; font-weight:700; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
.search-keypad.dragging { will-change:transform; }
.search-keypad.dragging .search-keypad-handle { cursor:grabbing; }
.search-keypad-keys { flex:1; min-height:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(5,minmax(0,1fr)); gap:6px; }
.search-keypad button { display:flex; align-items:center; justify-content:center; padding:0; min-width:0; border:1px solid #d0dfeb; border-radius:6px; background:#f3f7fb; color:#173e59; font-family:inherit; font-size:1.8rem; font-weight:700; cursor:pointer; touch-action:manipulation; }
.search-keypad button[data-key="Enter"] { grid-column:1 / -1; background:#167a64; color:#fff; border-color:#77c3ae; font-size:1.2rem; }
.search-keypad button:active { background:#b9e8f6; transform:scale(.96); }
.search-keypad button[data-key="Enter"]:active { background:#125e4e; }
.search-keypad button:focus-visible { outline:2px solid #fff; outline-offset:1px; }
.right-panel.search-switching #gridActive, .right-panel.search-switching #gridHistory { opacity:.4; pointer-events:none; }
@media (max-height:450px) {
    .search-keypad-keys { gap:4px; }
    .search-keypad button { font-size:1.4rem; }
}