#idlingPanel { display: none; }
body.idling-mode { margin: 0 !important; padding: 0 !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; background: #17201f !important; }
body.idling-mode > :not(#idlingPanel) { display: none !important; }
body.idling-mode *, body.idling-mode *::before, body.idling-mode *::after { animation: none !important; transition: none !important; }
body.idling-mode #idlingPanel { display: flex; flex-direction: column; position: fixed; inset: 0; padding: 13px 16px 12px; box-sizing: border-box; color: #e7e2d3; background: #17201f; font: 12px/1.4 system-ui, sans-serif; overflow: auto; border-top: 2px solid #ac915b; gap: 6px; }
.idling-header, #idlingPanel footer, .idling-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; }
.idling-header { color: #d0b780; font-size: 13px; padding-bottom: 8px; border-bottom: 1px solid #35413a; }
#idlingStatus { color: #b3c9b7; font-size: 11px; padding: 2px 8px; border: 1px solid #3d5043; border-radius: 12px; }
.idling-hero { display: flex; align-items: center; gap: 14px; min-height: 112px; flex-shrink: 0; }
#idlingPortrait { width: 98px; height: 110px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; background: radial-gradient(ellipse at 50% 65%, #394333 0%, transparent 68%); }
#idlingPortrait::after { content: ''; position: absolute; bottom: 5px; left: 7px; right: 7px; height: 10px; border-bottom: 1px solid #8a794c; border-radius: 50%; pointer-events: none; }
#idlingPortrait svg { position: relative; z-index: 1; }
.idling-action-info { min-width: 0; }
.idling-label, .idling-section-heading { font-size: 10px; letter-spacing: 0.06em; color: #a7b0a5; }
.idling-section-heading { margin-top: 2px; }
#idlingGainsLabel { letter-spacing: 0; color: #859a88; font-size: 9px; }
#idlingAction { display: block; margin: 3px 0 6px; font-size: 21px; font-weight: 600; line-height: 1.15; color: #eee1bd; overflow-wrap: anywhere; }
#idlingRealm { color: #b4bba9; font-size: 11px; }
#idlingAge { color: #879589; font-size: 10px; margin-top: 3px; }
#idlingStats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; flex-shrink: 0; }
.idling-stat { display: flex; flex-direction: column; min-width: 0; padding: 7px 9px 5px; border: 1px solid #344038; border-radius: 4px; background: #1d2925; font-variant-numeric: tabular-nums; }
.idling-stat-label { font-size: 10px; color: #a6b19f; }
.idling-stat strong { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idling-gain { color: #718174; font-size: 10px; min-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idling-gain.is-gain { color: #9dcca1; }
.idling-gain.is-loss { color: #e2a69a; }
#idlingSpeeds { display: grid; grid-template-columns: repeat(auto-fit, minmax(28px, 1fr)); gap: 3px; flex-shrink: 0; }
#idlingPanel button { border: 1px solid #465547; border-radius: 4px; padding: 6px 10px; background: #24322b; color: #dce2d3; font: inherit; cursor: pointer; }
#idlingPanel button:hover:not(:disabled) { background: #354336; border-color: #91a17d; }
#idlingPanel button:focus-visible { outline: 2px solid #d0b780; outline-offset: 2px; }
#idlingPanel .idling-speed { padding: 6px 1px; font-size: 10px; }
#idlingPanel .idling-speed.is-selected { border-color: #c8ae73; background: #574f35; color: #f3e1ad; }
#idlingPanel button:disabled { opacity: 0.3; cursor: default; }
#idlingLog { flex: 1 1 90px; min-height: 60px; overflow-y: auto; padding: 0 9px; border-left: 2px solid #596647; background: #141c1a; scrollbar-width: thin; scrollbar-color: #53604c transparent; }
.idling-log-entry { color: #b7c0b0; font-size: 11px; padding: 6px 0; border-bottom: 1px solid #28322b; overflow-wrap: anywhere; }
.idling-log-entry:last-child { border-bottom: 0; color: #d0d8c4; }
.idling-log-empty { color: #7e907f; font-size: 11px; margin: 10px 0; }
#idlingNotice { color: #c1ad80; font-size: 10px; flex-shrink: 0; }
#idlingNotice:empty { display: none; }
#idlingPanel footer { border-top: 1px solid #35413a; padding-top: 8px; }
#idlingPanel #idlingReturn { margin-left: auto; border-color: #b49a64; color: #e7cf9a; }
#idlingPanel button[hidden] { display: none; }
.setup-lock [data-action="idlingEnter"] { display: none; }

.idling-sizes { display: flex; gap: 3px; margin-left: auto; }
#idlingPanel .idling-sizes button { padding: 3px 8px; font-size: 11px; }
#idlingPanel .idling-sizes button[aria-pressed="true"] { border-color: #c8ae73; background: #574f35; color: #f3e1ad; }
body.idling-mode #idlingPanel.idling-small { padding: 7px 9px; gap: 3px; font-size: 11px; }
.idling-small .idling-header { padding-bottom: 4px; }
.idling-small .idling-hero { min-height: 68px; gap: 8px; }
.idling-small #idlingPortrait { width: 60px; height: 68px; }
.idling-small #idlingPortrait svg { width: 60px; height: 68px; }
.idling-small #idlingAction { font-size: 16px; margin: 1px 0 2px; }
.idling-small #idlingRealm, .idling-small #idlingAge { font-size: 9px; }
.idling-small .idling-stat { padding: 3px 5px; }
.idling-small .idling-stat strong { font-size: 12px; }
.idling-small .idling-stat-label, .idling-small .idling-gain { font-size: 9px; }
.idling-small #idlingSpeeds { grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 2px; }
#idlingPanel.idling-small .idling-speed { padding: 4px 0; font-size: 9px; }
.idling-small #idlingLog { min-height: 35px; flex-basis: 35px; }
.idling-small .idling-log-entry { font-size: 10px; padding: 3px 0; }
#idlingPanel.idling-small footer { padding-top: 5px; }
#idlingPanel.idling-small footer button { padding: 4px 7px; }