/* Device settings share the learner's cream, ink and quiet amber controls. */
.device-reminder,.device-haptics{min-width:0}
.device-switch{width:100%;text-align:left}
.device-switch:disabled{cursor:default;opacity:.65}
.device-note{font-size:12px;line-height:1.65;color:var(--muted,#646b77);margin:7px 0 14px;overflow-wrap:anywhere}
.device-time-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:14px 0}
.device-time-form label{display:grid;gap:7px;flex:1 1 160px;min-width:0;font-size:12px;font-weight:750;line-height:1.5}
.device-time-form input[type=time]{width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;font-weight:500;border:1px solid var(--line,#e1d6bf);border-radius:12px;background:#fff;color:var(--ink,#101a30);padding:10px 12px;margin:0}
.device-time-form button{min-height:48px;flex:0 1 auto;white-space:normal;line-height:1.5;max-width:100%}
.device-notice,.device-error{border:1px solid #e4cf9e;border-radius:12px;background:#fff5da;color:#5d461d;padding:11px 12px;font-size:12px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}
.device-error{border-color:#e2b7c0;background:#fbecef;color:#7d2d43}
.device-settings-link{display:block;min-height:44px;padding:8px 0;font-size:12px;font-weight:750;text-align:left;text-decoration:underline;text-underline-offset:3px;color:#775018;line-height:1.6}
.device-switch:focus-visible,.device-time-form input:focus-visible,.device-time-form button:focus-visible,.device-settings-link:focus-visible{outline:3px solid #b96a08;outline-offset:3px}
@media(max-width:360px){.device-time-form{align-items:stretch}.device-time-form label,.device-time-form button{flex-basis:100%}.device-time-form button{width:100%}}