/* The existing paper, copper and lunar world remains the frame. */
.sample-choices{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
#siemens-dialog .sample-choice{min-height:48px;padding:12px 18px;border:2px solid transparent;border-radius:4px;font:inherit;cursor:pointer}
#siemens-dialog .sample-choice.hell{background:#d2c9b8!important;color:#27241f!important}
#siemens-dialog .sample-choice.dunkel{background:#302e2b!important;color:#f5e8d0!important}
#siemens-dialog .sample-choice[aria-pressed=true]{border-color:#ad804e;box-shadow:0 0 0 2px #c4ab7d66}
.periodic-scroll{overflow-x:auto;padding:8px 0 16px;max-width:100%;overscroll-behavior-inline:contain}
.periodic-stock{display:grid;grid-template-columns:repeat(18,minmax(44px,1fr));gap:4px;min-width:860px}
#siemens-dialog .element-cell{display:grid;align-content:center;gap:3px;min-height:57px;padding:5px;margin:0;border:0;border-radius:2px;background:#292722!important;color:#a29a88!important;box-shadow:none;font-family:ui-monospace,monospace}
#siemens-dialog button.element-cell{background:#554536!important;color:#fff0d4!important;cursor:pointer}
#siemens-dialog button.element-cell[aria-pressed=true]{outline:2px solid #d4ba85;outline-offset:-2px}
.element-cell small{font-size:10px}.element-cell strong{font-size:20px}.element-readout{min-height:4em;line-height:1.6;padding:12px 0}
.material-pass label{display:block;margin:12px 0}.material-pass input{display:block;max-width:100%;width:180px;padding:10px;background:#eee1c8!important;color:#28231d!important;border:1px solid #998365;font:inherit}
#siemens-dialog .sample-choice:focus-visible,#siemens-dialog .element-cell:focus-visible{outline:3px solid #ead4a6;outline-offset:3px}
#siemens-dialog .sample-choice:disabled{opacity:.55;cursor:wait}
