/* Required guidance belongs to its control and stays readable in both themes. */
.required-step-message{margin:12px 0;padding:10px 12px;border:1px solid #ddc0b9;border-radius:5px;background:transparent;color:#923c2e;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.required-step-notice{margin:0 0 20px}
.required-step-inline{width:100%;margin:10px 0 0}
.energy-meter-row:has(.required-step-inline){flex-wrap:wrap}
.energy-meter-row .required-step-inline{flex:1 1 100%}
html[data-tj-theme="dark"] .required-step-message{border-color:#80544e;color:#ffc0b2;background:transparent}
.silent-alarm{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
.silent-alarm>strong{font-size:14px}.silent-alarm .help{margin:7px 0 10px}
.silent-alarm>label{display:flex!important;align-items:flex-start;gap:8px;margin:0!important;line-height:1.5}
.silent-alarm>label input{width:17px;height:17px;flex:none;margin:2px 0 0}
.extras-screens-grid>.touch-poe-choice{grid-column:1/-1;width:100%;margin:0}
.extras-screens-grid .touch-view-photo{width:100%;max-width:240px;height:auto;max-height:none;object-fit:contain;background:transparent!important;border-radius:0;mix-blend-mode:normal!important}
/* Crop the white paper outside each actual product, preserving its proportions. */
.extras-screens-grid .touch-view-photo[data-touch-size="7"]{clip-path:inset(1.49% 1.18% 1.43% round .7%)}
.extras-screens-grid .touch-view-photo[data-touch-size="10"]{clip-path:inset(1.18% .84% 1.12% round .5%)}
html[data-tj-theme="dark"] .extras-screens-grid .ipad-frame-photo{background:transparent;border-radius:0;mix-blend-mode:normal}
@media(max-width:600px){.required-step-message{font-size:13px;padding:9px 10px}.required-step-notice{margin-bottom:16px}.extras-screens-grid .touch-view-photo{max-width:220px}}